/*
Theme Name: 10tipsfor
Theme URI: http://10tipsfor.com
Description: Custom theme for 10tipsfor.com based on Starkers
Version: 1
Author: Mubashar Iqbal
Author URI: http://mubashariqbal.com
Tags: custom, starkers
*/


@import "style/css/reset.css";
@import "style/css/text.css";
@import "style/css/960_24_col.css";

body {
  background: url("style/images/header-bg.png") repeat-x;
  font:normal 12px/18px arial, Lucida Grande,Lucida Sans Unicode,Lucida,Calibri,sans-serif;
  vertical-align: baseline;
  color: #333;
}

a { color: #333; text-decoration: none; }
h1{ font:normal 30px/30px arial, "Lucida Grande","Lucida Sans Unicode",sans-serif;margin:0 0 30px;}
h2{ font:bold 21px/25px arial, "Lucida Grande","Lucida Sans Unicode",Lucida,Calibri,sans-serif;color:inherit;margin:0 0 20px;}
h3{ font:bold 16px/20px arial, "Lucida Grande","Lucida Sans Unicode",Lucida,Calibri,sans-serif;color:inherit;}
h4{ font:bold 12px/20px arial, "Lucida Grande","Lucida Sans Unicode",Lucida,Calibri,sans-serif;color:black;}

h2 a {
  text-decoration: none;
}

.aligncenter {
  text-align: center;
}

.alignleft {
  float: left;
  margin: 0 10px 10px 0;
}

.alignright {
  float: right;
  margin: 0 0 10px 10px;
}

textarea {
  width: 620px;
}

#header { height: 80px; overflow: hidden; margin-bottom: 50px; }
  #header #branding { float: left; height: 50px; overflow: hidden; }
    #header #branding h1 { display:block; width:133px; height: 19px; margin: 16px 0 0 0; padding: 0; }
    #header #branding h1 a { display:block; width:133px; height: 19px; margin: 0; padding: 0; background: url("style/images/sprite.png") 0 -200px no-repeat; text-indent: -5000px; }

  #header #social { float: right; height: 50px; overflow: hidden; }
    #header #social ul { list-style: none; margin: 17px 0 0 0; padding: 0; }
      #header #social ul li { float: left; margin: 0 0 0 5px; padding: 0; }
        #header #social ul li a { display: block; width: 16px; height: 16px; text-indent: -5000px; }
        #header #social ul li a.rss { background: url("style/images/icons/rss_16.png") 0 0 no-repeat; }
        #header #social ul li a.facebook { background: url("style/images/icons/facebook_16.png") 0 0 no-repeat; }
        #header #social ul li a.twitter { background: url("style/images/icons/twitter_16.png") 0 0 no-repeat; }

  #header #categories { margin-top:1px; height: 29px; overflow: hidden; }
    #header #categories ul { list-style: none; margin: 0; padding: 0; }
      #header #categories ul li { margin: 0; padding: 0; display: inline; height: 30px; line-height: 30px; }
        #header #categories ul li a { float:left; width: 100px; display: block; height: 14px; margin-top: 8px; padding: 0 10px; text-indent: -5000px; background: url("style/images/sprite.png") 0 0 no-repeat; }
          #header #categories ul li a.technology { width: 72px; }
          #header #categories ul li a.sports { width: 43px; background-position: 0 -15px;}
          #header #categories ul li a.health { width: 43px; background-position: 0 -30px;}
          #header #categories ul li a.entertainment { width: 94px; background-position: 0 -45px;}
          #header #categories ul li a.science { width: 60px; background-position: 0 -60px;}
          #header #categories ul li a.education { width: 64px; background-position: 0 -75px;}
          #header #categories ul li a.autos { width: 38px; background-position: 0 -90px;}
          #header #categories ul li a.finance { width: 50px; background-position: 0 -105px;}
          #header #categories ul li a.diy-hobbies { width: 87px; background-position: 0 -120px;}
          #header #categories ul li a.life { width: 24px; background-position: 0 -135px;}
          #header #categories ul li a.politics { width: 48px; background-position: 0 -150px;}

#footer { margin: 20px 0; }

.post  { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #ccc; }
  .post h2 { margin: 0; }
  .post .content { margin: 10px 0; }
    .post .content p { margin: 0; font-size: 14px; }
    .post .content .excerpt {
      text-align:justify;
      float: left;
    }

      #single .post .content {
        text-align:none;
      }

      #single .post .content p {
        margin-bottom: 1em;
        font-size: 14px;
      }

    .post .content .thumbnail {
      float: right;
    }

