/*
Theme Name: Pocket Farm
Author: BrightCherry Web Design
Author URI: http://www.brightcherry.co.uk/
Description: Custom Wordpress theme created for Pocket Farm
Version: 1.1
*/

@font-face {
		font-family: 'stobiserif';
		src: url('http://www.pocketfarm.co.uk/wp-content/themes/pocketfarm/fonts/stobiserif-medium-webfont.otf');	
		src: url('fonts/stobiserif-medium-webfont.eot');
		src: url('fonts/stobiserif-medium-webfont.eot%3Fiefix') format('eot'),
				 url('fonts/stobiserif-medium-webfont.woff') format('woff'),
				 url('fonts/stobiserif-medium-webfont.ttf') format('truetype'),
				 url('fonts/stobiserif-medium-webfont.svg') format('svg');		
		font-weight: normal;
		font-style: normal;
}

/* Global
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
	}

ul,li {
	list-style-type:none;
	}

a{
	outline: none;
	color:#7599ad;
}

a:hover{
	text-decoration:none;
}

a.arrow,
li.current-cat a{
	background:url("images/arrow2.png") no-repeat left center;
	padding-left:12px;
	display:block;
}

textarea:focus, input:focus{
    outline: none;
}

fieldset,
a img{
	border:0;
}

.clear{
	width:100%;
	clear:both;
	height:0;
}

.break{
	height:20px;
}

html {
	height:100%;
}

body{
	font-family:arial;
	background:url("images/bg.jpg") center top repeat-y #f0dcb2;
	height:100%;
	width:100%;
	text-align:center;
}

p{
	font-size:12px;
	line-height:1.6em;
	color:#333;
	padding:10px 0 0 0;
}

#wrapper{
  width:980px;
  margin:0 auto;
  text-align:left;
  position:relative;
  background:url("images/bg_header.jpg") 0px -230px no-repeat #fff;
}

#header{
	width:100%;
	position:relative;
}

#content{
	background:url("images/bg_footer.png") bottom left no-repeat;
	position:relative;
	padding:10px 25px 500px 25px;
	width:930px;
}

#breadcrumbs{
	font-size:11px;
	border-top:1px solid #999;
  border-bottom:1px solid #999;
  padding:5px 0;
  margin-bottom:10px;
  color:#666;
}

#breadcrumbs a{
 color:#666; 
}

/* Structure
------------------------------------------------------------------*/

#content #left{
	float:left;
	width:600px;
}

#content #sidebar{
	float:right;
	width:300px;
	min-height:700px;
}

#content #fullwidth{
	width:100%;
}


/* Typography
------------------------------------------------------------------*/

h1{
	font-family:"Times New Roman", Times, serif;
	font-size:28px;
	color:#391f03;
}

h1 a{
	font-family:"Times New Roman", Times, serif;
	font-size:28px;
	color:#391f03;
}

h1.bottom_break{
	margin-bottom:15px;
}

h2{
	font-family:"Times New Roman", Times, serif;
	line-height:0.9em;
	font-size:24px;
}

h2 a{
	font-family:"Times New Roman", Times, serif;
	color:#391f03;
	font-size:24px;
	line-height:1.0em;
}

h3{
	font-family:"Times New Roman", Times, serif;
}

h3 a{
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	color:#391f03;
	font-size:20px;
}

/* Header
------------------------------------------------------------------*/

#logo{
	position:relative;
	top:0;
	left:25px;
	height:143px;
	width:180px;
}

#nav1{
	position:absolute;
	top:126px;
	left:220px;
}

#nav1 li{
	float:left;
	padding:0 5px;
	background:url("images/nav_pipe.png") no-repeat center right;
}

#nav1 li a{
	font-weight:bold;
	font-size:16px;
	color:#4a2d13;
	text-decoration:none;
	font-family:"Times New Roman", Times, serif;
}

#nav1 li.current a,
#nav1 li a:hover{
	text-decoration:underline;
}

#nav1 li.cookie{
	background:none;
	position:relative;
	left:20px;
}

#nav1 li.cookie a{
	font-size:12px;
	background:#898611;
	color:#fff;
	padding:2px 4px;
}

#nav1 li.cookie a:hover{
	text-decoration:none;
	background:#4a2d13;
}


#nav2 ul{
	margin:18px 25px 12px 25px;
	width:100%
	clear:both;
	text-align:center;
	background:#898611;	
	padding:6px 5px;
}

