@charset "utf-8";
/* CSS Document - Main Style Sheet
Author: Kreck Design www.kreck.com
Client: Demeter */

/* TABLE OF CONTENTS
=00 =Reset
=01 =Global/Typography/Layout
=02 =Headings
=03 =Text Elements
=04 =Lists
=05 =Tables
=06 =Misc. Classes
=07 =Forms
=08 =Header
=09 =Content
=10 =Footer
=11 =Miscellaneous
=12 =Nav
=13 =Pages
=14 =Slideshow
=15 =CMS
*/

/*=00 =Reset ---------------------------------------------------------------*/

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-size: 100%;
 vertical-align: baseline;
 background: transparent;
}
body 			{ line-height: 1; }
ol, ul 			{ list-style: none; }
blockquote, q 	{ quotes: none; }
blockquote:before, blockquote:after, q:before, q:after
				{ content: ""; content: none; }
:focus 			{ outline: 0; }
table 			{ border-collapse: collapse; border-spacing: 0;}
caption, th, td { font-weight: normal; }
strong 			{ font-weight: bold; }
em 				{ font-style: italic; }

/*=01 =Global/Typography/Layout ---------------------------------------------------*/

html { height: 100.02%;  }
body {
 font: 80% verdana, trebuchet ms, arial, sans-serif;
 color:#3F3624;
 background:#ffffff;
}
#wrapper {
 margin:20px auto;
}
#header-container { 
 position:relative; 
 height:105px;
 padding:0px auto;
}
#logo-container { 
 position:relative; 
 width:275px;
 float:left;
}
#nav-container { 
 position:absolute;
 top:120px;
 margin:0 10px;
}
#subnav-container { 
 position:relative;
}
#content-container {
 position:relative;
 margin:20px auto;
}
#footer-container {
 position:relative;
}
#footer-copyright {
 position:relative;
}

/*=02 =Headings ------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
 font-weight: normal;
 font: 100% 'Rokkitt', Georgia, "Times New Roman", Times, serif;
}
h1 { font-size: 270%; margin-bottom: 0.50em; line-height: 1; }
h2 { font-size: 150%; margin-bottom: 0.75em; font-weight:bold;  }
h3 {
	font-size: 120%;
	margin-bottom: 1.00em;
	line-height: 1;
	font-weight:bold;
	text-transform: uppercase;
}
h4 { font-size: 120%;  margin-bottom: 1.25em; line-height: 1.25; }
h5 { font-size: 100%; margin-bottom: 1.50em; font-weight: bold; }
h6 { font-size: 100%; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/*=03 =Text elements -------------------------------------------------------*/

