/*
Farm Aid Stylesheet
ISITE Design, Inc.

farmaid.css gets included on all pages. 
Section specific pages control navs and other layout items.
*/

/* -------------------------------------------------------- resets ----- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,dfn,font,
img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;line-height:1;font-family:inherit;text-align:left;vertical-align:baseline;}
hr { display: none; }
a img, :link img, :visited img { border: 0; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul { list-style: none; }
q:before, q:after,
blockquote:before, blockquote:after { content: ""; }
input, textarea { border: 1px solid #484848; }
#accessibility { position: absolute;  left: -999em; }

/* -------------------------------------------------------- base ----- */
body {
	background: #f2f0ef url(bg_diagonals.gif) center top repeat-x;
	color: #484848;
	font: 62.5%/1.6 Trebuchet MS, Trebuchet, Helvetica, Arial, sans-serif;
}

a,a:link,a:visited	{ color: #ef3f45; text-decoration: none; }
a:hover, a:focus 	{ color: #a42e2e; }

h1,.headline, .NLtitle { font-size:160%; color: #2b4067; }
	h1 small { display: block; margin-bottom: 1em;}
h2,.subheading	{ font-size:140%; color: #2b4067; }
	h2.cta { color: #ef3f45; font-size: 120%; font-weight: bold; text-transform: uppercase; }
h3	{ font-size:130%; color: #2b4067; font-weight: bold; margin-bottom: .1em; }
h4	{ font-size:120%; color: #2b4067; }
h5	{ font-size:100%; }
h6	{ font-size:90%; }

p, ol, ul	{ line-height: 1.2; }
.right		{ float: right; margin: 0 20px 4px 12px; }
.clear		{ clear: both; margin-top: 54px; }
.nowrap		{ white-space: nowrap; }

/* ------------------------------------------------------ layout ----- */
#outer {
	background: #f2f0ef url(bg_faux.gif) repeat-y;
	margin: 0 auto;
	text-align: left;
	width: 960px;
}
#wrapper {
	background: transparent url(bg_wrapper.gif) no-repeat;
	font-size: 1.2em;
	min-height: 758px;
	padding: 0 0 0 0;
	position: relative;
}
#header {
	background: transparent url(bg_header_home.jpg) 196px 0  no-repeat; /* different section get different headers */
	height: 164px; 
	position: relative;
}
	#brand {
		background: #fff url(logo_farmaid.jpg) no-repeat;
		display: block;
		height: 134px;
		overflow: hidden;
		position: absolute; left: 21px; top: 0;
		text-indent: -999em;
		width: 175px;
	}	
	#header ul { list-style: none; }
		#header li { display: inline; }
		#mainnav {
			background: #1f2e4b url(nav_main.gif) no-repeat;
			height: 30px;
			position: absolute; left: 22px; top: 134px;
			width: 505px;
		}
			#mainnav a {
				background: #1f2e4b url(nav_main.gif) no-repeat;
				display: block;
				float: left;
				height: 30px;
				overflow: hidden;
				text-indent: -999em;
			}
			#mainnav #aboutus-nav a 	{ background-position: 0 0; width: 90px; }
			#mainnav #concert-nav a 	{ background-position: -90px 0; width: 83px; }
			#mainnav #goodfood-nav a 	{ background-position: -173px 0; width: 97px; }
			#mainnav #family-nav a 		{ background-position: -270px 0; width: 133px; }
			#mainnav #community-nav a 	{ background-position: -403px 0; width: 101px; }
			
			#mainnav #aboutus-nav a:hover, #aboutus #mainnav #aboutus-nav a 		{ background-position: 0 -30px; }
			#mainnav #concert-nav a:hover, #concert #mainnav #concert-nav a 		{ background-position: -90px -30px; }
			#mainnav #goodfood-nav a:hover, #goodfood #mainnav #goodfood-nav a 		{ background-position: -173px -30px; }
			#mainnav #family-nav a:hover, #family #mainnav #family-nav a 			{ background-position: -270px -30px; }
			#mainnav #community-nav a:hover, #community #mainnav #community-nav a 	{ background-position: -403px -30px; }		
		
		#supportnav {
			background: transparent url(nav_supportnav.jpg) -2px bottom no-repeat;
			height: 154px;
			position: absolute; left: 742px; top: 46px;
			width: 193px;
			z-index: 200;
		}
			#supportnav a {
				background: transparent url(nav_supportnav_li.gif) no-repeat;
				display: block;
				height: 27px;
				margin-left: 18px;
				overflow: hidden;
				text-indent: -999em;
			}
			#supportnav #donate-nav a 	{ background-position: -11px  -1px; width: 144px; height:30px;}
			#supportnav #email-nav a 	{ background-position: -11px -31px; width: 144px; height:27px;}
			#supportnav #farmyard-nav a { background-position: -11px -58px; width: 144px; height:27px;}
			#supportnav #shop-nav a 	{ background-position: -11px -85px; width: 144px; height:38px; }

			#supportnav #donate-nav a:hover, #donate #supportnav #donate-nav a		 	{ background-position: -174px -1px; height:30px;}
			#supportnav #email-nav a:hover, #email #supportnav #email-nav a  			{ background-position: -174px -31px; height: 27px; }
			#supportnav #farmyard-nav a:hover, #farmyard #supportnav #farmyard-nav a 	{ background-position: -174px -58px; height: 27px;}
			#supportnav #shop-nav a:hover, #shop #supportnav #shop-nav a				{ background-position: -174px -85px; height: 38px;}	
			
		.subnav {
			margin: 0 0 0 12px;
			padding: 32px 0 0 0;
			width: 200px;
		}
		#splash .subnav { margin: 0; width: 166px; }
 			
			.subnav li { text-align: right; }
			.subnav a {
				background: transparent url(bg_star.gif) -400px 50% no-repeat;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 17px;
				letter-spacing: -.03em;
				line-height: 1.6;
				padding: 3px 0 3px 20px;
				text-align: right;
				text-transform: uppercase;
			}
				.subnav a:hover, .subnav a.on { color: #a6a5a5; background-position: 0 50%; }				
		
	#search {
		background: #1f2e4b url(bg_search.gif) repeat-x;
		height: 30px;
		padding-right: 3px;
		position: absolute; left: 527px; top: 134px;
		width: 218px;
	}
		#search legend, #search label { display: none; }
		#search input {
			border: 1px solid #66809f;
			height: 16px;
			margin: 5px;
			width: 165px;
		}
		#search button {
			background: transparent url(btn_go.gif) no-repeat;
			border: none;
			color: #fff;
			cursor: pointer;
			display: block;
			height: 30px;
			position: absolute; left: 175px; top: 0;
			text-indent: -999em;
			width: 35px;
		}