#nav2 li{
	display:inline;
	padding:15px 12px 15px 5px;
	background:url("images/nav2_pipe.png") no-repeat center right;
}

#nav2 li a{
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#efdbb1;
	text-decoration:none;
}

#nav2 li.current a,
#nav2 li a:hover{
	text-decoration:underline;
}

#nav1 li.last,
#nav2 li.last{
	background:none;
}

#search{
	position:absolute;
	right:25px;
	top:123px;
}

#search #s{
	border:1px solid #302d2b;
	padding:3px 3px;
	color:#302d2b;
	width:130px;
	font-size:12px;
	font-style:italic;
}

#search #submit{
	background:#25231f;
	font-size:10px;
	color:#efdbb1;
	border:0;
	padding:5px 7px 4px 7px;
	position:relative;
	bottom:1px;
}

#search #submit:hover{
	background:#898611;
	cursor:pointer;
}

/* Homepage
------------------------------------------------------------------*/

#main_post{
	width:100%;
	clear:both;
}

#main_post .excerpt{
	width:190px;
	float:left;
}

#main_post img{
	float:right;
}


#section .left{
	width:388px;
	float:left;	
}


#advertise{
	width:185px;
	float:left;
	margin-top:25px;
}

#directories{
	width:185px;
	float:right;
	margin-top:25px;	
}

#section .right{
	width:190px;
	float:right;
}

#business{

}

#advertise img,
#directories img,
#featured img,
#business img{
	margin-top:10px;
}


#mostrecent{
	margin-top:30px;
}

#mostrecent h4{
	width:100%;
	padding:4px 0;
	background:#f1f1f1;
	font-size:12px;
	text-indent:10px;
}


#mostrecent ol{
	padding:10px 4px 15px 4px;
	background:#f9f9f9;
	font-size:12px;
}

#mostrecent li{
	list-style-type:decimal;
	margin-left:22px;
	border-bottom:1px dashed #eee;
	padding:5px 0;
	font-weight:bold;
}

#mostrecent li a{
	font-weight:bold;
	text-decoration:underline !important;
}

#mostrecent li a:hover{
	text-decoration:none !important;
}

#mostrecent li span{
	display:block;
	width:100%;
	font-size:11px;
	margin-top:2px;
	font-weight:normal;
}

#mostrecent li span a{
	font-weight:normal;
}

/* Events
------------------------------------------------------------------*/

#featured_event{
	background:#898611;
	margin-top:10px;
  color:#fff;
}

#directory_listing #featured_event h2{
  color:#fff;
  font-size:22px;
  margin:0;
}

#directory_listing #featured_event h3{
  font-family:arial;
  color:#fff;
  font-size:16px;
  margin:0;
}


#directory_listing #featured_event h4{
  font-family:arial;
  font-size:12px;
}

#directory_listing .featured_event_contact{
font-size:12px;
}

#directory_listing .featured_event_contact a{
 color:#fff; 
}

.featured_event_desc{
font-size:12px;
margin-top:10px;
}

#featured_event img{
  width:100%;
  margin:10px 0 10px 0;
}

#featured_event .padding{
  padding:15px;
}

#events_list{
	margin-top:20px;
}

#directory_listing #events_list h2{
	font-size:20px;
	color:#898611;  
}

/* Directory
------------------------------------------------------------------*/

#directory_categories{
	float:left;
  width:180px;
}

#directory_categories h2{
	color:#391F03;
	font-size:18px;
	border-bottom:dashed 1px #333;
	padding-bottom:7px;
	width:100%;
	margin:16px 0 5px 0;
}

#directory_categories ul{

}

#directory_categories ul li{

}

#directory_categories ul li a{
	font-size:12px;
 	text-transform:uppercase;
  color:#898611;
  font-weight:bold;
  text-decoration:none;
}

#directory_categories ul li ul.children{
	margin-bottom:15px;
}

#directory_categories ul li ul.children li{

}

#directory_categories ul li ul.children li a{
	text-transform:none;
  text-decoration:none;
  color:#333;
  font-weight:normal;

}

#directory_categories ul li ul.children li a:hover{
	text-decoration:underline;
}

#directory_categories ul li ul.children li.current-cat a{
	font-weight:bold;
}

#directory_listing{
	float:right;
  width:390px;
}

#recipe h1,
#directory_listing h1{
 color:#898611;
 border-bottom:#898611 dashed 1px;
 padding-bottom:5px;
}

