/*
Theme Name: Roanoke Natural Foods Coop
Theme URI: http://roanokenaturalfoods.coop/
Description: The default WordPress theme for the Roanoke Natural Foods Coop.
Version: 0.2
Author: ...
Author URI: http://roanokenaturalfoods.coop/
Tags: 
*/

/* -------------------------------------- */
/* -------  GLOBAL ELEMENTS  ------------ */
body,h1,h2,h3,h4,h5,h6,form,img,span,div,ul,li,p {
    margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
body {
	background: #fff;
	text-align: center;
	color: #131414;
}

p, li {
	font-size: 12px;
}

/* general elements */
a { text-decoration: underline; color: #46710b; }
a:hover { text-decoration: none; }
.floatleft { float: left; }
.block { display: block; }
.floatright { float: right; }

/* Centers the layout */
#centered {
	width: 940px;
	margin: 0 auto;
	text-align: left;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	background-color: #FFF;
}

#sidebar {
	width: 236px;
	display: block;
}

#sidebar ul li,
#calendar ul li,
ul#sidebar li.widget {
	list-style-type: none;
}

.calendar h2.widgettitle {
	display: none;
}

.calendar h2 {
	margin-top: 0;
}

/* -------------------------------------- */
/* -------  HEADER  --------------------- */
#header {
	height: 110px;
	position: relative;
	display: block;
	z-index: 50;
}

#header #header_back {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}
	/* Navigation */
	ul#navigation {
		float: right;
		display: table;
		margin-top: 48px;
	}
		ul#navigation li {
			display: table-cell;
			padding-left: 20px;
			font: 12px Georgia, "Times New Roman", Times, serif;
		}
			ul#navigation li a {
				display: block;
				background: url(/wp-content/themes/coop/images/bullet2.gif) no-repeat 0px 10px;
				padding: 5px 10px 5px 15px;
				color: #131414;
				text-decoration: none;
			}
				ul#navigation li.active a,
				ul#navigation li a:hover {
					background: #446f0b;
					color: #ffffff;
				}

/* Banner */
#banner {
	margin-bottom: 10px;
	height: 320px;
	width: 940px;
}
	#banner img {
		display: block;
	}
	#banner .info {
		width: 280px;
		height: 320px;
		font-family: 'Lucida Grande', Arial, Sans-Serif;
background: url(/wp-content/themes/coop/images/banner_overlay.png);
		position: relative;
		top: -320px;
		color: #ffffff;
	}
		#banner .info div {
			padding: 35px;
		}
			#banner .info div h1 {
				font: 24px Georgia, "Times New Roman", Times, serif;
				margin-bottom: 10px;
			}
			#banner .info div p {
				font: 14px Georgia, "Times New Roman", Times, serif;
				line-height: 20px;
				margin-bottom: 10px;
			}
			#banner .info a.more {
				display: inline-block;
				padding: 5px 10px;
				background: #46710b;
				color: #ffffff;
				font-size: 12px;
			}

/* -------------------------------------- */
/* -------  PORTFOLIO  ------------------ */		
#portfolio {
	float: left;
	width: 940px;
}
	#portfolio .column {
		width: 300px;
		margin-right: 20px;
		float: left;
		margin-bottom: 20px;
	}
	
	/* Portfolio titles */
	#portfolio h2 {
		padding: 10px 5px;
		font: 1.6em Georgia;
	}
	/* Portfolio description */
	#portfolio p {
		line-height: 1.8em;
		padding: 6px 6px;
	}
	/* The last portfolio image in a column */
	#portfolio .last {
		margin-right: 0px;
	}
	/* Portfolio images */
	#portfolio img {
		border-bottom: 5px solid #ffffff;
		padding-bottom: 2px;
	}
	#portfolio a:hover img {
		border-bottom: 5px solid #446f0b;
	}

/* -------------------------------------- */
/* -------  FOUR COL LAYOUT  ------------ */
#four-col {
	margin-bottom: 30px;
	float: left;
	width: 100%;
	position: relative;
	z-index: 10;
	min-height: 375px;
}
#four-col #wheat {
	display: block;
	position: absolute;
	right: -10px;
	z-index: -1;
}
	/* One column */
	#four-col .column {
		display: block;
		position: relative;
		width: 220px;
		margin-right: 20px;
		float: left;
		min-height: 345px;
	}
		/* Column title */
		#four-col h2 {
			padding: 8px 5px;
			font: 20px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		}
		#four-col h2 a {
			text-decoration: none;
			color: black;
			font-size: 20px;
		}
		#four-col h2 a:hover {
			text-decoration: underline;
		}
		/* Column descriptions */
		#four-col p {
			line-height: 1.5em;
			padding: 7px 6px;
			font-size: 12px;
		}
		
		#four-col li, #four-col a {
			font-size: 12px;
		}
		/* More buttons */
		#four-col a.more {
			position: absolute;
			bottom: 0;
			right: 0;
			display: block;
			background: url(/wp-content/themes/coop/images/bullet1.gif) 0px 12px no-repeat;
			padding: 5px 5px 5px 14px;
			color: #46710c;
		}
		#four-col .last {
			margin-right: 0px;
		}

