@charset "UTF-8";








/* kill alls */
	*{
		padding:0;
		margin:0;
		border:none;
		
		/*outline:1px solid #fff;*/
		}
		
	body{
		width:100%;
		height:100%;
		background-color:#345c05;
		background-image:url('http://backyard-remedies.peopleofresource.com/assets/background_gradient.png');
		background-repeat:no-repeat;
		background-position:top center;
		}
		
		body.panel_down{ min-height:960px;	}
		
	
	img{
		outline:0;
		border:none;
		}
	
	a{
		text-decoration:none;
		outline:none;
		}
		
	p{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:13px;
		color:#000;
		margin: 0 0 8px 0;
		}
		
/* end kill alls */








#wrapper{
	width:980px;
	margin:34px auto;
	position:relative;
	}
	
	

	
	
	
		
/* top bar */
		#top_bar{
			width:980px;
			height:208px;
			position:relative;
			background-image: url('http://backyard-remedies.peopleofresource.com/assets/logo.png');
			background-repeat:no-repeat;
			background-position:top center;
			}
			
			#navigation_bar{
				width:980px;
				height:32px;
				position:absolute;
				top:30px;
				left:0;
				}
				
				a#home{
					display:block;
					position:absolute;
					top:0;
					left:412px;
					width:152px;
					height:190px;
					z-index:9;
					}
			
				#left_navigation{
					width:448px;
					height:32px;
					position:absolute;
					top:0;
					left:0;
					text-align:left;
					}
					
					#left_navigation .top_line, #left_navigation .bottom_line{
						height:1px;
						background-color:#fff;
						position:absolute;
						left:0;
						}
					
					#left_navigation .top_line{		width:430px;	top:0;}
					#left_navigation .bottom_line{	width:448px;	bottom:0;}
					
				#right_navigation{
					width:448px;
					height:32px;
					position:absolute;
					top:0;
					right:0;
					text-align:right;
					}
					
					#right_navigation .top_line, #right_navigation .bottom_line{
						height:1px;
						background-color:#fff;
						position:absolute;
						right:0;
						}
						
					#right_navigation .top_line{	width:430px;	top:0;}
					#right_navigation .bottom_line{	width:448px;	bottom:0;}
					
				#navigation_bar a{
					font-family: 'trebuchet ms', trebuchet, arial, sans-serif;
					font-size:14px;
					color:#fff;
					line-height:18px;
					height:18px;
					padding:0 6px;
					margin: 0 32px;
					position:relative;
					top:8px;
					text-transform:uppercase;
					}
					
					/*#navigation_bar a#about{	left:2px;	}
					#navigation_bar a#services{	left:104px;	}
					#navigation_bar a#products{	left:208px;	}
					#navigation_bar a#order{	left:328px;	}
					#navigation_bar a#blog{	right:340px;	}
					#navigation_bar a#contact{	right:240px;	}*/
					
					
					#navigation_bar a:hover{
						background-color:#fc0;
						color:#345c05;
						}
						
				.open{ position:relative; z-index:2; }
				.closed{ position:relative; z-index:1; }
						
			#services_block, #products_block{
				width:148px;
				height:88px;
				position:absolute;
				top:104px;
				}
				
				#services_block{	left:130px;		}
				#products_block{		right:112px;	}
				
				#services_block a, #products_block a, #landing_text a, .about_text a, .body a, .products_text a{
					font-family: arial, sans-serif;
					font-size: 11px;
					line-height:13px;
					color:#000;
					font-weight:bold;
					display:block;
					}
					
					#services_block a, #products_block a{ margin:58px 0 0 0; }
					
					#services_block a:hover, #products_block a:hover{
						color:#fff;
						}
						
					#landing_text a:hover, .about_text a:hover, .body a:hover, .products_text a:hover{
						color:#fc0;
						}
					
					#services_block a:after, #products_block a:after, #landing_text a:after, .about_text a:after, .body a:after, .products_text a:after, #blog_content .postContent a:after, a.more-link:after{
						content: url('http://backyard-remedies.peopleofresource.com/assets/arrow.png');
						margin: 0 0 0 6px;
						position:relative;
						top:1px;
						}
					
				#services_block img, #products_block img{
					position:absolute;
					top:0px;
					right:2px;
					}
					
				#vertical_lines{
					width:320px;
					height:74px;
					border-left:1px solid #fc0;
					border-right:1px solid #fc0;
					position:absolute;
					top:112px;
					left:330px;
					}					
