/*
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: 400px;
margin: 0 0 0 5px;
width: 620px;
}
#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_frn {
color: #484848;
overflow: hidden;
padding: 30px 0 20px 0;
position: relative;
overflow:hidden;
}

.callout1_frn {
background-image:url(frn_tools1.gif);
display: inline;
float: left;
height:112px;
margin-left:5px;
text-align: center;
overflow:hidden;
}	

.callout2_frn {
background-image:url(frn_tools2.gif);
display: inline;
float: left;
height:112px;
margin-left:5px;
text-align: center;
overflow:hidden;
}	

.callout3_frn {
background-image:url(frn_tools3.gif);
display: inline;
float: left;
height:112px;
margin-left:5px;
text-align: center;
overflow:hidden;
}	
			
.callout1_frn p {
margin: 65px 20px 20px 22px;
width: 181px;
color:#000000;
}

.callout2_frn p {
margin: 65px 20px 20px 22px;
width: 181px;
color:#000000;
}

.callout3_frn  p {
margin: 65px 20px 20px 22px;
width: 181px;
color:#000000;
}

.callout_frn1, .callout_frn2, .callout_frn3, 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}

#welcome {margin:10px;}

.casestudy {
position:absolute;
left:510px;
margin-top:10px;
}