/*
Theme Name: B4Blogging
Design by B4 Blogging
Theme URI: http://www.b4blogging.com
Author: Nadim Khan
version: 2.0
Author URI: http://www.b4blogging.com
*/
html{
background: url(images/body-bcgrd.gif) repeat-y top center;
}
body{
background: url(images/top-bar.gif) repeat-x left top transparent;
margin:0px;
font-family:"lucida grande","lucida sans unicode", Trebuchet, tahoma,verdana,arial,sans-serif;
color:#333;
font-size:13px;
line-height:1.5em; 
}
em{font-style:italic;}
.clear{
clear:both;
}
a, a:link, a:visited{
text-decoration: none;
color:#000;
}
a:hover{
text-decoration: underline;
}
p{
margin-bottom:18px;
}
.top-icons ul{
margin:9px 0 0 0;
padding:0px;
list-style-type: none;
}
.top-icons ul li{
margin:0px;
padding: 0px;
display:inline;

}
.top-icons a{
background: url(images/top-social-media-icons.gif) no-repeat 0 0;
display:block;
float:left;
margin:0px 3px 0 0;
height:28px;
width:28px;
text-indent: -99999px;
}
.top-icons ul li#rss a{
background-position: 0 0;
}
.top-icons ul li#twitter a{
background-position: -32px 0;
}
.top-icons ul li#facebook a{
background-position: -64px 0;
}
.logo{
color:#fff;
}
.logo h1{
margin:30px 0 0 0;
padding:0px;
line-height: normal;
}
.logo h1 a{
background: url(images/logo.png) no-repeat 0 0;
width:257px;
height: 68px;
text-indent:-99999px;
display:block;
}
.logo p{
font-size:9px;
letter-spacing: 1px;
text-transform: uppercase;
line-height: normal;
}
.main-nav{
margin:40px 0 0 0;
background: url(images/main-nav-bcgrd.png) no-repeat 0 0;
}
.main-nav ul{
margin:0px 0 0 15px;
padding:0px;
list-style-type:none;
}
.main-nav ul li{
display:inline;
line-height: 45px;
font-size:15px;
text-transform: uppercase;
font-weight:bold;
margin:0;
}
.main-nav a{
color:#ccc;
text-decoration:none;
padding:0 20px;
}
.main-nav a:hover{
color:#fff;
}
.main-area{
margin:30px 0 0 0;
}
.twitter-update{
background: url(images/main-nav-bcgrd.png) repeat-x left top;
height:45px;
}
.twitter-update-icon{
background: url(images/twitter-update-icon.png) no-repeat left top;
display:block;
width:74px;
height:41px;
margin:2px 15px 0 5px;
float:left;
}
.twitter-msg{
width:880px;
margin-left:80px;
color:#fff;
}
.twitter-msg p{
line-height: 45px;
}
.twitter-msg p a{
color:#3fb9e2;
}
.twitter-msg p span.twitter-timestamp{
font-size:11px;
}
.content-area{
background: url(images/content-bcgrd.gif) repeat-y left top;
}

.post-container, .related-posts, .comments{
margin:10px 10px 25px 10px;
}
.post-entry a{text-decoration:underline;}
.meta{
border-top:1px solid #f4f4f4;
margin-bottom:5px;
}
.meta h6{
font-size:9px;
text-transform: uppercase;
color:#333;
letter-spacing: 1px;
font-weight:bold;
}
.meta p{
font-size:10px;
margin:0 5px 0 0;
}
.meta-boxes{
border-right:1px solid #f4f4f4;
min-height:60px;
}
.meta a{
text-decoration: underline;
color:#333;
}
.post-container h2{
font-family: Arial, Helvetica, sans-serif;
font-size:24px;
letter-spacing: -1px;
margin:15px 0;
line-height:normal;
}
.post-container h2 a, .post-container h2 a:visited{
color:#000;
text-decoration: none;
}
.post-container h2 a:hover{
color:#3fb9e2;
}
.post-container h3{font-size:18px;margin:15px 0;letter-spacing:-1px;}
.post-container h3{font-size:18px;color:#333;margin:15px 0 8px 0;}
.tags {
margin:10px 0;
padding:5px 5px;
border-top:1px solid #f4f4f4;
border-bottom:1px solid #f4f4f4;
font-size:10px;
text-transform: uppercase;
font-weight: bold;
color:#000;
}
.tags a{
font-weight:normal;
text-transform: none;
font-size:11px;
color:#3fb9e2;
}
.related-posts h5, .comments h5{
font-size:21px;
color:#000;
letter-spacing: -1px;
line-height:2em;
}
.related-posts ul{
margin:0px;
padding:0px;
list-style-type: none;
}
.related-posts ul li{
line-height: 1.5em;
background: url(images/bullet.gif) no-repeat left center;
padding-left:8px;
}
.related-posts ul li a{
color:#000;
}
.sidebar{
margin:10px 0 10px 10px;
width:360px;
}
.widget{
margin-bottom:20px;
}
.widget h5{
font-size:16px;
letter-spacing: 1px;
border-bottom: 2px solid #000;
color:#000;
font-weight: bold;
padding-left:5px;
}
.subscribe-form{
margin-top:10px;
}
.subs-input{
border:1px solid #b3b3b3;
padding:4px 3px;
width:254px;
}
.subs-button{
border:none;
background-color:#000;
color:#fff;
padding:5px 8px;
font-size:11px;
font-weight: bold;
}
html>body .subs-button{
padding:6px 3px 5px;
}
.twitter-count h6 a, .twitter-count h6 a:visited, .rss-count h6 a, .rss-count h6 a:visited{
display:block;
padding:10px 0 10px 60px;
font-size:18px;
font-weight:bold;
line-height:15px;
color:#999898;
}
.twitter-count h6 a{
background: url(images/twitter-icon.gif) no-repeat left top;
}
.rss-count h6 a{
background: url(images/rss-icon.gif) no-repeat left top;
}
.twitter-count h6 a span, .rss-count h6 a span{
font-size:12px;
font-weight:normal;
}
.twitter-count h6 a:hover, .rss-count h6 a:hover{
color:#000;
text-decoration: none;
}
.sponsors{
margin:10px 0 0 0;
}
.sponsors img{
margin:0 5px 10px 5px;
float:left;
}
.left-column{
margin:0px;
border-right:1px solid #e2e2e2;
}
.right-column{
margin:0px;
width:180px;
}
.widget ul{
list-style-type:none;
margin:0px;
padding:0px;
}
.widget ul li{
display:block;
font-size:12px;
}
.widget ul li a, .widget ul li a:visited{
padding:4px 3px;
color:#555;
display:block;
border-bottom:1px solid #e2e2e2;
}
.widget ul li a:hover{
color:#000;
background: #e2e2e2;
}
.footer{
background: url(images/main-nav-bcgrd.png) repeat left top;
height:200px;
padding:10px 0 0 0;
}
.footer .ft-left{
margin-left:10px;
}
.footer .widget h5{
color:#fff;
border-bottom:2px solid #fff;
}
.copyrights{
background: #000;
padding:5px 0;
}
.copyrights p{
line-height: 30px;
font-size:11px;
color:#fff;
margin:0px 15px;
}
.copyrights a{
color:#f2f2f2;
}
.copyrights a:hover{
color:#3fb9e2;
}
.alignleft{float:left;margin:0 10px 10px 0;}
.alignright{float:right;margin:0 0 10px 10px;}
.post-navi{padding:10px 0 20px 10px;}