/*
Theme Name: ZestStudios Meggan's Theme
Theme URI: http://zeststudios.com/
Description: Custom theme for Meggan's Blog from <a href="http://zeststudios.com/">ZestStudios</a>.
Version: 1.0
Author: Vladimir Mitkovsky
Author URI: http://zeststudios.com/
Tags:
*/

/* !START  */

/* CSS Document */

body{
  background:#001a25 url(img/body-bg.png) repeat-x;
}

img{
  border:none;
}

a{
	color:#F58220;
}

.clear-both:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

*{
  margin:0;
  padding:0;
}

.float-left{
  float:left;
}

#container{
  width:970px;
  margin:0 auto;
}

#container .header{
  width:970px;
  padding-top: 20px;
  background:url(img/header-bg.jpg) no-repeat;
}

#logo{
  width:380px;
  float:left;
  padding:0;
}

#logo a{
  width:390px;
  height:92px;
  display: block;
  outline:none;
  padding:0;
  padding-bottom:25px;
  margin:4px 0 0 33px;
  text-indent:-5000px;
  background:url(img/logo.gif) no-repeat;
}

#search-form{
  float:right;
  margin-top:36px;
  margin-right:50px;
}

#search-field{
  float:left;
  width:179px;
  height:21px;
  padding:5px 5px 0 10px;
  border:none;
  color:#cce7fa;
  background:url(img/search-field-bg.gif) repeat-x;
  font-size:12px;
  line-height:17px;
}

#search-field:focus, #search-field:hover{ color:#fff;}

/*#search-field a span{
  float:left;
  width:30px;
  height:26px;
  border:none;
  cursor:pointer;
  text-indent:-5000px;
  background:url(img/search-button.gif) no-repeat;
}

#search-field a span{
  background-position:left -26px;
}*/

#search-button{
  float:left;
  width:30px;
  height:26px;
  border:none;
  cursor:pointer;
  text-indent:-5000px;
  background:url(img/search-button.gif) no-repeat;
}

#search-button:hover{
  background-position:left -26px;
}

#content {
  position: absolute;
}


/* ***** */
#nav{
  width:970px;
  height:67px;
  border-bottom:1px solid #7ec1dc;
  background:url(img/menu-bg.png) repeat-x 0 9px;
}

#nav ul{
  padding-top:13px;
  margin-left:40px;
}

#nav ul li{
  float:left;
  list-style-type:none;
  margin: 0;
}

#nav ul li a{
  display:block;
  height:28px;
  background:url(img/menu-items.png) no-repeat;
  text-indent:-3000px;
  outline:none;
}


#nav ul li#nav-home a{
  width:28px;
}

#nav ul li#nav-about{
  margin-left:12px;
}

#nav ul li#nav-style{
  margin-left:3px;
}


#nav ul li#nav-kitchen{
  margin-left:4px;
}



#nav ul li#nav-about a{
  width:111px;
  background-position:-28px 0;
}

#nav ul li#nav-style a{
  width:99px;
  background-position:-139px 0;
}

#nav ul li#nav-kitchen a{
  width:108px;
  background-position:-238px 0;
}
/* ***** */
#nav ul li#nav-home a:hover{
  background-position:0 -28px;
}

#nav ul li#nav-about a:hover{
  background-position:-28px -28px;
}

#nav ul li#nav-style a:hover{
  background-position:-139px -28px;
}

#nav ul li#nav-kitchen a:hover{
  background-position:-238px -28px;
}
/* ***** */

#nav ul li#nav-home a:active, .home #nav ul li#nav-home a{
  background-position:0 -56px;
}

#nav ul li#nav-about a:active, .page-id-1252 #nav ul li#nav-about a{
  background-position:-28px -56px;
}

#nav ul li#nav-style a:active, .category-super-style #nav  ul li#nav-style a{
  background-position:-139px -56px;
}

