/*  

Theme Name: Branding Blog

Theme URI: http://www.brandingbrand.com/blog

Description: Branding Blog is a 2 columns Wordpress theme. 

Version: 0.1

Author: Branding Brand 

Author URI: http://www.BrandingBrand.com



This theme was designed and built by Branding Brand of <a href="http://www.brandingbrand.com/">Branding Brand</a> based on Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a>'s  .

*/

 

body{font-family:calibri;font-size:16px;background:#717171 url(images/bg.jpg);color:#717171;}



#box{width:983px;background:#fff;margin:0 auto;padding:10px;}

#top{width:963px;background-color:#fff;height:125px;margin:0 auto;padding:0;}

#splash{width:963px;background:url(images/homepage.jpg) no-repeat;height:250px;margin:0 0 0 10px;padding:0;}



#header{float:left;width:300px;margin:0 auto;padding:0;}

#header h1{text-indent:-10000px;margin:0 0 0 10px;padding:0;}

#header h1 a{display:block;background:url(images/logo.jpg) no-repeat left;width:656px;height:122px;}



#desc{color:#cccccc;float:right;text-align:left;font-size:16px;margin-top:74px;padding:0;}

#desc img {width:42px;margin-right:4px;border:none;}


#deschelp{float:left;margin:0;padding:0;}

/* 9/7/2008 KSS added rounded edges */



#bigbox{width:1003px;margin:0 auto;padding:0 10px 0 0;}

.trim{width:1003px;height:20px;margin:0;padding:0;}

.midsection{width:963px;height:20px;float:left;margin:0;padding:0;background-color:#fff;}



#topright{height:20px;width:20px;float:right;background-image:url(images/t_right_corner.gif);}

#topleft{height:20px;width:20px;float:left;background-image:url(images/t_left_corner.gif);}

#bottomright{height:20px;width:20px;float:right;background-image:url(images/b_right_corner.gif);}

#bottomleft{height:20px;width:20px;float:left;background-image:url(images/b_left_corner.gif);}

/* end update */



#main{height:48px;width:963px;margin:10px auto;background-image:url(images/nav_bg.jpg);}



#mainbck{background:#fff url(images/mainbck.gif) repeat-y; width:963px;margin:5px auto;padding:0;}



*html h2{font-family:calibri, sans-serif;font-size:20px;color:#717171;padding:0 0 0 5px;}



#nav{height:48px;line-height:48px;float:left;padding:0;position: absolute;}

ul.nav{height:48px;line-height:48px;float:left;list-style:none;font-family:Courier New;font-size:16pt;text-transform:lowercase;margin:0;padding:0;}



ul.nav li{float:left !important;list-style-type:none;margin:0;padding:0;}

ul.nav li a,ul.nav li a:link,ul.nav li a:visited{width:100px;text-align:center;border-bottom:0;border-left:0;background:none;color:#333;float:left;display:block;text-decoration:none;padding:0 10px;}

ul.nav li a:hover,ul.nav li a:active{width:100px;text-align:center;color:#fff;text-decoration:none;background-image:url(images/nav_hover.jpg); background-color:#717171;}

ul.nav li.home a{width:100px;text-align:center;border-left:0px solid #fff;text-decoration:none;}

ul.nav li.current_page_item a{text-decoration:none;color:#fff;background-image:url(images/nav_hover.jpg);}

ul.nav li ul{float:left;margin:0;padding:0;}


/* home.php - sebastian 10/18 */


#home_content { overflow: hidden; width: 933px; margin: 0 auto; }

#featured { float: left; width: 933px; margin-bottom: 25px; margin-top: 25px; }

.feature {float: left; width: 287px; height: 280px; border: 2px solid #E41620;}
.feature .finfo {height:70px; padding: 5px;}
.feature .fcat a {font-family:Courier New; color:#000000; font-weight: bold;}
.feature .ftitle {font-weight: bold;color: #E41620; line-height: 1em; white-space:nowrap;overflow:hidden;}
.feature .fauthor {color:#000000;}
.feature .flink a {font-size: 12pt; color:#E41620;}
.feature a:hover {text-decoration: none;}

.feature.first {width: 608px; margin-right: 30px;}
.feature.first img {width: 608px; height: 200px;}
.feature.first .finfo {background-color: #CDCDCD;}
.feature.first .fcat a {font-size: 12pt;}
.feature.first .ftitle {font-size: 22pt; color: #E41620; margin-bottom: 4px;}
.feature.first .fauthor {font-size: 12pt; float:left;}
.feature.first .flink {float:right;}

.feature.second {}
.feature.second img {width: 287px; height:200px;}
.feature.second .fcat a {font-size: 8pt;}
.feature.second .ftitle {font-size: 16pt;}
.feature.second .fauthor {padding-top: 1px;font-size: 9pt;}
.feature.second .flink {position:relative; top: -23px; padding-left: 5px;}


#categories_header {font-weight: bold;font-family: Courier New; font-size: 16pt; color: #000000; margin-bottom: 12px; margin-left: 10px; clear: both;}
#categories { float: left; width: 933px; }

.category {float: left; width: 287px; border: 2px solid #E41620; margin-bottom: 30px;}
.category .img {width: 287px; height: 160px;}

.category.first {margin-right: 30px;}
.category.second {}
.category.third {margin-left: 30px;}

ul.cat_list {margin:0px 10px 0px 0px; padding:0px 0px 10px 23px; font-size: 15px; overflow: hidden;}
ul.cat_list li {color: #E41620; margin-bottom:4px; white-space: nowrap;}
ul.cat_list li a {color: gray; font-size: 18px;}


/* end home.php */


#content{width:700px;float:left;margin:5px auto;padding:0 15px 0 0;}

.entry{width:690px;background:#fff;float:left;color:#666;border-bottom:#ccc 1px solid;margin:5px auto;padding:5px;}

.entry h2,h3{font-family:calibri, sans-serif;font-size:28px;margin:0 auto;padding:0;color:#717171}



#sidebar{width:230px;float:right;margin:5px;padding:0;}

.rsidebar{width:210px;color:#666;margin:0 auto;padding:0 5px;}

.rsidebar h2{font-size:16px;font-family:Courier New; border-bottom:dashed 1px #717171;margin:0 7px 3px;padding:3px 0;}

.rsidebar ul{list-style-type:none;margin:0;padding:0;}

.rsidebar ul li{list-style-type:none;margin:0 0 10px;padding:0;}

.rsidebar ul li ul{list-style-type:square;margin:0;padding:0 3px;}

.rsidebar ul li ul li{list-style-type:none;border:0;margin:0;padding:0 0 2px 14px;}



#footer{font-weight:bold;width:953px;background-color:#717171;height:30px;line-height:30px;clear:both;color:#fff;margin:0;padding:0 0 0 10px;}

a:visited{text-decoration:none;color:#d5212d;border:none;}

a:link,a:active{text-decoration:none;color:#e42133;border:none;}

a:hover{text-decoration:underline;color:#717171;border:none;}



#wp-calendar #prev a,#wp-calendar #next a{font-size:9pt;}

#wp-calendar a{text-decoration:none;display:block;}

#wp-calendar caption{font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align:left;width:100%;}

#wp-calendar th{font-style:normal;text-transform:capitalize;}

#wp-calendar{empty-cells:show;width:100%;margin:10px auto 0;}

#wp-calendar #next a{padding-right:10px;text-align:right;}

#wp-calendar #prev a{padding-left:10px;text-align:left;}

#wp-calendar td{text-align:center;padding:3px 0;}

#wp-calendar td.pad:hover{background-color:#fff;}

.navigation{width:520px;float:left;color:#666;}

.alignright{float:right;margin-top:10px;}

.alignleft{float:left;margin-top:10px;}

.space{background:#fff;height:5px;clear:both;margin:0 auto;padding:0;}



#searchform{height:26px;line-height:26px;float:left;margin:0;padding:0 0 10px;}

input#s{color:#717171;width:140px;border:1px solid #cbcbcb;background:#fff;}

input#searchsubmit{background:#717171;color:#fff;font-size:13px;border:1px #fff solid;}

.bobcomments{border-top:5px solid #d41f2e;background:#fff;border-bottom:1px solid #717171;margin-bottom:20px;}



#respond{color:#d41f2e;}

#commentform{border-top:1px solid #cedeef;border-bottom:1px solid #cedeef;margin:0;padding:15px 15px 1px;}

#commentform label{display:block;margin:0;}

#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}

#commentform textarea{width:380px;margin:0 0 10px;padding:0;}

#commentform #submit{margin:0 0 20px;}

#commentform p{margin:5px 0;}

ol.commentlist{margin:0 0 1px;padding:0;}

ol.commentlist li{border-top:1px solid #717171;display:block;list-style:none;margin:0;padding:15px 15px 1px;}

ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}

ol.commentlist li.commenthead h3{margin:0;}

ol.bob{border-top:1px solid #717171;list-style:none;margin:0 0 1px;padding:15px;}

ol.bob li{display:block;list-style:none;background:padding-left:15px;margin:0 0 5px;}



#footer a:visited{text-decoration:none;color:#333;border:none;}

#footer a:hover{text-decoration:underline;color:#333;border:none;}

#footer a:link,#footer a:active{text-decoration:none;color:#333;border:none;}