/* end top bar */








/* content */
	#content{
		position:relative;
		}
		
		#content #landing_text{
			width:260px;
			position:absolute;
			left:360px;
			top:112px;
			}
			
		.content_allround, .content_topround, .content_bottomround, .content_noround{
			background-color:#fff;
			width:916px;
			padding: 32px 32px; 
			position:relative;
			float:left;
			}
		
		.content_allround{		margin-bottom:8px;	-webkit-border-radius: 8px;	-moz-border-radius:8px; border-radius:8px;}
		.content_topround{		margin-bottom:0;	-webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-top-right-radius:8px; border-top-left-radius:8px;}
		.content_bottomround{	margin-bottom:8px; 	-webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; border-bottom-right-radius:8px; border-bottom-left-radius:8px;}
		.content_noround{	margin-bottom:0; border-bottom:2px dashed #345c05;	}
		
		#dotted{
			width:100%;
			border-bottom:2px dashed #345c05;
			position:absolute;
			bottom:-2px;
			left:0;
			z-index:3;
			}
		
		#contact_phone{
			margin: 24px 0;
			}
			
			#contact_phone img{
				margin: 16px 0;
				}
		
		p.wp-caption-text{
				font-size:10px;
				color:#666;
				font-family:Georgia, "Times New Roman", Times, serif;
				letter-spacing: .03em;
				font-style: italic;
				padding: 5px 0 10px 0;
		}
		
	
			
			.about_text{
						width:284px;
						margin: 10px;
						position:relative;
						float:left;
						}
			
			.about_text h1, .products_text h1, #blog_content {
				font-family: 'trebuchet ms', trebuchet, arial, sans-serif;
				font-size: 32px;
				line-height:32px;
				}
				
				.about_text h1{ margin: 0 0 24px 0; }
				.products_text h1 { margin: 0 0 12px 0; }
				
			.about_text h2, .products_text h2, h3 {
				font-family: arial, helvetica, sans-serif;
				font-size:12px;
				}
				
				.about_text h2, { margin: 12px 0 24px 0; }
				.products_text h2{ margin: 36px 0 12px 0; }
				h3{ margin: 16px 0 4px 0;}
				
			.about_text img{	margin: 16px 0 0 0;	}
			
		.contact_line{
			width:1px;
			height:140px;
			background-color:#fc0;
			float:left;
			margin:16px 26px 0 16px;
			}
				
		.products_text{
			width:140px;
			height:224px;
			float:left;
			margin: 8px 21px;
			position:relative;
			/*outline:solid 1px #fc0;*/
			}
			
			#products .products_text{
				text-align:center;
				}
				
				#products .products_text img{
					margin:0 0 12px 0;
					}
					
				#products .products_text .image_container{
					height: 54px;
					position:relative;
					text-align:center;
					}

			
			.products_text .title_box{
				width:140px;
				height:68px;
				position:relative;
				}
				
				.products_text .title_box img{
					position:absolute;
					left:0;
					bottom:2px;
					padding-bottom: 12px; 
					border-bottom:1px solid #fc0;
					}
					
				#products .products_text .title_box img{
					margin-bottom: 0;
					}
					
			.products_text .body{
					margin-top:12px;
					}
					
				.products_text .body a{
					position:absolute;
					bottom:0;
					}
					
			#service .products_text{
				width:248px;
				height:auto;
				margin: 8px 16px 0 10px;
				}
				
				#service #line{
					height:132px;
					width:1px;
					background-color:#fc0;
					float:left;
					margin: 36px 8px 0 8px;
					}
					
			.products_text ul{
				margin:0;
				padding:0;
				list-style:none;
				font-family: Arial, Helvetica, sans-serif;
				font-size:11px;
				line-height:13px;
				color:#000;
				}
				
				.products_text ul:hover{
					color:#fc0;
					cursor:pointer;
					}
				
				.products_text ul li{
					margin:0 8px 0 0;
					padding:0;
					list-style:none;
					font-family: Verdana, sans-serif;
					font-size:10px;
					line-height:12px;
					color:#666;
					}
					
					ul#bullet li{
						list-style-type:disc;
						list-style-position:inside;
						color:#000;
						}
		
		#blog_content{
			padding: 10px 10px 0px 32px;
			width:680px;
			float:left;
			border-left: 1px solid #FFCC00;
			min-height:630px;
			}
					
		#blog_content h1, #blog_content h1 a{
			font-size: 26px;
			text-transform: uppercase;
			color: #345C05;
			padding-bottom: 5px;
		}
		
		#blog_content h2, #blog_content h2 a{
			color: #345C05;
			padding-bottom: 5px;
			font-size: 24px;
		}
			
		#blog_content h2 a:hover, #blog_content h3 a:hover, #blog_content h1 a:hover{
			color: #FFCC00
		}
			
		#blog_content h3, #blog_content h3 a{
			color: #345C05;
			padding-bottom: 0;
			font-size: 16px;
			line-height:18px;
		}
		
		#blog_content h4, #blog_content h4 a{
			font-size:16px;
			line-height:18px;
		}
		
		#blog_content h5, #blog_content h5 a{
			font-size: 14px;
			text-transform:uppercase;
		}

		#blog_content h6, #blog_content h6 a{
			font-size: 12px;
			color: #345C05;
		}
		
		
		#blog_content img{
			padding: 0px;
		}
		
		#blog_content p{
			line-height:19px;
			font-size:14px;
		}
		
		#blog_content li{
			list-style:none;
			padding:5px 0;
		}
		
		#blog_content li a{
			color:#000;
		}
		
		#blog_content li a:hover{
			color:#FFCC00;
		}
					
				#blog_content .author2{
					color: #666;
					border-bottom:1px dotted #CCC;
					margin-bottom:15px;
					padding-bottom:5px;
				}
				
				#blog_content .author2 a{
					color: #666;
				}
				
				#blog_content .author2 a:hover{
					color: #FFCC00;
				}
								
				#blog_content .postmeta{
					background: #C4D0B6;
					padding:15px;
					margin-top: 15px;
					border: 1px solid #FFFFFF;
					-moz-border-radius: 6px;
					-webkit-border-radius: 6px;
					-moz-box-shadow:2px 2px 2px #DDDDDD;
					width:171px;
					clear:both;
				}
				
				#blog_content .postmeta p, #postmeta p {
					font-size:9px;
				}
				
				#blog_content .postmeta img, #postmeta img {
					margin:0px;
				}
			
				div.postmeta a {
					color: #000;
					text-decoration: none;
				}
				
				div.postmeta a:hover {
					color:#fff;
				}
				
				div.postmeta a img{
					padding: 0px;
				}
	
				div#postmeta{
					border-top:1px dashed #999;
					padding-top:10px;
					clear:both;
				}
				
				div.comments_reply a:hover, #postmeta a:hover {
					color: #FFCC00;
				}
				
				div.comments_reply a, #postmeta a {
					color:#666666;
				}
	
		div#featured_products {
			width: 301px;
			float: left;
			clear: none;
			padding:0 35px 15px 0;
		}
		
		div#right_column{
			width:304px;
			float:right;
			clear:none;
			padding:0 0 15px 35px;
			border-left: 1px solid #FFCC00;
		}

	