#nav ul li#nav-kitchen a:active, .category-in-the-kitchen #nav  ul li#nav-kitchen a{
  background-position:-238px -56px;
}
/* ***** */

#nav ul li#nav-contact{
  margin-left:290px;
}

#nav ul li#nav-contact a{
  width:117px;
  background-position:-346px 0;
}

#nav ul li#nav-rss a{
  width:43px;
  height:13px;
  margin-top:8px;
  margin-left:20px;
  background-position:-463px 0;
}

#nav ul li#nav-contact a:hover{
  background-position:-346px -28px;
}

#nav ul li#nav-rss a:hover{
  margin-left:20px;
  background-position:-463px -13px;
}

#nav ul li#nav-contact a:active, .page-id-808 #nav ul li#nav-contact a{
  background-position:-346px -56px;
}
/* ***** */
#wrapper-border-top{
  background:url(img/wrapper-border-top.png) no-repeat;
  height:9px;
  width:970px;
}

#wrapper-border-bottom{
  float:left;
  background:url(img/wrapper-border-bottom.png) no-repeat;
  height:8px;
  width:970px;
  margin-bottom:-6px;
  margin-top:5px;
}

#content-container{
  width:970px;
  /*padding-bottom:40px;*/
  background-color:#e2f4fd;
  position:absolute;
}

#section{
  width:632px;
  float:left;
  margin-left:10px;
}

/*#container */#section .header{
  margin-left:20px;
  padding:0;
  height:146px;
  width: auto;
  background: none;
}

/*#container */#section .header p{
  padding-top:0;
  width:380px;
  float:left;
}

#section p #hello{
  width:312px;
  height:90px;
  padding:20px 0 10px 0;
  display:block;
  text-indent:-3000px;
  outline:none;
  background:url(img/hello.gif) no-repeat 0 27px;
}

#section .header p #about{
  width:200px;
  display:block;
  margin:-40px 0 0 20px;
  font:14px/18px arial, sans-serif;
  color:#305f76;
}

#illustration{
  width:279px;
  height:359px;
  left:403px;
  top:-123px;
  position:absolute;
  background:url(img/illustration.png) no-repeat;
}

.category-in-the-kitchen #illustration{
  width:338px;
  height:345px;
  left:393px;
  top:-107px;
  background:url(img/kitchen-illustration.png) no-repeat;
}

.category-super-style #illustration{
  width:341px;
  height:362px;
  left:390px;
  top:-127px;
  background:url(img/style-illustration.png) no-repeat;
}


#content-corners-top{
  width:632px;
  float:left;
  height:7px;
  margin:-7px 0 0 -1px;
  background:url(img/content-corners-top.png) no-repeat center top;
}

#content-corners-bottom{
  height:8px;
  clear:both;
  margin-bottom:-6px;
  background:url(img/content-corners-bottom.png) no-repeat center bottom;
}

#section .body{
  width:630px;
  background-color:#fff;
  border-left:1px solid #b8cfda;
  border-right:1px solid #b8cfda;
}

.article{
  padding:0 40px 0 40px;
}

.article h2.flash-header, .article h1.flash-header {
  padding:50px 0 15px 0;
}

.post-edit-link{
	float: left;
	margin-top: -46px;
	margin-left:-66px;
	background-color:white;

	font-family:arial;
	font-size:10px;
	padding:7px;
	padding-right: 0;
	text-transform:uppercase;
	
	border-left:1px solid #B8CFDA;
	border-top:1px solid #B8CFDA;
	border-bottom:1px solid #B8CFDA;
}

h1, .article h1, h2, h3, h4, h5, h6{
  font:italic 22px/23px "Times New Roman",Georgia,serif;
  color:#3997C4;
  padding-top:25px;
}

h2, .article h2{
  padding-top:20px;
  font-size: 19px;
  line-height:21px;
}

h3{
  padding-top:20px;
  font-size: 17px;
  line-height:19px;
}

h4{
  padding-top:20px;
  font-size: 15px;
  line-height:17px;
}