p           { margin: 0.6em 0 1.2em; line-height:1.6}
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:link		{ color: #3F3624; text-decoration: underline }
a:visited 	{ color: #3F3624; }
a:hover 	{ color: #3F3624; }
a:active 	{ color: #3F3624; }
a:focus 	{ -moz-outline-style: none; }

blockquote  { margin: 1.5em; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre			{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

hr 			{ clear:both; float:none; width:100%;  border:none; background: url(../assets/bg-hr.gif) repeat-x; padding-top:3em; }


/*=04 =Lists ---------------------------------------------------------------*/

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/*=05 =Tables --------------------------------------------------------------*/

table       	{ margin-bottom: 1.4em; }
th          	{ text-align:center; }
thead th 		{ background: #c3d9ff; }
th,caption	{ padding: 4px 10px 4px 5px; }
tfoot       	{ font-style: italic; }
caption     	{ background: #eee; }
#contact-table td     	{
	vertical-align: top; padding:5px;
}


/*=06 =Misc classes --------------------------------------------------------*/

.hide       	{ display: none; }
.access 		{ position:absolute; text-indent:-900em; }
.float-left 	{ float:left; display:inline; }
.float-right 	{ float:right; display:inline; }
img.float-left	{ float:left; display:inline; padding:5px 10px 10px 0; }
img.float-right	{ float:right; display:inline; padding:5px 0 10px 10px; }
img.center 		{ display: block; margin:0 auto; }
.align-left 	{ text-align: left; }
.align-right 	{ text-align: right; }
.align-center 	{ text-align:center; }
.justify 		{ text-align:justify; }

.small      	{ font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large     		{ font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }

.first			{ margin-left:0; padding-left:0; }
.last			{ margin-right:0; padding-right:0; }
.top			{ margin-top:0; padding-top:0; }
.bottom			{ margin-bottom:0; padding-bottom:0; }
.box 			{ padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9; }
.pic-frame {
 background: #ffffff;
 border:1px solid;
 border-color:#BCBBB1 #fff #fff #BCBBB1;
 padding: 9px;
}

/* float clearing */
.clear {
 clear: both;
 display: block;
 overflow: hidden;
 visibility: hidden;
 width: 0;
 height: 0; }

.clearfix:before,
.clearfix:after {
 content: '\0020';
 display: block;
 overflow: hidden;
 visibility: hidden;
 width: 0;
 height: 0; }

.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*=07 =Forms ---------------------------------------------------------------*/

div#errordiv {
 border:3px double #900;
 background-color:#FFFFF2;
 color:#900;
 padding:5px 10px;
 font-weight:bold;
 margin-top:10px;
 margin-bottom:18px;
}

.kds-formfield-not-valid-highlight {
 background-color:#900;
 color:white;
}

select { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; }

/*=08 =Header --------------------------------------------------------------*/

#logo-container h1 {
 position:relative;
 height:85px;
 background:url(../assets/demeter-logo.gif) no-repeat left top;
 margin:0 auto;
}
#logo-container h1 a {
 display:block;
 width:275px;
 height:85px;
 margin:0 auto;
 text-indent:-900em;
}
#tagline {
 display:block;
 position:absolute;
 width:405px;
 height:29px;
 right:15px;
 bottom:10px;
text-align:right;
}
#social-media {position:absolute; top:10px; right:20px;}
#gazetteer { position:absolute; right:147px; top:0; }
/*=09 =Content -------------------------------------------------------------*/
.quote {
 font: 150% 'Rokkitt', Georgia, "Times New Roman", Times, serif;
 line-height:120%;
}
#demeter-info { width:100px; float:left; margin:0 20px 15px 0px; text-align:center; }
#demeter-info img { margin-bottom:10px; }
#demeter-info a { color:green; }

#stellar-info { width:100px; float:left; margin:0 0 15px 20px; text-align:center; }
#stellar-info img { margin-bottom:10px; }
#stellar-info a { color:green; }

.bio {clear:both; margin-bottom:25px;}
.bio img {float:right; margin:0 0 25px 25px;}

.footer-hilite-form div {margin:0 10px 3px 0;}

/*=10 =Footer --------------------------------------------------------------*/


#footer-copyright {
 color:#A3968A;
 text-align:center;
 font-size:11px;
}
#footer-copyright ul{
 clear:both;
 padding:25px;
}
#footer-copyright ul li {
 display:inline;
 padding:0 8px;
 background: url(../assets/footer-divider.gif) no-repeat right;
 margin:0;
}
#footer-copyright ul li.last {
 background:none;
}
#footer-copyright a {
 color:#A3968A;
 text-decoration:none;
}
#footer-copyright a:hover {
 color:#3F3624;
}

