/*
Theme Name: Raw Food Lifestyle Blog
Theme URI: http://www.rawfoodlifestyles.com/
Description: Raw Food Lifestyle Blog is design by <a href="http://www.sunnet.sg/">Sunnet</a>. 
Version: 1.0
Author: Sunnet
Author URI: http://www.sunnet.sg
*/

*{
  margin:0;
  padding:0;
  outline:0;
}
img{
  border:0;
  vertical-align:bottom;
}
a,a:visited{
  color:#b2242a;
  text-decoration:none;
}
ul{
  list-style:none outside;
}
body{
  text-align:center;
  background:url(images/bg.gif) repeat center 0px;
  font:12px/18px arial,arial,sans-serif;
  padding:0 0 30px;
  color:#545454;
}
#page{
  width:917px;
  overflow:hidden;
  margin:0 auto;
  background:url(images/bg.png) repeat-y;
}
#header{
  width:871px;
  margin:0 auto;
  text-align:left;
}
#mainBlog #header{
  background:url(images/raw_food_lifestyles.jpg) no-repeat;
}
#wrap{
  width:871px;
  margin:27px auto 0;
  padding:0 0 10px;
  text-align:left;
}
#mainBlog #wrap{
}
span#des{
  display:block;
  clear:both;
  color:#fff;
  overflow:hidden;
  text-indent:-100em;
}
#mainBlog #topMenu{
  height:130px;
  overflow:hidden;
}
#mainBlog #subMenu{
  width:100%;
  overflow:hidden;
}
#mainBlog #subMenu li,
#mainBlog #subMenu li a{
  overflow:hidden;
  text-indent:-100em;
}
#mainBlog #subMenu li a{
  display:block;
  width:180px;
  height:57px;
}
#mainBlog #subMenu .ebook{
  float:left;
}
#mainBlog #subMenu .contact{
  float:right;
}
#mainBlog .menu {
  width:518px;
  height: 42px;
  margin:0 0 0 188px;
  font:bold 13px arial;
}
#mainBlog .menulink {
  font-size: 13px;
  color: #ffffff;
  font-weight: bold;
}
#mainBlog .menulink:hover {
  font-size: 13px;
  color: #FFC912;
  font-weight: bold;
}
#mainBlog #menu{
  width:518px;
  height: 42px;
  margin:0 0 0 188px;
  font:bold 13px arial;
}
#mainBlog #menu li{
  height: 42px;
  padding: 0px 1px 0px 0px;
  background:url(images/raw_food_menu_divider.jpg) no-repeat right top;
  float: left;
}
#mainBlog #menu .last{
  width: 99px;
  height: 42px;
  padding:0;
  background:none;
}
#mainBlog #menu li a{
  height: 42px;
  color:#fff;
  padding: 0 21px;
  float: left;
}
#mainBlog #menu li a:hover{
  height: 42px;
  background:url(images/raw_food_menu_hover.jpg);
}
#page div:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

/* main content */
#main{
  float:left;
  width:100%;
}
#mainBlog #content{
  margin:0 180px 0 195px;
}

#main .post{
  padding:0 0 15px;
  clear:both;
  font:14px/20px arial;
}
#main .post h2{ overflow:hidden; font:bold 21px/27px arial; color:#6C9A22; height:1%; margin-top: 10px; margin-bottom: 10px;}
#main .post h2{ padding:6px 0px 10px 67px; margin:0 0 0 -15px; background:url(images/raw_food_post.gif) no-repeat left top; border-bottom: 1px solid gray; }
#main .post h2 a{ color:#6C9A22; margin-top: 10px; margin-bottom: 10px; }
#main .post h2 a:hover{ text-decoration:underline; margin-top: 10px; margin-bottom: 10px; }
#main .post span.ptime{
  display:block;
  color:#343436;
  font:11px/18px arial;
  padding:3px 0 0 18px;
  background:url(images/bullet_date.gif) no-repeat left 6px;
}
#main .post span.ptime a{
  color:#343436;
}
#main .post span.ptime a:hover{
  text-decoration:underline;
}
#main .post .pmain{
  clear:both;
  overflow:hidden;
  width:100%;
}
#main .post .pmain img {  }
#main .post p,
#main .post blockquote{
  padding:5px 0;
  text-align:left;
}
#main .post blockquote{
  padding:5px 20px;
  margin:5px 20px;
  background:#eee;
}
#main .post blockquote blockquote{
  background:#aaa;
}
#main .post ol,
#main .post ul{
  padding:10px 20px 10px 10px;
  list-style:inside;
}
#main .post ol{
  list-style-type:decimal;
  margin:0 0 0 18px;
}
#main .post p a,
#main .post ol a,
#main .post ul a{
  color:#F0121B;
}
#main .post p a:hover,
#main .post ol a:hover,
#main .post ul a:hover{
  text-decoration:underline;
}
#main .post ul li{ padding:0 0 5px 10px; list-style-image: url('images/bullet.gif'); }
#main .post ol li{
  padding:0 0 5px;
}
#main .postf{
  overflow:hidden;
  width:100%;
  height: 10px;
}
#main #srel,
#main .post .subh,
#main .atitle{
  font:20px/28px arial;
  color:#b2242a;
}
#main #srel a,
#main .post .subh a,
#main .atitle a{
  color:#b2242a;
}
#main #srel a:hover,
#main .post .subh a:hover,
#main .atitle a:hover{
  text-decoration:underline;
}
#main p.nopost{
  font:12px/18px arial;
  margin:0;
}
#main p.nopost a{
  color:#b2242a;
}
#main p.nopost a:hover{
  text-decoration:underline;
}