h5{
  padding-top:20px;
  font-size: 13px;
  font-style: normal;
  line-height:15px;
}

h6{
  padding-top:20px;
  font-size: 10px;
  font-style: normal;
  line-height:13px;
}

ul, #content-container .article ul, ol{
  padding-top:20px;
}

ul li, #content-container .article ul li, ol li{
  font:14px/20px arial, sans-serif;
  color:#3A83AD;
  padding-top:0;
  padding-bottom:10px;
  border:none;
  list-style-position:outside;
  list-style-type:circle;
  width:auto;
  margin-left:35px;
}

ol li{
	list-style: inherit;
	list-style-position:inside;
	margin-left:10px;
	}


.article h2.flash-header a, .article h1.flash-header{
  font:22px arial, sans-serif;
  color:#ff7800;
  text-decoration:none;
}

.article h1.flash-header{
  color:#3997C4;
}

.article h2.flash-header a:hover{
  border-bottom:solid 1px #ff7800;
}


#section p{
  font:14px/20px arial, sans-serif;
  color:#69411e;
  padding-top:20px;
  /* clear:both; */
}

.article p a{
  color:#f58220;
}

#section .article blockquote{
  padding-top:0;
  padding-left:15px;
  margin-top:20px;
  border-left:5px solid #e2f4fd;
}

#section .article blockquote p{
  font:italic 15px/20px giorgia, serif;
  color:#3a83ad;
/*   padding-top:0; */
/*   padding-left:15px; */
/*   margin-top:20px; */
/*   border-left:5px solid #e2f4fd; */
}

.article .wp-caption, .article img{
  padding:5px;
  background-color:#f1ebdb;
  margin: 25px 14px 14px 14px;
}

.captcha img{
	background: none;
	padding: 0;
	margin: 0;
	}


.article .wp-caption img{
	margin: 0;
	}

.article .alignleft{
	float: left;
	margin-left:0;
}

.article .alignnone{
margin-left: 0;
}

.article .alignright{
	float: right;
	margin-right:0;
}

.article .aligncenter{
	margin:25px auto;
	}

#section .article .wp-caption p{
  margin:0px;
  padding:0px;
  margin:10px 6px;
  font:11px georgia, serif;
  color:#946944;
  text-align: center;
}

.article .right-text{
  float: left;
  width:280px;
  margin-left:15px;
  padding-bottom:20px;
}

#section .article .footer{
  padding:0;
  margin-top:30px;
}

#section .article .data{
  float: left;
  width:370px;
  height: 35px;
  background:url(img/data-bg.gif) repeat-x;
}

#section .article .data .data-corners{
  float: left;
  width:7px;
  height: 35px;
  background:url(img/data-corners.gif) no-repeat;
}

#section .article .data p{
  float: left;
  clear: none;
  padding:0;
  padding-left:19px;
  margin:11px 0 0 11px;
  font:10px arial, sans-serif;
  color:#869196;
  text-transform:uppercase;
  background:url(img/clock-icon.gif) no-repeat;
}

#section .article .data span{
  float: right;
  margin:11px 20px 0 0;
  padding-left:15px;
  font:10px arial, sans-serif;
  color:#869196;
  background:url(img/tags-icon.gif) no-repeat;
}

#section .article .data span a{
  color:#f58220;
  margin-left:6px;
  text-decoration:none;
  background-color:#fff;
  padding:3px 6px;
}

#section .article .data span a:hover{
  background:#f58220;
  padding:3px 6px;
  color:#fff;;
}

#section p#comments-option{
	color:#869196;
	font:13px arial, sans-serif;
	padding-top:30px;
}

#section .article .comments{
  float: left;
  width:175px;
  height: 35px;
  background:url(img/comments-bg.gif) repeat-x;
}

#section .comments .link-to-comments{
	color:#FFFE90;
font-family:arial,sans-serif;
font-size:11px;
text-transform:uppercase;
line-height:35px;
margin-left:10px;
text-decoration:none;
float: left;
}