/* ------------------------------------------------------ content ----- */	
#contentwrap {
	background: #fff url(bg_content.jpg) 8px 0 no-repeat;
	margin: 0 14px;
	min-height: 540px;
	overflow: hidden;
}
	#content {
		display: inline;
		float: left;
		width: 696px;
	}
	.page #content {
		float: right;
		margin: 36px 20px 30px 0;
		width: 684px;
	}
		#splash {
		/*	background: transparent url(home_mainphoto.jpg) 0 4px no-repeat;*/
			min-height: 277px;
			margin: 0 0 0 5px;
			width: 683px;
		}
		#splash img { margin: 4px 0 0 0; }	
		.page #splash {
			margin-bottom: 1em;
			margin-left: 0;
			min-height: 100px;
			overflow: hidden;
			width: 656px;
		}
		.landing #splash {
			width: 690px;
		}
			.page #splash img { float: left; margin: 0 16px 12px 0; }
			#splash h1 { height: 0; text-indent: -999em; }
				.page #splash h1 { height: auto; line-height: 1.0; margin-bottom: .1em; padding: 24px 0 0 0; text-indent: 0; font-weight: bold; }
				.page #splash h1.landing { padding: 0; }
			#splash p  { color: #fff; margin: 120px 20px 20px 368px; width: 260px; }
				.page #splash p { color: #484848; margin: 1em 0; width: auto; }
		#callouts {
			background: transparent url(bg_callouts.gif) left bottom no-repeat;
			color: #484848;
			overflow: hidden;
			padding: 0 0 30px 0;
			position: relative;
		}
			.callout {
				background: transparent url(bg_callout.jpg) 3px 121px no-repeat;
				display: inline;
				float: left;
				margin: 0 6px 0 7px;
				text-align: center;
				width: 223px;
			}
				#asklaura 		{ }
					#callouts #asklaura .readmore { left: 130px; }
				#farmerstory 	{ margin: 0; }
					#callouts #farmerstory .readmore { left: 359px; }
				#farmaidblog 	{ margin: 0 0 0 6px; }
					#callouts #farmaidblog .readmore { left: 588px; }
				
				.callout h2 {
					background: transparent url(hdr_callouts.jpg) no-repeat;
					height: 121px;
					text-indent: -999em;
					width: 223px;
				}					
					#farmerstory h2 { background-position: 0 -121px; }
					#farmaidblog h2 { background-position: 0 -242px; }
				
				.callout p {
					margin: 20px 20px 20px 22px;
					width: 181px;
				}
				.callout em {
					color: #000;
					font-style: normal;
					font-weight: bold;
				}

