/*  
Theme Name: Mission Pie
Theme URI: http://missionpie.com/
Version: 3.0
Author: David Cole
Author URI: http://davidcole.me/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 1em;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #333;
	background: url(images/bg.gif);
	font-family: Georgia, Constantia, serif;
	font-size: 75%;
}
html>body {
	font-size: 12px;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*-------------------
 Background & Banner
-------------------*/

	#container-sr {
		background: url(images/shadow.png) no-repeat bottom center;
		padding-bottom: 16px;
		margin-bottom: 48px;
	}
		* html #container-sr {
			background: none;
		}
	
	#container {
		width: 804px;
		margin: 16px auto 0;
		position: relative;
		-webkit-box-shadow: 0 0 5px rgba(184,0,0,.07);
	}
	
	#banner {
		width: 294px;
		height: 241px;
		position: absolute;
		top: -16px;
		left: -72px;
		background: url(images/banner.gif) no-repeat top left;
	}
	
	#container-jr {
		background: #fffdf5 url(images/top.gif) repeat-x top;
		position: relative;
		z-index: 2;
	}

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

	#header {
		height: 109px;
	}
		#header a {
			position: relative;
			padding: 112px 0 0 0;
			overflow: hidden;
			background: transparent url(img/) no-repeat top left;
			height: 0px !important;
			height /**/: 112px;
			display: block;
			margin-left: 180px;
		}

/*-------
 Content
-------*/

	#navigation {
		height: 51px;
		background: url(images/navigation.gif) no-repeat bottom right;
		padding-left: 134px;
		/* padding-left: 134px; */
	}
		#navigation li {
			width: 132px;
			float: left;
			border-left: 1px solid #f7dcb3;
		}
			#navigation #navigation-last {
				border-right: 1px solid #f7dcb3;
			}
			#navigation li a {
				display: block;
				font-size: 1.5em;
				padding: 4px 12px;
				height: 43px;
			}
			#navigation .selected a {
				background: #fffdf5 url(images/topglow.gif) repeat-x top;
			}
			#navigation a:hover {
				text-decoration: none;
			}
	