#section .comments .link-to-comments:hover{
	color: #fff;
}


#section .article .comments .comments-count{
  float:left;
  /* width:25px; */
  height:14px;
  padding-left:19px;
  margin:10px 0 0 10px;
  font:bold 13px georgia, serif;
  line-height: 13px;
  color:#fffe90;
  text-decoration:none;
  background:url(img/comments-icon.gif) no-repeat;
}

#section .article .comments a:hover{
  background-position:left -14px;
}

#section .article .comments .comments-corners{
  float: right;
  width:7px;
  height: 35px;
  background:url(img/comments-corners.gif) no-repeat;
}

#page-footer{
  float:left;
  width: 590px;
  margin-top:40px;
  padding:30px 0 50px 40px;
  background-color:#f4f4f4;
}

/*
#page-footer h3{
  width:142px;
  height:23px;
  text-indent:-3000px;
  outline:none;
  background:url(img/blog-archive.gif) no-repeat;
}
*/

#page-footer p{
  font:14px arial, sans-serif;
  color:#868686;
}

#pages{
  width:550px;
  margin-left:40px;
  margin-top:40px;
}

#pages a{
  font:13px arial, sans-serif;
  color:#ff7800;
}

#previous-pages a{
  float: left;
  padding-left:15px;
  background:url(img/arrow-left.gif) no-repeat;
}

#next-pages a{
  float: right;
  padding-right:15px;
  background:url(img/arrow-right.gif) no-repeat right center;
}

#section #page-footer  {
  float:left;
}

#section #page-footer #categories{
	float: left;
}

#section #page-footer #categories h2{
  width:114px;
  height:23px;
  /* margin-bottom: 20px; */
  text-indent:-3000px;
  outline:none;
  background:url(img/categories.gif) no-repeat center top;
}

#content-container #categories ul li.current-cat, #content-container #categories ul li.current-cat a{
  font-weight: bold;
}

#blog-archive{
  float:left;
  margin-left:50px;
}

#blog-archive h2{
  width:142px;
  height:23px;
  /* margin-bottom: 20px; */
  text-indent:-3000px;
  outline:none;
  background:url(img/blog-archive.gif) no-repeat;
}

#content-container #categories ul li, 
#content-container #blog-archive ul li{
	text-align: right;
}

#content-container #categories ul li a, 
#content-container #blog-archive ul li a{
	float: left;
}

#content-container #categories ul, 
#content-container #blog-archive ul{
margin-left: 10px;
}

#content-container #categories ul li, 
#content-container #blog-archive ul li{
margin-left: 0;
}

#content-container ul li{
  list-style-type:none;
  padding:5px 0 9px;
  width:233px;
  border-bottom:1px solid #e1e1e1;
}

#content-container ul li a{
  font:13px/20px arial, sans-serif;
  color:#f58220;
}

#content-container ul li{
  font:11px/20px arial, sans-serif;
  color:#4988a7;
  margin-left:10px;
  text-decoration:none;
}

/* ***** blogpost ***** */

#leave-comment {
 /*  float:left; */
  margin-left:50px;
  margin-top:45px;
}

#respond h3{
  width:193px;
  height:22px;
  text-indent:-3000px;
  text-align:center;
  outline:none;
  background:url(img/leave-comment.png) no-repeat center top;
}

#leave-comment p{
  font:13px arial, tahoma, sans-serif;
  color:#4988a7;
  /* margin-bottom:10px; */
}

#leave-comment form { 
/*  width: 390px;  */
width: 585px;
 }

#leave-comment label{
display:block;
  /* float: left; */
  /* width: 120px; */
  margin:3px 0 0 0;
  font:13px/20px arial, tahoma, sans-serif;
  color:#88BBC9;
}

#leave-comment label.required{
	color:#4988a7;
}