/* Some page specifications */
.page {
}
.border {
	border-top: 4px solid #446f0b;
	padding-top: 20px;
}

ul#deptNews {
	margin-top: 6px;
}

ul#deptNews li {
	list-style-type: none;
}

ul#deptNews .pad {
	margin-bottom: 12px;
}

/* -------------------------------------- */
/* -------  THREE COL LAYOUT  ----------- */
#three-col {
	float: left;
	width: 940px;
	margin-bottom: 35px;
}
	/* Columns */
	#three-col #left {
		float: left;
		width: 440px;
	}
	#three-col #right1 {
		float: right;
		width: 220px;
	}
	#three-col #right2 {
		float: right;
		width: 220px;
		margin-right: 20px;
	}
	
	/* Headers */
	#three-col h1 {
		margin-bottom: 13px;
		font: bold 2.2em Georgia;
	}
	#three-col h2 {
		padding: 8px 5px;
		font: 1.7em Georgia;
	}
		#three-col #left h2 {
			margin-bottom: 13px;
			font: bold 1.8em Georgia;
			padding: 0px;
		}
		#three-col #left h3 {
			margin-bottom: 13px;
			font: bold 1.6em Georgia;
			padding: 0px;
		}
		#three-col .box1 h2 {
			padding: 0px;
			margin-bottom: 6px;
			padding: 0px;
		}
		#three-col .box2 h2 {
			padding: 10px;
			padding: 0px;
			margin-bottom: 6px;
		}
		
	/* Paragraph styles */
	#three-col #left p {
		font: 1.1em Georgia;
		line-height: 1.8em;
		margin-bottom: 25px;
	}
	
	/* Right side styles */
	#three-col #right1 p, #three-col #right2 p {
		line-height: 1.8em;
		padding: 7px 6px;
	}
		#three-col #right1 .box1 p, #three-col #right2 .box1 p {
			line-height: 1.8em;
			padding: 4px 0px;
		}
		#three-col #right1 .box2 p, #three-col #right2 .box2 p {
			line-height: 1.8em;
			padding: 4px 0px;
		}
	#three-col .cite {
		display: block;
		text-align: right;
	}
	#three-col a.more {
		display: inline-block;
		background: url(/wp-content/themes/coop/images/bullet1.gif) 0px 12px no-repeat;
		padding: 5px 5px 5px 14px;
		color: #46710c;
	}
	
/* -------------------------------------- */
/* -------  TWO COL LAYOUT  ------------- */
#two-col p, #two-col li {
	font-size: 12px;
	line-height: 22px;
}
#two-col p {
	margin-bottom: 12px;
}

/* Left column */
#two-col #left {
	float: right;
	width: 580px;
	font-family: 'Lucida Grande', Arial, Sans-Serif;
margin-bottom: 35px;
}
	#two-col #left h1 {
		margin-bottom: 13px;
		font: bold 2.2em Georgia;
	}
	#two-col #left p.intro {
		margin-bottom: 35px;
	}
	#two-col #left .img1 {
		float: left;
		margin: 5px 20px 10px 0px;
	}
	#two-col #left h3 {
		font-size: 18px;
	}
	
	#two-col h2, #two-col h3, .post h2 {
		font: 24px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	}
	
	/* Blog section */
	#blog {
		
	}
		#blog .post {
			background: url(/wp-content/themes/coop/images/blog_div.gif) no-repeat;
			padding: 30px 0px;
		}
				#blog .post h2 a {
					color: #131414;
				}
			#blog .post .details,
			#left .post small {
				background: url(/wp-content/themes/coop/images/bullet3.gif) no-repeat 0px 8px;
				font-size: 1.2em;
				display: block;
				margin: 8px 0px 15px 0px;
				padding-left: 25px;
			}
				#blog .post .details a,
				#left .post small a {
					color: #131414;
				}
			#blog .post img {
				border: 10px solid #e4e2d2;
				margin: 7px 20px 15px 0px;
			}
			#blog .post p {
				line-height: 1.9em;
			}
			#blog a.moreposts {
				font-size: 1.5em;
				color: #48720c;
				float: right;
			}
			
			/* Two column layout inside left column */
			.left-col {
				float: left;
				width: 280px;
				line-height: 1.8em;
			}
				.left-col h3 {
					font: 1.6em Georgia;
					margin-bottom: 7px;
				}
				.left-col img {
					float: left;
					margin: 7px 16px 3px 0px;
				}
			.right-col {
				float: right;
				width: 280px;
				line-height: 1.8em;
			}
				.right-col h3 {
					font: 1.6em Georgia;
					margin-bottom: 7px;
				}
				.right-col img {
					float: left;
					margin: 7px 16px 3px 0px;
				}
			