/* ------------------------------------------------------ subcontent ----- */
	#subcontent {
		color: #484848;
		margin: 0 0 0 694px;
		padding: 52px 0 0 0;
		position: relative;
	}
	#concert #subcontent { padding-top: 32px; }
		#aboutfarmaid {
			background: transparent url(hdr_aboutfarmaid.gif) no-repeat;
			height: 17px;
			margin: 0 0 6px 7px;
			text-indent: -999em;
			width: 169px;
		}
		#subcontent p { margin: 0 10px 0 7px; }	
		#concert #subcontent p { margin-left: 10px; }	
		#actions {
			background: transparent url(bg_actions.gif) no-repeat;
			margin: 12px 0 0 0;
			padding: 69px 0 0 0;
		}
		#splash #actions {
			background: none;
			margin: 0 0 0 445px;
			padding: 3px 0 0 0;
		}
		#subactions { margin: 0 0 0 3px; }
			.action {
				background: transparent url(bg_action_column.gif) left bottom no-repeat;
				padding: 0 0 3px 0;
				width: 234px;
			}
			#splash .action 	{ background: transparent url(bg_action_splash.gif) left bottom no-repeat; width: 245px; }
			#splash .last 		{ background: transparent url(bg_action_splash_last.gif) left bottom no-repeat; width: 245px; }
			#subactions .action	{ background: transparent url(bg_action_sub.gif) left bottom no-repeat; width: 217px; }
				.action h4 {
					height: 0;
					text-indent: -999em;
				}
					#help-action h4 {
						background: transparent url(bg_action_help.gif) 2px 0 no-repeat;
						height: 72px;
					}
					#join-action h4 {
						background: transparent url(bg_action_join.gif) 0 0 no-repeat;
						height: 58px;
					}					
				.action a {
					background: #eee;
					color: #484848;
					display: block;
					margin: 20px;
					padding: 10px 10px 10px 74px;
					width: 113px;
				}
					#help-action a {
						background: transparent url(bg_help_link.gif) 0 0 no-repeat;
						margin-top: -62px;
						min-height: 67px;
						padding-top: 50px;
					}
					#join-action a {
						background: transparent url(bg_join_link.gif) 0 0 no-repeat;
						margin-top: -42px;
						min-height: 33px;
						padding-top: 26px;
					}								
					#help-action a, #join-action a, #photo-action a, #media-action a { color: #484848; }
					#help-action a:hover, #join-action a:hover, #photo-action a:hover, #media-action a:hover { background-position: -197px 0; }

/* ------------------------------------------------------ page ----- */
.page #content h2 { margin-bottom: .8em; /*width: 467px;*/ }
.page #content #splash h2 { line-height: 1.2; margin-top: .5em; }
.page p 	{
	color: #484848;
	line-height: 1.4;
	margin: 0 30px 1em 0;
}
	.takeaction p { margin-right: 285px; }
	.takeaction .highlight p { margin-right: 0; }
	.takeaction h2 { margin-right: 285px; }
	.takeaction #splash h2 { margin-right: 0; }
	.page p.upsell 	{ margin-bottom: 0; }
	.page p.meta	{
		border-bottom: 1px solid #cacaca;
		margin-bottom: 2em;
		padding-bottom: 2em;
	}
.page #content ul, .page #content ol {
	list-style: disc;
	margin: 0 30px 1em 18px;
	padding: 0;
}
.page #content ol 		{ list-style: decimal; }
	.page #content li 	{ line-height: 1.4; }
.page h1 				{  font-size: 2.2em; margin-bottom: .3em; }
.page #content .event h2 	{ margin-bottom: .1em; }