#directory_listing h2{
	font-size:18px;
  color:#391F03;
  margin-top:8px;
  margin-bottom:20px;
}

#directory_listing h2 span{
	color:#A78662;
  font-size:14px;
  margin-left:2px;
}

#directory_listing h3{
	margin-top:25px;
	color:#898611;
}

#directory_listing_img img{
	margin-top:15px;
	width:390px;
}

#directory_listing ul{
	margin-bottom:15px;
}

#directory_listing li{

}

#directory_listing li.title{
	list-style-type:disc;
	font-size:11px;  
  margin-left:14px;
}

#directory_listing li.title h3{
	font-size:14px;
	color:#898611;
  line-height:1.2em;
  font-family:arial;
}

#directory_listing li.title h3 b{
	color:#333;
  font-size:12px;
}

#directory_listing li.website{
	font-size:12px;
	padding-left:15px;
}

#directory_listing li.website a{
	color:#333;
}

#directory_listing li.tel{
	font-size:12px;
	margin-top:4px;
	padding-left:15px;
}

#directory_listing li.desc{
	font-size:11px;
	margin-top:4px;
	padding-left:15px;
	color:#666;
}

#directory_listing li.dates{
	font-size:12px;
	margin-top:4px;
	padding-left:15px;
	font-weight:bold;
}


/* Category page
------------------------------------------------------------------*/

.category #main_post h2{
	margin-bottom:10px;
}

.category #main_post .left{
	float:left;
	width:388px;
}

.category #main_post .right{
	float:right;
	width:190px;
}

.category #main_post a img{
	margin-bottom:10px;
}

#posts .post{
	position:relative;
	min-height:149px;
	width:100%;
	clear:both;
	float:left;
	padding-bottom:20px;
	margin-bottom:15px;
	border-bottom:1px dashed #999;
}
	
#posts h2{
	margin-bottom:10px;
}

#posts .post_excerpt{
	float:right;
	width:390px;
}

#posts .post_excerpt p{
	padding-top:0;
	margin-top:0;
}

#posts img{
	float:left;
}

span.meta{
	font-size:12px;
	color:#666;
}

span.meta #author_img img.photo{
	float:left;
	width:41px;
	border:1px solid #eee;
	padding:2px;
	margin:0 10px 0 0;
}

span.meta #author_details{
	float:left;
	width:330px;
	padding-top:8px;
}

.single h2{
	color:#898611;
	margin-top:20px;
	font-family:arial;
	font-size:12px;
	padding:0;
	position:relative;
	top:5px;
}

.single h3{
	margin-top:20px;
	font-size:16px;
	color:#898611;
}

.single .left ul{
	font-size:13px;
	margin-left:20px;
	margin-top:20px;
	clear:both;
}

.single .left li{
	list-style-type:square;
	margin-bottom:7px;
}


#post_end{
	width:100%;
	clear:both;
	font-size:12px;
	margin-top:20px;
	border-top:1px dashed #898611;
	padding-top:10px;
	font-weight:bold;
}

.post_end a,
#post_end a{
	color:#898611;
	font-weight:normal;
}

.post_end{
	font-size:12px;
	margin-top:20px;
}

/* Blog page
------------------------------------------------------------------*/

#blog_comments{
	margin-top:20px;
}

#blog_comments h3#respond{
	color:#000;
	font-size:22px;
	margin-bottom:25px;
}

#blog_comments textarea{
	width:382px;
	height:130px;
}

#blog_comments textarea,
#blog_comments .input{
	border:1px solid #c0c0c0;
	font-size:12px;
	color:#333;
	padding:2px;
}

#blog_comments label{
	color:#333;
	font-size:12px;
	margin-left:5px;
}

#commentwrap form div{
	margin:8px 0;
}

#blog_comments #submit {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:4px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}

#blog_comments #submit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}

#blog_comments #submit:active {
	position:relative;
	top:1px;
}

#submit_comment{
	float:right;
	margin-top:10px;
}



ol.commentlist{

}

ol.commentlist li{
	list-style-type:none !important;
	border-bottom:1px dashed #999;
	padding:15px 0;
	margin-bottom:15px;
	width:100%;
	clear:both;
}

ol.commentlist .commentauthor{
	font-size:13px;
	font-weight:bold;
}

ol.commentlist .commentdate{
	font-size:11px;
}


ol.commentlist .commentsavatar{
	float:left;
	margin-right:10px;
}