#footer{
	width:980px;
	text-align:right;
	}
	
	#footer h1{
		font-family: Arial, sans-serif;
		font-size:12px;
		line-height:14px;
		margin: 4px 4px 0 0;
		color:#fff;
		text-transform:uppercase;
		font-weight:normal;
		}
		
	#footer p{
		font-family: arial, sans-serif;
		font-size:10px;
		line-height:12px;
		color:#fff;
		text-transform:uppercase;
		}
		
		#footer p a{
			color:#fff;
			margin: 0 4px;
			}
			
			#footer p a:hover{
				text-decoration:underline;
				}

/* end content */





/* sidebar */

#sidebar{
			width:160px;
			float:left;
			padding: 10px 32px 0px 0;
			line-height:16px;
}


div#sidebar ul a{
	color: #000;
	text-decoration: none;
}

div#sidebar ul a:hover{
	color: #FFCC00;
}



div#sidebar ul li{
	list-style-type: none;
	padding-bottom: 10px;
}

div#sidebar ul li.widget_text{
	margin-bottom:-10px;
}

div#sidebar ul li ul li{
	padding: 2px 0 2px 10px;
}


div#sidebar h2, div#sidebar h2 a {
	color: #345C05;
	padding-top: 5px;
	font-size:14px;
	text-transform:uppercase;
}