.post .wp-post-image {
  padding: 5px;
  background: #ccc;
}

.post a.link-url {
  font-weight: bold;
}

.post blockquote {
  margin-left: 20px;
  border-left: 5px solid #eee;
  padding-left: 15px;
}

#featured { margin: 0 0 30px; }
  #featured h2 { display:block; width: 171px; height: 20px; margin: 0 0 10px 0; background: url("style/images/sprite.png") 0 -400px no-repeat; text-indent: -5000px; }
  #featured ul { list-style: none; margin: 0; padding: 0; }
    #featured ul li { width: 190px; height: 193px; float: left; margin-left: 10px; padding: 0; background: #eee; border-bottom: 1px solid #ccc;}
    #featured ul li a { margin: 0; padding: 0; border: none;}
    #featured ul li.first { margin: 0; }
    #featured ul li img { display:block; height: 133px; overflow:hidden; margin: 5px; border: 1px solid #aaa; }

    #featured ul li p { font-size: 12px; line-height: 16px; margin: 0; padding: 8px; }

p.meta { font-size: 12px; color: #999; margin: 0; }
  p.meta a { color: #555; text-decoration: none; border-bottom: 1px dotted #555; }


#sidebar ul { list-style: none; margin: 0; }
  #sidebar ul li {  margin: 0; }

#sidebar .promo {
  padding: 5px;
  background: #eee;
  margin-bottom: 20px;
}

ol.commentlist { margin: 0 0 20px 0; padding: 0; list-style: none; }
  ol.commentlist li { margin: 0; padding: 10px 0; border-bottom: 1px dotted #ccc;}

ul.children { margin: 10px 0 0 0; padding: 0; list-style: none; }
  ul.children li { margin: 0; padding: 10px 0 10px 10px;  border-width: 0; }

  ul.children li.depth-2 { margin: 0 0 0 10px; }
    ul.children li.depth-2 .comment-author { width: 210px; }

  ul.children li.depth-3 { margin: 0 0 0 10px; }
    ul.children li.depth-3 .comment-author { width: 190px; }

  ul.children li.depth-4 { margin: 0 0 0 10px; }
    ul.children li.depth-4 .comment-author { width: 170px; }

  ul.children li.depth-4 { margin: 0 0 0 10px; }
    ul.children li.depth-5 .comment-author { width: 160px; }

.comment-author {
  float: left;
  width: 230px;
  margin-right: 10px;
}

  .comment-author .says {
    display: none;
  }

  .comment-author img {
    float: left;
    margin-right: 10px;
    padding: 5px;
    background: #eee;
  }

  .comment-body {
    border-left: 1px solid #ccc;
    padding-left: 9px;
    width: 370px;
    float:left;
  }
  
#searchform {
  margin-bottom: 20px;
}

.featured-tips { margin-bottom: 20px; }
  .featured-tips h2 { margin-bottom: 0em; border-bottom: 1px dotted #aaa; padding: 5px 0; }
    .featured-tips ul { }
      .featured-tips ul li { border-bottom: 1px dotted #ccc; padding: 5px;}

.popular-tips { margin-bottom: 20px; }
  .popular-tips h2 { margin-bottom: 0em; border-bottom: 1px dotted #aaa; padding: 5px 0; }
    .popular-tips ul { }
      .popular-tips ul li { border-bottom: 1px dotted #ccc; padding: 5px;}

#blogroll {}
  #blogroll h2 { margin: 0 0 10px 0 ; }
    #blogroll ul { margin: 0; }
      #blogroll ul li { padding: 5px 0;  border-top: 1px dotted #ccc; }