.event, .info	{ position: relative; }
.event p		{ margin-right: 30px; }
.photo, .info img {
	position: absolute; left: -218px; top: 0;
	width: 210px;
}
#splash .photo {
	float: left;
	position: static;
	margin: 3px 0 1em 0;
	width: 445px;
}	
	.photo p { color: #7d7d7d; font-size: .9em; margin: 0 4px; }

p.promo { font-size: 1.2em; line-height: 1.2; width: 420px; }

.quote, .user {
	background: transparent url(bg_blockquote.gif) left top no-repeat;
	margin: 0 0 1em 10px;
	padding: 68px 2px 2px 2px;
	width: 201px;
}
	.quote p {
		color: #2b4067;
		font-size: 1.1em;
		font-weight: bold;
		line-height: 1.3;
		margin-right: 0;
	}
.user {
	background: transparent url(bg_user.jpg) left bottom no-repeat;
	border-top: 1px solid #cacaca;
	margin-top: 10px;
	padding: 20px 2px 118px 2px;
}
	.user h5, .user p, .user ul { margin: 0 12px 1em 12px; color: #2b4067; }
	.user h5 { font-size: 1.2em; margin-bottom: .1em; } 
	.user li { line-height: 1.5; }

	
/* ------------------------------------------------------ misc ----- */
.btn {
	display: block;
	overflow: hidden;
	text-indent: -999em;
}
.textbtn { display: block; font-size: 1.2em; font-weight: bold; margin: 0 0 1em 0; text-transform: uppercase; }
	.readmore {
		background: transparent url(btn_readmore.gif) no-repeat;
		height: 14px;
		width: 82px;
	}
	.getstarted {
		background: transparent url(btn_getstarted.gif) no-repeat;
		height: 18px;
		margin-top: 24px;
		width: 124px;
	}
	.backstage {
		background: transparent url(btn_gobackstage.gif) no-repeat;
		height: 14px;
		width: 108px;
	}
	.visitshop {
		background: transparent url(btn_visittheshop.gif) no-repeat;
		height: 14px;
		width: 108px;
	}
	#callouts .btn 			{ position: absolute; bottom: 28px; }
	#splash .readmore 		{ background-image: url(btn_readmore_splash.gif); float: right; }
	#subcontent .readmore 	{ float: right; margin: 8px 0 0 0; }
	a.readmore:hover, a.backstage:hover, a.visitshop:hover 	{ background-position: 0 -13px; }
	#joinnow {
		background: transparent url(btn_joinnow.gif) no-repeat;
		height:  14px;
		margin-bottom: 1.2em;
		width: 67px;
	}
		a#joinnow:hover { background-position: 0 -13px; }

.highlight {
	float: right;
	margin: 0 0 1em 20px;
	padding: 0 14px 14px 14px;
	width: 230px;
}
	.highlight h3 		{ margin: 0 0 .3em 0; }
	.highlight img 		{ display: block; margin: 0 auto; }
	.img img			{
		background: #fff url(bg_photogradient.jpg) left top no-repeat;
		border: 1px solid #cacaca;
		margin: 0;
		padding: 5px;
	}

.boardlist {
	margin-bottom: 2em;
	overflow: hidden;
	width: 100%;
}
.page #content .boardlist ul {
	color: #484848;
	float: left;
	list-style: none;
	margin-left: 0;
	width: 210px;
}
.profiles {
	overflow: hidden;
	width: 100%;
}
.profile {
	display: inline;
        float:left;
	margin: 1em 20px 1em 0;
	width: 300px;
}
	.profile h4 { font-weight: bold; }
	.profile img {
		float: right;
		height: 160px;
		margin: 0 0 12px 20px;
		width: 130px;
	}

.page p.featured {
	color: #2b4067;
	font-size: 1.3em;
	font-weight: bold;
	padding-top: 2px;
}
	.page p.featured a { font-weight: normal; }

.video {
	float: left;
	margin: 0 16px 0 0;
	width: 405px;
}
	.page #splash .video p {  }
	.page #splash #vidwrap {  }
	.page #splash #vidwrap img { float: none; margin: 0; }

/* ------------------------------------------------------ form ----- */
input, select {
	border: 1px solid #a1b2c1;
	color: #666;
	margin: 3px 0;
	padding: 1px 4px;
}
	select 					{ padding: 1px 0; }
	input[type=checkbox] 	{ margin-right: 4px; }
	input[type=button] 		{ cursor: pointer; }
	#TablePledgeLevelInner input, input[type=checkbox] { border: none; }