/*-------
 Content
-------*/
		
	#content {
		margin-top: 20px;
		padding: 0 12px 12px;
		background: url(images/divider.gif) repeat-y top left;
		height: 1%;
	}
		#content.full {
			background: none;
		}
	#filler {
		background: #FFFDF5;
		height: 14px;
	}
	#main {
		width: 508px;
		float: left;
		position: relative;
	}
		.full #main {
			width: 680px;
		}
	#sidebar {
		width: 246px;
		float: right;
		position: relative;
	}
	
		/* Global Content */
	
			a:link,a:visited {
				text-decoration: none;
				color: #00a261;
			}
			a:hover {
				text-decoration: underline;
				color: #cc0000;
			}
			.clear {
				clear: both;
			}
			.alignright {
				float: right;
				margin: 1em 0 1em 1em;
			}
			.alignleft {
				float: left;
				margin: 1em 1em 1em 0;
			}
			
			/* Content Styles */
			
				.content h4 {
					font-size: 1.33em;
					margin: 1em 0;
				}
				.content h5 {
/* 					font-size: 1.167em; */
					text-transform: uppercase;
					letter-spacing: 2px;
				}
				.content em {
					font-style: italic;
				}
				.content strong {
					font-weight: bold;
				}
				.content p,.content blockquote {
					line-height: 1.5;
					margin: 1.35em 0;
				}
				.content ul,.content ol {
					margin: 1.5em 2em;
				}
					.content ol li {
						list-style-type: decimal;
					}
					.content li {
						margin: .75em 0;
						line-height: 1.25;
						list-style-type: disc;
					}
					.content ol ol,.content ul ul {
						margin: .75em 2em;
					}
					.content li ol li {
						list-style-type: lower-alpha;
					}
					.content li ul li {
						list-style-type: circle;
					}
				.content blockquote {
					margin: 1.35em 2em;
					font-style: italic;
				}
				.content table {
					width: 100%;
					margin: 1.5em;
				}
					.content th, .content td {
						padding: 7px;
					}
					.content th {
						font-weight: bold;
					}
					.content .alt td {
						background: #e3e3e3;
					}
	
		/* Intro Box */
	
			#intro {
				margin: -14px 0 24px;
				border: 1px solid #eacdc3;
				border-left: 0;
				border-right: 0;
				background: #fef9ec;
				padding: 12px 12px 6px;
				font-size: 1.083em;
				line-height: 1.46em;
			}
				#intro strong {
					color: #990000;
					text-transform: uppercase;
				}
					#intro strong span {
						font-size: 3em;
						float: left;
						margin: -.06em .04em -.1em 0;
						line-height: 1;
					}
				#intro p {
					margin-bottom: 1em;
				}
				#intro img {
					border: 5px solid #f4ead3;
				}
					#intro .alignleft {
						margin-top: 0;
					}
				#intro-links {
					width: 350px;
					border-top: 1px solid #f3e0d2;
					padding-top: 4px;
				}
					#intro-links ul {
						width: 484px;
					}
					#intro-links li {
						margin: 1em 0;
						font-size: .92em;
						line-height: 1.33em;
					}
			
		/* Blog */
		
			.meta {
				color: #666666;
				text-transform: uppercase;
				letter-spacing: 2px;
				font-size: .833em;
				display: block;
				clear: both;
			}
				.meta a {
					text-transform: none;
					font-size: 1.2em;
					letter-spacing: 0;
				}
			.num {
				font-family: "Times New Roman", Times, Cambria, serif;
			}
			
			#blog h2 {
				font-size: 1.67em;
				font-style: italic;
				color: #900;
				position: relative;
			}
				#blog h2 a {
					display: block;
					padding: 14px 0 0 0;
					overflow: hidden;
					background: transparent url(images/rss.gif) no-repeat top left;
					height: 0px !important;
					height /**/: 14px;
					width: 39px;
					position: absolute;
					top: 2px;
					right: 0;
				}
				
			#headlines {
				background: url(images/headlines.gif) repeat-y left;
				border-bottom: 1px dotted #e9cea9;
				margin-top: 30px;
			}
				#headlines li {
					width: 111px;
					padding: 0 10px 16px;
					float: left;
				}
					#headlines .first {
						width: 115px;
						padding-left: 0;
						border-left: 0;
					}
					#headlines .last {
						width: 110px;
						padding-right: 0;
					}
					#headlines li h3 {
						font-size: 1.167em;
						line-height: 1.14;
					}
					#headlines li .meta {
						margin-bottom: .75em;
					}
					
			.post-listing {
				border-bottom: 1px dotted #e9cea9;
				padding: 1.5em 0;
			}
				.post-listing h3 {
					font-size: 1.5em;
					text-shadow: 0 0 1px #FDF9EE;
				}
				.post-listing p {
					line-height: 1.5;
					margin: .75em 0;
				}
					.post-listing .content p {
						display: finline;
					}
				
				.blog-nav {
					height: 12px;
					padding: 12px 0 0;
					text-transform: uppercase;
					letter-spacing: 1px;
					font-size: 1.083em;
				}
					.blog-nav .alignleft a {
						background: url(images/arrow-left.gif) no-repeat left center;
						padding-left: 20px;
					}
					.blog-nav .alignright a {
						background: url(images/arrow-right.gif) no-repeat right center;
						padding-right: 20px;
					}
				
		/* Page */
		
			.page h3 {
				font-size: 1.833em;
				margin: .5em 0 1em;
				color: #900;	
			}
			#farm-list .alignright {
				margin-top: -2em;
			}
			#wastechart div {
				width: 160px;
				margin-right: 14px;
				float: left;
			}
				* html #wastechart div {
					margin-right: 0;
				}
				#wastechart #waste-compost {
					margin-right: 0;
				}
				#wastechart span {
					font-style: italic;
				}
				#wastechart ul {
					margin-left: 0;
				}
					#wastechart li {
						list-style-type: none;
					}
			ol.help {
				margin-left: 1em;
				margin-bottom: 3em;
			}
				.help li {
					clear: both;
					list-style-position: inside;
					padding: 8px;
				}	
				.help li.alt {
					background: #FDF9EE;
				}
				.help code {
					font-family: Courier New, Courier, monospace;
					color: #900;
				}
				.help .alignright {
					margin: 0 0 0 1em;
				}
					
		
		/* Sidebar */
		
			#sidebar {
				line-height: 1.5;
			}
			#sidebar h3 {
				color: #900;
				font-size: 1.167em;
				font-weight: bold;
			} 
			.panel {
				border-top: 1px solid #f6e9d4;
				padding-top: 1em;
				margin-top: 1em;
			}
				.panel h3 {
					margin-bottom: .75em;
				}
			
				/* Hours */
				
					#hours {
						margin-bottom: 1em;
					}
						#hours strong {
							text-transform: uppercase;
							font-size: .833em;
							font-weight: bold;
						}
			
				/* Location */
				
					#location {
						position: relative;
						margin-bottom: 1em;
					}
						#location a {
							position: absolute;
							padding: 127px 0 0 0;
							overflow: hidden;
							background: transparent url(images/map.gif) no-repeat left -127px;
							height: 0px !important;
							height /**/: 127px;
							width: 134px;
							right: 0;
							top: -45px;
						}
						#location a:hover {
							background-position: top left;
						}
						
					/* Contact */
					
						#contact {
							margin-bottom: 1em;
						}
							#contact h4 {
								color: #666666;
								font-weight: bold;
							}
							#contact-left {
								width: 90px;
								float: left;
							}
							#contact-right {
								width: 145px;
								float: right;
							}
							
					/* Pies */
					
						#pies-inner {
							background: url(images/pielist-top.gif) no-repeat top left;
							padding-top: 12px;;
							text-align: center;
						}
							#pies-inner h3 {
								text-transform: uppercase;
								letter-spacing: 2px;
								margin-bottom: 0;
							}
								#pies-inner ul {
									padding-bottom: 4px;
								}
									#pies-inner li {
										font-family: "Goudy Old Style", Baskerville, "Palatino", "Book Antiqua", Georgia, serif;
										font-style: italic;
										font-size: 1.833em;
										font-weight: normal;
										text-shadow: 0 0 1px #FDF9EE;
										margin-top: .5em;
										padding: 0 24px;
										line-height: .9;
										color: #555;
									}
							#pies-bottom {
								background: url(images/pielist-bottom.gif) no-repeat bottom left;
								height: 22px;
							}
							#pies-inner small {
								display: block;
								color: #666;
								font-style: italic;
								line-height: 1.2;
								text-shadow: 0 0 1px #FDF9EE;
							}
							
					/* Menu */
					
						#menu li {
							margin-bottom: .75em;
							line-height: 1.3;
						}
							
					/* Twitter */
					
						#twitter li {
							margin-bottom: 1em;
							line-height: 1.3;
						}
				
/*------
 Footer
------*/

	#footer {
		background: url(images/footer.gif) repeat-x bottom;
		margin-top: 1em;
	}
		#footer-jr {
			background: url(images/piebreak.gif) no-repeat top center;			
			text-align: center;
			padding: 3.5em 1em 2.5em;
			color: #d7b798;
		}