ol.commentlist .commentsavatar img{
	border:1px solid #eee;
	padding:2px;
	margin:0 !important;
	float:left;
}

ol.commentlist .commentcomment{
	padding-left:60px;
}

ol.commentlist .moderation{
	font-size:11px;
	color:#898611;
	padding-top:12px;
}

#commentloggedin,
#commentloggedin a{
	font-size:11px;
}

#commentwrap{
	position:relative;
}

.subscribe-to-comments{
	float:left;
	position:absolute;
	bottom:-37px;
}

.subscribe-to-comments #subscribe{
	position:relative;
	top:2px;
}

.subscribe-to-comments label{
	color:#666 !important;
	position:relative;
	right:5px;
}


/* Footer
------------------------------------------------------------------*/

#footer{
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	height:350px;
}

#footer h2{
	color:#efdbb1;
	font-size:22px;
	font-weight:normal;	
}

#footer h3{
	font-weight:normal;
	color:#efdbb1;
	font-size:18px;
}

#boxes{
	padding:0 25px;
}

#boxes a{
	color:#efdbb1;
	font-size:14px;
	text-decoration:none;
}

#boxes ul{
	margin-top:5px;
}

#boxes li.current a,
#boxes a:hover{
	text-decoration:underline;
}

#box1{
	float:left;
	width:300px;
	margin-right:150px;
	padding:20px 0 0 40px;
}

#box1 p{
	color:#4a2c13;
	font-weight:bold;
	font-size:13px;
	line-height:1.4em;
}

#box2{
	float:left;
	width:140px;
}

#box3{
	float:left;
	width:140px;
}

#box3 li{
	float:left;
	margin-right:7px;
}

#box4{
	float:left;
	width:140px;
}

#footer p.copyright{
	color:#efdbb1;
  font-weight:normal;
  font-size:11px;
}

/* Recipe
------------------------------------------------------------------*/

.shadow img{
  -moz-box-shadow:    3px 3px 5px 2px #ccc;
  -webkit-box-shadow: 3px 3px 5px 2px #ccc;
  box-shadow:         3px 3px 5px 2px #ccc;
}

#recipe{
	float:right;
	width:720px;
}

#recipe_image{
	margin-top:15px;
}

.recipe_image img,
#recipe_image img{
	padding:8px;
}

#recipe_tip{
	font-size:12px;
	margin:15px 0 0 0;
}

#recipe_tip b{
	color:#898611;
}

#recipe_ingrediants{
	font-size:12px;
}

#recipe_method{
	font-size:12px;
}

#recipe_method ol li{
	list-style-type:decimal;
	margin-bottom:5px;
	margin-left:14px;
}

#recipe h2{
 color:#898611;
 border-bottom:#898611 dashed 1px;
 padding-bottom:5px;
 margin:20px 0 10px 0;
}

#recipe #recipe_chef{
	font-size:15px;
	color:#614a2f;
	border:1px dashed #614a2f;
	padding:15px;
	margin:25px 0 0 0;
}

#related_recipes{
	margin-top:40px;

}

#related_recipes img{
	width:180px;
	margin-bottom:10px;
}

.related_receipe{
	float:left;
	padding-right:34px;
	width:180px;
	margin-right:34px;
	margin-top:10px;
}

#related_recipes .related_receipe.last{
	border:0;
	margin:10px 0 0 0;
}

.related_receipe a{
	color:#614a2f;
	font-size:12px;
	font-weight:bold;
}

#foods .recipe_image,
#food #recipe_image{
	margin-bottom:10px;
}

#food #recipe_image img{
	width:372px;
}

#foods{
	margin-top:30px;
}

#foods .box{
	float:left;
	width:175px;
	margin-right:35px;
}

#foods .box h2 a{
	font-size:18px;
}

#foods .box.last{
	margin-right:0;
}

#foods .box .recipe_image img{
	margin-top:10px;
	width:163px;
}

#foods .box .recipe_link a{
	color:#614a2f;
	font-size:12px;
	font-weight:bold;
	margin-bottom:7px;
}

#food_posts .post{
	position:relative;
	height:175px;
	width:100%;
	clear:both;
	float:left;
	padding-bottom:20px;
	margin-bottom:15px;
	border-bottom:1px dashed #999;
}
	
#food_posts h2{
	margin-bottom:10px;
}

#food_posts .post_excerpt{
	float:right;
	width:370px;
}