/* sidebars */
#sidebar-two,
#sidebar-one{
  float:left;
  width:175px;
  margin:-85px 0 0 -871px;
  display:inline;
  font:14px/22px arial;
  text-align:center;
}
#sidebar-two{
  width:174px;
  margin:-75px 0 184px -174px;
}
#sidebar-two a,
#sidebar-one a{
  color:#545454;
}
#sidebar-two a:hover,
#sidebar-one a:hover{
  text-decoration:underline;
}
.sb-col{
  width:159px;
  padding:0 0 5px;
  margin:0 auto;
  text-align:left;
}
#sidebar-two .sb-col{
  text-align:center;
  margin:0 auto 10px;
}
.sb-col h2{
  font:bold 14px/16px arial;
  clear:both;
  color:#b2242a;
  margin:5px 0;
  padding:5px 0px 5px 0px;
  width:100%;
  border-top:1px solid #b4b4b4;
  text-align: center;
}
.sb-col h3{
  font:bold italic 14px/16px arial;
  clear:both;
  color:#b2242a;
  margin:3px 0 0;
  padding:0 0 5px;
  border-bottom:1px solid #b4b4b4;
}
.sb-col ul li { 
  line-height: 1.2; 
  padding:5px 0px 3px 30px; 
  height:1%; 
  background:url(images/bullet.gif) no-repeat left 3px; 
  margin-bottom: 10px; 
}
.sb-ebook{
  width:100%;
  border:none;
}
#mainBlog #subscribeform{
  width:178px;
  color:#555;
  text-align:center;
}
#mainBlog #subscribeform h3{ font:bold 16px/14px arial; padding:5px 0 0; color:#555; border-style: none; }
#mainBlog #subscribeform p {
  font:11px/13px arial;
  margin:5px 0px 5px 0px;
  text-align:center;
}
#mainBlog #subscribeform span {
  font:italic 10px/12px arial;
  margin:5px 0px 5px 0px;
  text-align:center;
}
#mainBlog #subscribeform #sf-1{
  border:1px solid #b2b2b2;
  float:left;
  width:156px;
  width/**/:/**/125px;
  height:21px;
  height/**/:/**/auto;
  padding:2px 3px 2px 28px;
  margin:0 0 6px 8px;
  font:12px arial;
  color:#545454;
  background:url(images/email.jpg) no-repeat;
  text-align:left;
}
#mainBlog #subscribeform #sf-2{
  border:1px solid #b2b2b2;
  float:left;
  width:156px;
  width/**/:/**/125px;
  height:21px;
  height/**/:/**/auto;
  padding:2px 3px 2px 28px;
  margin:0 0 8px 8px;
  font:12px arial;
  color:#545454;
  background:url(images/email.jpg) no-repeat;
  text-align:left;
}
#mainBlog #subscribeform #ssf-1{
  float:left;
  width:159px;
  height:30px;
  padding:0;
  border:none;
  background:url(images/raw_food_button.jpg) no-repeat;
  cursor:pointer;
  margin:-2px 0 0 8px;
  font:bold 12px/27px arial;
  color:#fff;
}


/* comment */
#commentform{
  padding:10px 0 5px;
  width:100%;
  overflow:hidden;
}
#commentform input,
#commentform textarea{
  padding:1px 2px;
  color:#545454;
}
#author,
#email,
#url,
#comment{
  display:block;
  font-size:13px;
  border:solid #aaa;
  border-width:2px 1px 1px;
  font-family:arial;
  background:#eee;
  width:221px;
  width/**/:/**/218px;
  height:24px;
  height/**/:/**/auto;
}
#commentform textarea#comment{
  width:427px;
  min-height:100px;
  border-width:1px;
  margin:0 0 10px;
}
* html #commentform textarea#comment{
  height:100px;
}
#commentform input#submit{
  width:159px;
  height:30px;
  padding:0;
  float:left;
  border:none;
  background:url(images/raw_food_button.jpg);
  cursor:pointer;
  font-weight: bold;
  font-size: 1.1em;
  color: #FFFFFF;
}

.commentlist {
  list-style:none outside;
}
.commentlist li {
  font-weight: bold;
  padding: 10px 10px 10px 10px;
}
.commentlist li .avatar { 
  float: right;
  border: 1px solid #eee;
  padding: 2px;
  background: #fff;
}
.commentlist cite, .commentlist cite a {
  font-weight: bold;
  font-style: normal;
  font-size: 1.1em;
}
.commentlist p {
  font-weight: normal;
  line-height: 1.5em;
  text-transform: none;
}
.commentmetadata {
  font-weight: normal;
}
.alt {
  background-color: #f8f8f8;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
h2#respond,
h2#comments{
  font-size:18px;
  color:#6C9A22;
  padding:5px 0 10px;
}

/* footer */
#footer{
  clear:both;
  text-align:left;
  overflow:hidden;
  width:917px;
  height: 197px;
  margin:0 auto;
  padding:105px 0 10px;
  font:13px/25px arial;
  color:#e7e7e7;
}
#mainBlog #footer{
  background:url(images/raw_food_footer.png) no-repeat;
}
#footer a{
  color:#e7e7e7;
}
#footer ul{
  float:right;
  margin:0 50px 0 0;
  display:inline;
  clear:both;
}
#footer ul li{
  display:inline;
}
#footer ul li a{
  
}
#footer ul li a:hover{
  text-decoration:underline;
}
#footer p {
  color:#FBC80D;
  display:inline;
}

/* extra */
.left{
  float:left;
  margin:5px 10px 10px 0;
}
.right{
  float:right;
  margin:5px 0 10px 10px;
}
.center{
  display:block;
  margin:0 auto;
}
.extra{
  clear:both;
  font-size:0;
  line-height:0;
  width:100%;
  overflow:hidden;
}
.none{
  display:none;
}
#main .post .pmain h3 { margin-top: 15px; border-bottom: 1px solid silver; }