label.hidden, input#s, input#searchsubmit, form#searchform {
	margin:5px 0 5px;
}

input#s{
	padding:5px;
}

/* end sidebar */




	




/* comment */
	
	
		div.comments_reply, div#comments, div#postmeta {
			margin: 40px 0;
		}

		ol.commentlist {
			padding:0;
			margin-top:20px;
		}
		
		.commentlist li {
			margin-bottom:8px;
			background: #fff;
			color:#FFF;
			list-style:none;
			width:413px;
			}
		
		.commentlist .commenttext {
			background:#c4d0b6;
			border:1px solid #fff;
			padding:10px 30px;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			-moz-box-shadow: 2px 2px 2px #dddddd;
			-webkit-box-shadow: 2px 2px 2px #dddddd;
			line-height:14px;
			width:565px;
		
			}
		
		.commentlist cite {
			display:block;
			font-weight:bold;
			font-style:normal;
			font-size:11px;
			border-bottom: 1px solid #fff;
			margin-bottom:8px;
			padding-bottom:8px;
			}
		
		.commentlist a:link, .commentlist a:visited {
			color:#345C05;
			}
		
		.commentlist a:hover, .commentlist a:active {
			color:#FFF;
			}
		.commentlist p, .commentlist cite{
			color:#345C05;
		}
	
	
		textarea#comment  {
			width: 625px
		}
		
		input#author, input#email, input#url, textarea#comment, input#s{
			border:1px solid #C4D0B6;
		}
		
		input#submit, input#searchsubmit, form#newsletter input[type="submit"]{
			background: #c4d0b6;
			border:1px solid #fff;
			padding:5px;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			-moz-box-shadow: 2px 2px 2px #dddddd;
			-webkit-box-shadow: 2px 2px 2px #dddddd;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-weight: bold;
			text-transform: uppercase;
		}

/*comment*/


p.small{
	font-size:8px;
	color:#999;
}

a.more-link{
	color: #000;
	font-weight: bold;
}
a.more-link:hover{
	color:#FFCC00;	
}

		div#dotted.blog_content{
			width:100%;
			border-bottom:2px dashed #345c05;
			margin-bottom: 15px;
			position:relative;
			bottom:0;
			clear: both;
			}
			



div#archives a{
	text-decoration: underline;
}

div#archives {
	font-size:11px;
	line-height:13px;
}

div#archives ul li{
	padding-top:15px;
}

div#archives ul li ul li{
	padding-top:0px;
}

div#archives span.car-yearmonth{
	text-transform: uppercase;
}

div#archives ul.car-monthlisting{
	padding-top:5px;
}



div#postmeta{
	font-size:10px;
	font-weight: normal;
}

.alignright{
	float:right;
	padding:5px 0 5px 15px;

}

.aligncenter{
	text-align:center;
	padding:15px;
}

.alignleft, .alignnone{
	float:left;
	padding: 5px 15px 5px 0;

}


/*Begin Post Notification*/

form#newsletter{
}



	

	
ul.children{
	list-style-type:none;
	margin-bottom:10px;
}

ul.children li{
	padding:5px;
}
	
/*Begin Post Notification Widget*/


li#post-notification.widget form#newsletter{
	margin-top:-10px;
}


li#post-notification.widget form#newsletter input[type="submit"]{
	width:60px;
}

li#post-notification.widget form#newsletter input[type="text"]{
	border: 1px solid #C4D0B6;
	width:150px;
	padding:5px;
	margin-bottom:5px;
}