/*
Theme Name: Baker Body Craft


*/

* { margin:0; padding:0;}
body { font-size:12px; font-family:"Trebuchet MS", Verdana, Arial; color:#242424; background:url(images/bg_red.jpg); background-repeat: repeat-y; background-position: top center; background-color:#000000; padding-top:20px; padding-bottom:0px; }

a {color:#000000; text-decoration:none;}
a img {border:none;}

#wrap { background:#FFF; width:902px; margin:0 auto;}

/*--------------- Clears ---------------*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
.c, .clear { clear:both;  clear:both; font-size:1px; height:1px; }

/*--------------- Main menu ---------------*/
#menu { margin:0 auto; width:902px; }
#menu .content { width:870px; float:left; background:url(images/top_menu_bg.jpg);  height:57px;}
#menu .left_border { background:url(images/top_menu_left.png); height:57px; width:16px; float:left;}
#menu .right_border { background:url(images/top_menu_right.png); height:57px; width:16px; float:right;}


/*--------------- Main blocks ---------------*/
#header { height:180px; position:relative; background:url(images/bbc.jpg); background-repeat: no-repeat; background-position: top middle;}
#header h1 { font-size:36px; font-weight:normal; position:absolute; top:10px; left:30px;  }
#header h1 a {color:#8c0000;}
#header h2 { font-size:14px;  color:#9b9898; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; position:absolute; top:55px; left:45px; }

#contentwrap { width:902px; position:relative}
#slideshow { width:400px; float:left; padding: 10px 0 0 0;}
#sidebar { width:305px; float:right; padding:15px 25px 0 0;}
#content { width:850px; float:left; padding:0 30px 0 30px;}
.warning { padding:10px; text-align:center; font-weight:bold; font-size:16px;}



/*--------------- Block background ---------------*/
.lightround { background:#BFBFBF; padding:10px;z-index:500;position:relative}
.lightbutton { background:#dfdfdf; padding:5px;}
.darkround { background:#343434; padding:10px; color:#f3f3f3;}
.darkbutton { background:#4e4e4e; padding:5px;}
.darkround a, .darkbutton a {color:#FFFFFF;} 



/*--------------- Single post/page ---------------*/
.single .post {   margin-bottom:15px; z-index:1}
.single .post .header { border-bottom:1px solid #FFF; padding:0 0 10px 0;}
.single .post .header .img{ float:left; width:291px; border:1px solid #FFF; background:#fdfdfd;}
.single .post .header .meta {float:right; width:300px; padding:0 10px; }
.single .post .header .meta.noimage {float:left; width:591px; padding:0 10px;}
.single .post .header .info { color:#7e7e7e; text-transform:uppercase; font-size:9px; margin:0 0 1em 0; font-family:Arial, Helvetica, sans-serif; line-height:15px;}
.single .post h3 { font-size:16px; font-weight:bold; padding:0 0 5px 0;}
.single .post .text { padding:10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:justify;}


.post .alignleft {float:left; margin:5px 10px 5px 0; padding:3px; border:1px solid #ccc; }
.post .alignright {float:right;}
.post ul { margin:0 0 0 22px;}
.post ol { margin:0 0 0 22px;}
.post li { margin:4px 0;}
.post ul, .post ol, .post p, blockquote, code { margin-bottom:1em;}
blockquote { background:#fdfdfd; padding:10px 5px 0 5px; border-top:1px solid #FFF; border-bottom:1px solid #FFF;}
code { display:block; padding:10px; background:#fdfdfd; border:1px dashed #FFF;}
.post .text a {color:#870000;}
.post .text h1 { margin:0 0 10px 0; border-bottom:1px solid #f1f1f1;}
.post .text h2 { margin:0 0 10px 0; border-bottom:1px solid #f1f1f1;}
.post .text h3 { margin:0 0 10px 0; border-bottom:1px solid #f1f1f1;}
.post .text h4 { margin:0 0 10px 0; border-bottom:1px solid #f1f1f1;}


/*--------------- Sidebar ---------------*/
.widget { margin:0 0 2em 0;}
.widget h4 { float:left; margin:0 0 2px 0;   background:url(images/btn_grey.png) no-repeat top left; height:28px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; font-weight:normal;  }
.widget h4 a,.widget h4 span { display:block;  background:url(images/btn_grey.png) no-repeat right -28px; height:28px; z-index:8px; padding:7px 8px; color:#FFFFFF; cursor:pointer;  }
.widget h4.selected { background-image:url(images/btn_red_bg.png);}
.widget h4.selected a,.widget h4.selected span { background-image:url(images/btn_red_bg.png);}


.widget ul { list-style-type:none;}
.widget li { font-size:13px; padding:5px 10px;  border-bottom:#3a3a3a 1px solid; }
.widget .categories  li{ padding-left:23px; background:url(images/bullet_category.gif) no-repeat left center;}
.widget .categories a:hover { color: #DF0000}
.widget .last { border:none;}


#bottom { width:862px; padding:30px; text-align: center;}
#bottom .widget { float:left; margin: 0px 12px 0px 12px;}





/*--------------- Footer ---------------*/
#footer {text-align:center; padding:30px 0 10px 0; margin:0 auto; width:902px; color:#FFFFFF;  background:url(images/main_bottom.png) no-repeat center top; height:15px;}
#footer a{text-align:center; padding:30px 0 10px 0; margin:0 auto; width:902px; color:#FFFFFF;  background:url(images/main_bottom.png) no-repeat center top; height:15px;}

.clean-contact { text-align: left; width: 30em; display: block; border:0; padding-top: 1em; }
.clean-contact input[type=text] { width: 100%; margin-bottom: .5em; }
.clean-contact label { clear: none; display: inline; text-align: left; }
.clean-contact textarea{ width: 100%; height: 15em; margin-bottom: .5em; font-size: 1.2em}
.clean-contact label em { font-weight: bold; font-style: normal; color: red; }
.clean-contact-msg { font-weight: bold;  padding: 1em; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
.clean-contact-msg.ok{ background-color: #8dff87; border: solid 1px #e6f4d7; color: #000; margin: 2em 0 2em 0;}
.clean-contact-msg.err{ background-color: #ff9595; border: solid 1px #fff; color: #000;}