#food_posts .post_excerpt p{
	padding-top:0;
	margin-top:0;
}

#food_posts img{
	float:left;
}


#foraging{
	width:100%;
	clear:both;
	margin-top:20px;
}

.category #foraging h1,
.category #foraging h2{
	margin-top:10px;
}

.category #foraging h2 a{
	font-size:18px;
}

.category #foraging .left{
	float:left;
	width:388px;
}

.category #foraging .right{
	float:right;
	width:190px;
}

.category #foraging a img{
	margin-bottom:10px;
}

/* Twitter
------------------------------------------------------------------*/

#twitter{
	font-size:11px;
}

span.in-reply-to-meta,
.twitterwidget-title{
	display:none;
}

.twitter-avatar{
	float:left;
	margin:12px 10px 0 0;	
}

.twitter-avatar img{
	border:1px solid #666;
	padding:0;
}

#twitter ul{}

#twitter li{
	padding:10px 0; 
	border-bottom:1px dashed #eee;
	
}

#twitter .from-meta{
	display:none;
}

#twitter .entry-meta{
	clear:both;
	display:block;
}

#twitter .entry-meta a{
	text-decoration:none;
	font-size:10px;
	color:#999;
	margin-top:6px;
	display:block;
}

#twitter .follow-button{
	margin-top:15px;
}

#twitter .first_tweet{
	font-size:18px;
  font-family:"Times New Roman", Times, serif;
}

/* Banners
------------------------------------------------------------------*/

#header_banner{
	height:90px;
	width:728px;
	position:absolute;
	right:25px;
	top:20px;
}

#section{
	margin-top:25px;
}

#mpus a{
	display:block;
	margin:0 0 15px 0;
}


.wp-pagenavi{
	float:left;
	width:100%;
	margin:20px 0 20px;
	font-family:"Times New Roman", Times, serif;
}

.wp-pagenavi a,.wp-pagenavi a:link{
	float:left;
	text-decoration:none;
	border:1px solid #898611;
	color:#898611;
	margin:2px;
}

.wp-pagenavi a:hover{
	background:#898611;
	float:left;
	border:1px solid #898611;
	color:#fff;
}

.wp-pagenavi a:active{
	float:left;
	text-decoration:none;
	border:1px solid #898611;
	color:#898611;
	margin:2px;
}

.wp-pagenavi span.pages{
	float:left;
	color:#898611;
	border:1px solid #898611;
	margin:2px;
}

.wp-pagenavi span.current{
	float:left;
	font-weight:700;
	border:1px solid #898611;
	color:#fff;
	background-color:#898611;
	margin:2px;
}

.wp-pagenavi span.extend{
	float:left;
	border:1px solid #898611;
	color:#898611;
	margin:2px;
}

/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

/* Newsletter
------------------------------------------------------------------*/

.nm_mc_form{
	height:250px;
	width:300px;
	background:url("images/newsletter_bg.jpg") no-repeat;
	position:relative;
	margin-bottom:20px;
}

.nm_mc_form label{
	display:none !important;
}

.nm_mc_form ul{
	position:absolute;
	left:45px;
	bottom:10px;
}

.nm_mc_form .nm_mc_input{
	border:1px solid #696936;
	padding:3px 8px;
	color:#666;
	font-size:11px;
	width:170px;
	margin:0 !important;
}

.nm_mc_form ul li{
	margin:0 !important;
	padding:0 !important;
	height:auto !important;
	line-height: 27px !important;
}

.nm_mc_button{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #838233), color-stop(1, #6a6a32) );
	background:-moz-linear-gradient( center top, #838233 5%, #6a6a32 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#838233', endColorstr='#6a6a32');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#fff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:4px 10px;
	text-decoration:none;
	position:relative;
	left:55px;
	margin-top:8px;
}

.nm_mc_button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6a6a32), color-stop(1, #838233) );
	background:-moz-linear-gradient( center top, #6a6a32 5%, #838233 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a6a32', endColorstr='#838233');
	background-color:#6a6a32;
}



#mc-response-area{
	position:absolute;
	bottom:90px;
	left:-20px;
	width:250px;
	font-size:11px;
	line-height:1.9em;
	text-align:center;
	background:#838233;
	color:#f9e62f !important;
	
	
}

.nm_mc_error{
	padding:10px;
	background:#838233;
	color:#fff !important;
	border:2px solid #ed1c24;
	line-height:1.6em;
}