/*=11 =Miscellaneous -------------------------------------------------------*/
.sample-ad { display:block; width:160px; height:160px; border:1px solid #CCC;}
.rounded-corners {
 margin-bottom:20px;
/* Firefox */
 -moz-border-bottom-left-radius:10px; 
 -moz-border-bottom-right-radius:10px; 
/* Safari and chrome */
 -webkit-border-bottom-left-radius:10px;
 -webkit-border-bottom-right-radius:10px;
/* Linux browsers */
 -khtml-border-bottom-left-radius:10px;
 -khtml-border-bottom-right-radius:10px;
/* CSS3 */
 border-bottom-left-radius:10px;
 border-bottom-right-radius:10px;
/* IE */
 behavior:url(http://www.biodynamicfood.org/css/border-radius.htc);
}
.hilite-text 	{ padding: 25px 20px 70px 20px;}
.hilite-text-50	{ padding: 25px 20px 70px 20px; height:50px;}
.hilite-text-100{ padding: 25px 20px 70px 20px; height:100px;}
.hilite-text-150{ padding: 25px 20px 70px 20px; height:150px;}
.hilite-text-200{ padding: 25px 20px 70px 20px; height:200px;}
.hilite-text-250{ padding: 25px 20px 70px 20px; height:300px;}
.bg-bee .hilite-text-250{ padding: 25px 15px 70px 15px; height:300px;}

.hilite-text-300{ padding: 25px 20px 70px 20px; height:300px;}
.hilite-text-350{ padding: 25px 20px 70px 20px; height:350px;}
.hilite-text-400{ padding: 25px 20px 70px 20px; height:400px;}
.bg-bee {
 background:url(../assets/bg-bee.gif) no-repeat right bottom;	
 border:1px solid #efcb7c;
}
.bg-bee input {
 width:120px;
}
.bg-bull-left {
 /*background:url(http://www.biodynamicfood.org/images/bg-bull-left.gif) no-repeat left bottom;	*/
 border:1px solid #cec4b1;
}
.bg-bull-right {
 /*background:url(http://www.biodynamicfood.org/images/bg-bull-right.gif) no-repeat right bottom; */	
 border:1px solid #cec4b1;
}

.bg-farm {
 /*background:url(http://www.biodynamicfood.org/images/bg-farm.gif) no-repeat left bottom; */
 border:1px solid #b9cade;
}
.bg-grapevine {
 background:url(../assets/bg-grapevine.gif) no-repeat right bottom;	
 border:1px solid #b2c9b3;
}

.bg-honeycomb {
 /*background:url(http://www.biodynamicfood.org/images/bg-honeycomb.jpg) no-repeat right bottom; */	
 border:1px solid #eddf7b;
}
.bg-pear {
 /*background:url(http://www.biodynamicfood.org/images/bg-pear.gif) no-repeat left bottom; */
 border:1px solid #dbdf8c;
}
.bg-pear-right {
 /*background:url(http://www.biodynamicfood.org/images/bg-pear.gif) no-repeat right bottom;	*/
 border:1px solid #dbdf8c;
}
.bg-wheat {
 /*background:url(http://www.biodynamicfood.org/images/bg-wheat.gif) no-repeat center bottom; */
 border:1px solid #f0e09b;
}
.bg-moon {
 background:url(../assets/bg-moon.gif) no-repeat right bottom;	
 border:1px solid #cfe9e9;
}
#moon-text {float:right; width:180px;}
/*=12 =Nav ----------------------------------------------------------------*/

ul#nav-list {
 font-size:90%;
 color: white;
 text-align: center;
 margin:0 auto;
 background-color:#ededed;
 padding:3px 0;
 font-family:'Open Sans', sans-serif;
}

ul#nav-list li {
 display: inline;
 margin-left: -4px;
}

ul#nav-list li a {
 padding: 5px 7px ;
 color:#373737;
 text-decoration: none;
 border-right: 1px solid #fff;
}
ul#nav-list li a#last {
 border-right: none;
}
ul#nav-list li a:hover {
 background-color: #DBDBDB;
}
#active a { border-left: 1px solid #fff; }

ul.subnav-list {
 margin:0;
 font-size:85%;
}
ul.subnav-list li {
 list-style-type:none;
 border-bottom:1px dotted #ccc;
}
ul.subnav-list li ul li {
 list-style-type:none;
 border-top:1px dotted #ccc;
 border-bottom:0px;
}

ul.subnav-list li.last {
 border-bottom:0px;
}