/* Right column */
#two-col #right {
	float: left;
	width: 280px;
	margin-bottom: 35px;
}
	/* Lists */
	ul.catlist {
		list-style: none;
	}
		 ul.catlist li {
			border-bottom: 1px solid #d1cfbd;
			padding: 4px 10px;
		}
			ul.catlist li a {
				color: #000000;
			}
			
	/* Box 1 (tan) */
	.box1 {
		background: #e4e2d2;
		padding: 18px;
		line-height: 1.8em;
		margin-bottom: 20px;
	}
		.box1 .img1 {
			margin: 4px 15px 9px 0px;
			float: left;
		}
		.box1 h2 {
			font: 1.7em Georgia;
			margin-bottom: 6px;
		}
		.box1 h3 {
			background: url(/wp-content/themes/coop/images/bullet2.gif) no-repeat 0px 9px;
			font-size: 1.0em;
			padding: 0px 0px 5px 18px;
		}

		
	/* News updates */	
	.news {
		
	}
		.news h2  {
			background: url(/wp-content/themes/coop/images/bullet2.gif) no-repeat 0px 8px;
			padding: 0px 19px;
			margin-bottom: 10px;
		}
		.news div {
			background: url(/wp-content/themes/coop/images/news_div.gif) no-repeat bottom left;
			padding: 13px 15px 27px 18px;
		}
		.news div a.big {
			color: #000000;
			font-size: 1.2em;
			display: block;
			margin-bottom: 3px;
		}
		.news div span {
			font-size: 0.9em;
		}
		
/* -------------------------------------- */
/* -------  FOOTER  --------------------- */		
#footer {
	color: #FFF;
	padding: 15px 15px 0px 15px;
	clear: both;
	height: 70px;
	background-color: #47720c;
	position: relative;
}

#footer p, #footer li, #footer a,
#lower p, #lower li, #lower a {
	font: 12px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}

	#footerLeft, #footerLeftMiddle,
	#footerRight, #footerRightMiddle {
		float: left;
		width: 19%;
	}
	
	#footerLeft img {
		margin-top: 8px;
	}
	
	#footerLogo {
		float: right;
		width: 19%;
		position: absolute;
		top: -17px;
		right: 0;
	}

#lower {
	background-color: #FFF;
	clear: both;
	z-index: 100;
	margin-top: 17px;
}

#lower div {
	width: 25%;
	float: left;
	text-align: center;
	margin: 0 auto;
}

#lower #social_icons li {
	float: left;
	text-decoration: none;
	list-style-type: none;
}

.footer_menu li {
	float: left;
	margin-right: 7px;
	list-style-type: none;
}
	
	
/* -------------------------------------- */
/* -------  SLIDER  --------------------- */	
/* Slider controls */
#controls {
	position: relative;
	left: 700px;
	top: -60px;
	width: 226px;
}
	
#slider { }	
	#slider ul, #slider li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#slider li { 
		width: 940px;
		height: 320px;
		overflow: hidden;
	}	
#prevBtn, #nextBtn { 
	display: block;
	margin: 0;
	overflow: hidden;	
	position: absolute;
	top: 20px;
}	
#nextBtn { 
	left: 116px;
}														
#prevBtn a, #nextBtn a {
	display: block;
	width: 106px;
	padding: 7px 0px;
	background: #111212;
	color: #ffffff;
	text-align: center;
}
	#prevBtn a:hover, #nextBtn a:hover {
		background: #47720c;
	}
	#nextBtn a { 
		background: url(/wp-content/themes/coop/images/next_previous.gif) no-repeat top right;
		width: 106px;
		padding: 7px 0px;
		background: #111212;
		color: #ffffff;
		text-align: center;
	}
			
/* -------------------------------------- */
/* -------  FORM  ----------------------- */
#form {
	padding: 10px;
}
	#form fieldset {
		border: 0px;
		padding: 0px;
		margin: 0px;
	}
		/* Labels */
		#form label {
			font-size: 1.2em;
			width: 90px;
			display: inline-block;
			text-align: right;
			margin-right: 15px;
			margin-bottom: 15px;
		}
		
		/* The regular inputs */
		#form .input1 {
			border: 1px solid #e4e2d2;
			padding: 5px 7px;
			margin-bottom: 15px;
			width: 200px;
		}
		
		/* Selection list */
		#form select {
			width: 210px;
			font: 1.2em Tahoma;
			border: 1px solid #e4e2d2;
			padding: 5px 7px;
			margin-bottom: 15px;
		}
		
		/* Text area */
		#form textarea {
			border: 1px solid #e4e2d2;
			vertical-align: top;
			width: 350px;
			font: 1.1em Tahoma;
			line-height: 1.7em;
			padding: 9px;
			height: 200px;
		}
		
		/* Indentation for the submit button */
		#form .indent {
			padding-left: 107px;
			padding-top: 15px;
		}
		/* The button */
		#form .submitbutton {
			width: 200px;
			padding: 6px 0px;
		}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */