/*
Theme Name: Fun Links Daily
Theme URI: http://funlinksdaily.com
Description: Custom theme for funlinksdaily.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 {
  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:normal 21px/25px arial, "Lucida Grande","Lucida Sans Unicode",Lucida,Calibri,sans-serif;color:inherit;margin:0 0 20px;}
h3{ font:normal 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;
}

.head {
  background: url("style/images/header.png") center 0 no-repeat;
  height: 180px;
}

#header { height: 180px; overflow: hidden; margin-bottom: 50px; 
  }
  #header #branding { float: left; height: 140px; overflow: hidden; }
    #header #branding h1 { display:block; width:388px; height: 40px; margin: 70px 0 0 70px; padding: 0; }
    #header #branding h1 a { display:block; width:388px; height: 40px; margin: 0; padding: 0; background: url("style/images/logo.png") 0 0 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: 4px 0 0 0; height: 34px; overflow: hidden; line-height: 34px;}
    #header #categories ul { list-style: none; margin: 0; padding: 0; }
      #header #categories ul li { margin: 0 0 0 0; padding: 0 0; display: inline; height: 34px; line-height: 34px; }
      #header #categories ul li.right { font-weight: bold; float: right; }
        #header #categories ul li a { font-weight: bold; padding: 0 10px; }
        #header #categories ul li a:hover { text-decoration: underline; }

        #header #categories ul li a.rss { text-indent: -5000px; float:right; display:block; width: 24px; height: 34px; background: url("style/images/icons/rss_24x24.png") 10px 4px no-repeat; }
        #header #categories ul li a.email { text-indent: -5000px; float:right; display:block; width: 24px; height: 34px; background: url("style/images/icons/mail_24x18.png") 10px 8px no-repeat; }

#content {
}

#footer { border-top: 3px solid #000; padding: 20px 0; margin: 20px 0; }

.post-date { margin: 0 0 20px 0; }
  .post-date p { display:block; height: 40px; line-height: 40px; width: 170px; color: #fff; background: #db6d96; padding: 0 10px; text-transform: uppercase; font-weight: bold; }

.post  { margin-bottom: 30px;  padding: 0 0 30px; }
  .post h2 { margin: 0 0 12px 0; font-size: 24px; line-height: 24px; }
  .post .content { margin: 10px 0; }
    .post p { margin: 0; font-size: 12px; }
    .post .excerpt {
      text-align:justify;
      min-height: 58px;
    }

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

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

    .post .thumbnail img {
      float: left;
      padding: 5px;
      background: #ccc;
    }

    .post .meta {
      line-height: 28px;
      border: 1px solid #ccc;
      border-width: 1px 0;
    }

    .post .meta p.types {
      padding: 0 10px;
      width: 80px;
      float: left;
      border-right: 1px solid #ccc;
    }

    .post .meta p.categories {
      padding: 0 10px;
      width: 180px;
      float: left;
      border-right: 1px solid #ccc;
    }

    .post .meta p.readmore {
      padding: 0 10px;
      width: 68px;
      float: left;
    }

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

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

.post p.read-more {
  text-align: right;
  display: block;
  margin-bottom: 10px;
  margin-right: 10px;
}

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

#featured { margin: 0 0 30px; display: none; }
  #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; }