table.CTtableout 			{ margin: 1em 0; }
table#TablePledgeLevelInner { margin-bottom: 0; }
.Alert 						{ color: #ef3f45; }
font.CTtablein 				{ color: #2b4067; font-size: 1.1em; line-height: 1.8; }
tr.CTsubtitle td 			{ padding-top: 1em; }
font.CT small br 			{ display: none; }
td#CategoryProductTD span#CategoryProduct font.CT input { border: none; padding: 0; }

#login {
	background: transparent url(bg_login.gif) 6px 0 no-repeat;
	height: 173px;
	padding: 120px 29px 20px 12px;
	width: 184px;
}
	#login legend 	{ text-indent: -999em; }
	#login label 	{ position: absolute; left: -999em; }
	
	#login input {
		background: #fff url(bg_input.gif) 50% 50% no-repeat;
		border: 1px solid #a1b2c1;
		color: #919191;
		margin: 3px 0;
		padding: 1px 4px;
		width: 168px;
	}
	#enter {
		background: transparent url(btn_enter.gif) no-repeat;
		border: none;
		cursor: pointer;
		display: block;
		height: 20px;
		margin: 8px 0 20px 0;
		text-indent: -999em;
		width: 80px;
	}
		#enter:hover { background-position: 0 -30px; }
	#login a { text-transform: lowercase; }
 
/* ------------------------------------------------------ footer ----- */			
#footer {
	background: transparent url(bg_footer.gif) no-repeat;
	clear: both;
	color: #7d7d7d;
	font-size: .9em;
	height: 71px;
	position: relative;
	width: 960px;
}
	#footer ul 		{ padding: 11px 8px 0 8px; }
		#footer li 	{ display: inline; }
		#copyright 	{ float: right; }
		#isite {
			display: block;
			height: 20px;
			overflow: hidden;
			position: absolute; left: 423px; top: 50px;
			text-indent: -999em;
			width: 116px;
		}
		
/* ------------------------------------------------------ blog feed ----- */ .page #content .feedburnerFeedBlock ul {
	list-style: none;
	margin-left: 0;
}
	.page #content .feedburnerFeedBlock ul li {
		border-bottom: 1px solid #cacaca;
		font-size: 100%;
		margin-bottom: 2em;
		padding-bottom: 2em;
	}	
	.page #content .feedburnerFeedBlock ul li div { line-height: 1.4; }
	.feedburnerFeedBlock span.headline a {
		color: #2b4067;
		font-size: 100%;
		margin-bottom: 0.1em;	
	}
#creditfooter { display: none; }

		
/* ------------------------------------------------------ browsers ----- */
* html #search input 	{ height: 14px; }
* html #wrapper 		{ height: 758px; }
* html #splash 			{ height: 277px; }
* html .page #splash 	{ height: auto; }
* html #help-action a 	{ height: 67px; }
* html #join-action a 	{ height: 33px; }
* html #photo-action a 	{ height: 52px; }
* html #media-action a 	{ height: 27px; }
* html #concert #splash { height: 286px; }
* html #sponsors 		{ height: 200px; }
* html #concertnav 		{ margin: 0; }
* html #callouts 		{ height: 1%; }
* html #subcontent 		{ margin-left: 690px; }
* html #actions			{ float: left; margin-top: 0; overflow: hidden; width: 233px; }
* html #splash #actions { margin: -325px 0 0 222px; width: 244px; }
* html #contentwrap		{ height: 540px; overflow: visible; }

*+html #aboutfarmaid	{ background-position: 5px 0; }

/* Inline Farmer story listing */
#icl_container, #icl_container_fs, #icl_container_ask {
		list-style: none;
		margin: 0;
	}	
#icl_container_fs ul { float: left; min-height: 13em;
			margin: 0 21px 20px 0;
			width: 150px;}
#icl_container ul li, #icl_container_fs ul li, #icl_container_ask ul li {list-style:none;}
#icl_container_fs ul li.icl_title {
				color: #ef3f45;
				font-size: 1.2em;
				font-weight: bold;
			}
#icl_container_fs ul li img {
				background: transparent url(bg_storyframe.gif) 0 0 no-repeat;
				height: 104px;
				padding: 7px;
				width: 148px;
			}
#icl_container_fs ul li.icl_summary p {margin:0; padding:0}