.style-input1, #commentform textarea{
  width: 180px;
  height:18px;
  margin-bottom:5px;
  border:none;
  border:solid 1px #e3e3eb;
  border-top:solid 1px #aaadb2;
  padding:3px 5px 0 5px;
  font:12px arial, tahoma, sans-serif;
  color:#69411e;
}

/*
.style-input1{
	float: left;
	}
*/
	

#commentform .textarea{
	float: left;
	}

	
.style-input2{
	float: left;
	margin-left:20px;
	}

#leave-comment textarea{
	/* margin-top: 20px; */
 margin-top:23px;
  width:305px;
  height: 120px;
}

#submitbutton { 
margin-top: 10px; 
clear:both;
float:left;}

#submitbutton input{
padding:2px 5px;
}

#comment_post_ID, #comment_parent{
display: none;
float: left;
}

#comments{
  float:left;
  width:525px;
  margin-top:40px;
}

#comments h3, #comments h3 a{
font:16px arial, sans-serif;
color:#305F76;
}

#comments .body-comment p{
  font:12px arial, sans-serif;
  color:#387da0;
}

#comments .comment-admin p{
  color:#946944;
}

.comment .header-comment, .comment-admin .header-comment{
  padding-top:15px;
 /*  height:35px; */
 /* padding-bottom:15px;*/
  border-top:solid 1px #c7d9e2;
}

#comments .comment, #comments .comment-admin{
  padding-top:25px;
}

.header-comment .name{
  float:left;
  font:italic 18px/20px georgia, serif;
  color:#305f76;
}

.header-comment .data{
  float:right;
  font:11px arial, sans-serif;
  color:#946944;
  padding-top:5px;
  text-transform:uppercase;
}

#comments .comment-admin .name{
  float:left;
  /*font:italic 18px/20px georgia, serif;*/
  color:#946944;
  /*border-top:solid 1px #c7d9e2;*/
}

#leave-comment .wait{
/* padding-top: 0; */
text-transform:uppercase;
color:#E05D47;
font-size:10px;

}

a.comment-edit-link{
float: right;
line-height:24px;
margin-left:20px;
text-transform:uppercase;
font:10px/20px arial, sans-serif;
}

#comments .Meggan p{
  color:#776454;
  padding-right:70px;
}

.Meggan{
	background:url(img/star.gif) no-repeat right 67px;
	min-height:100px;
}


/* ***** */

.twitter-timestamp{
	font-family: Georgia, serif;
	font-style: italic;
	display:block;
	margin-top:6px;
}

#aside{
  float:left;
  width:198px;
  margin-left: 50px;
}

#aside p{
  font:12px arial, sans-serif;
  color:#316077;
  padding-bottom: 10px;
}

#twitter{
  width:250px;
  margin-left:-25px;
  margin-bottom: 25px;
}

#aside .h2{
  margin:40px 0 7px 25px;
  width:120px;
  text-indent:-3000px;
  outline:none;
}

#aside #twitter .h2{
  background:url(img/my-twitter.gif) no-repeat center top;
}

#twitter .header{
  width:277px;
  height:27px;
  padding-top:0;
  background:url(img/twitter-header.png) no-repeat center top;
}

#twitter .content{
  width:200px;
  margin-top:-1px;
  padding:0 0 10px 45px;
  background:url(img/twitter-content-bg.png) repeat-y 16px 0;
}

#twitter .footer{
  width:265px;
  height:18px;
  margin-left:16px;
  background:url(img/twitter-footer-bg.png) no-repeat center top;
}

font{
	display: none;
}

.ad-zone-bottom {
margin-bottom:10px;
margin-top:10px;
}

.execphpwidget{
margin-bottom: -45px;
}

#aside .execphpwidget a{
margin: 10px 0;
display: block;
}

#copyrights{
clear:both;
color:#316077;
float:left;
font-family:sans-serif;
font-size:9px;
margin-top:20px;
margin-bottom:8px;
margin-left:60px;
margin-right:10px;
}