ul.subnav-list li a {
	text-decoration:none;
	display:block;
	padding:4%;
}
ul.subnav-list li a:hover {
 color:#8CAF8D;
}
.subnav-section {display:none;}
.section-about #subnav-about,
.section-contact #subnav-contact,
.section-for-farmers #subnav-for-farmers,
.section-involved #subnav-involved,
.section-learn #subnav-learn,
.section-meet-farmers #subnav-meet-farmers,
.section-news #subnav-news,
.section-stellar #subnav-stellar,
.section-for-members #subnav-for-members,
.section-expo #subnav-expo,
#root-home #subnav-home {display:block;}

#newsletter-signup div {margin:0 10px 3px 0;}
#newsletter-signup input {height:10px;}
#newsletter-signup #newsletter-submit {height:30px;}

/*=13 =Pages -------------------------------------------------------*/
#news-press .grid_3 { margin-bottom:25px;}

/* =14 =Slideshow -------------------------------------------------------*/
#slideshow-wrapper {
 position:relative;
 margin:20px auto;
 width:940px;
 height:350px;
}
/* Slideshow Container (All Slides, No Control Panel) -------------------------*/
#slides {
 
}
/* Individual Slide Container -------------------------*/
.slide-wrapper {
 width:940px;
 margin:0px auto;
 height:350px;
}
/* Individual Slide Photo Container -------------------------*/
.slide-thumbnail {
 height:350px;
}
/* Individual Slide Text Container -------------------------*/
.slide-details {
 position:absolute;
 width:920px;
 top:300px;
 padding:10px;
 left:0px;
 background: url(../assets/slideshow-bg.png) repeat left top;
 height: 30px;/* 				overflow: hidden; */
}
.description {
 width:745px;
 font-size:85%;
}
.description h2 {
 margin-bottom:0;
 padding-bottom:0px;
 float:left;
}
.description .slide-description {
 float:left;
 margin:2px 0 0 5px;
}
.description .slide-credit {
 clear:both;
}

/* Slideshow Controls -------------------------*/
#slide-controlpanel {
 position:absolute;
 top:320px;
 z-index:30;
 right:5px;
}
#slide-pauser {
 width:70px;  /* for the pause/resume button we need a width, since the inner text changes according to state */
 float:left;
}
#slide-controls {
 float:left;
}
#slide-controls a, #slide-pauser {
 border:0;
 color:#000;
 background-color:#fff;
 padding:2px;
 margin:3px;
 text-decoration:none;
 text-transform:uppercase;
 float:left;
 text-align:center;
}
#slide-controls a:hover, #slide-pauser:hover {
 color:#fff;
 background-color:#91A5A6;
}
#slide-controls a.activeSlide {
 color:#fff;
 background-color:#91A5A6; /* for the active pager button*/
}

/* =15 =CMS -------------------------------------------------------*/

#demeter-cert,
#stellar-cert  {
    height: 60px;
    padding: 5px 0px 55px 0;
}
#stellar-cert  {
/*background: url("http://www.biodynamicfood.org/images/bg-pear.gif") no-repeat scroll right bottom rgba(0, 0, 0, 0);*/
    border: 1px solid #dbdf8c;
}


#stellar-cert  {
/*background: url("http://www.biodynamicfood.org/images/bg-pear.gif") no-repeat scroll right bottom rgba(0, 0, 0, 0);*/
    border: 1px solid #dbdf8c;
}
#gazetteer { right:15px; }
#social-media { display:none; }

#nav-container img {height:20px; width:20px; padding:0; margin:0; }
#nav-container .social { padding-top:0; margin-top:0; }
ul#nav-list  {

    padding: 7px 0px;
    text-decoration: none;
}
#slideshow-wrapper {
    height: 350px;
    margin: 40px auto 20px auto;
    position: relative;
    width: 940px;
}



ul#nav-list li, 
#ul#nav-list,
ul#nav-list li img {
margin:0;
padding:0;

}
ul#nav-list li a {
padding:0px 10px 0 10px!important;
margin:0;
}