body {
	margin: 0px 0px 120px 0px;
	padding: 0px;
	background: url(media2/BKG_scaling1.jpg) repeat-y center fixed;
	-webkit-text-size-adjust: 100%;
}

img {
	border:none;
}

#overlay {
	width:100%;
	height:600px;
	background: url(media/backgroundTop.png) no-repeat center top;
	position:absolute;
	top:0px;
	left:0px;
}

.clearfix:after{
	/* CLEAR FIX */
	/* really should be doing this on the floated thing - floatedThing:after */
    content: ".";
    display: block;
    clear: both;
	visibility:hidden;
    line-height: 0;
    height: 0;
	margin:0px !important;
	padding:0px !important;
}

/* HEADER & LOGO ******************************************* */

#mobileHeader,#mobileSocialAndCurrent {

	display:none;
}


#header {
	width:100%;
	max-width:940px;
	margin:10px auto 30px auto;
	position:relative;

	/* force the height */
	display:table;
}


#logo {
	position:absolute;
	top:0px;
	left:30px;
}

#logo img {
	width:245px;
	height:313px;
}


/* SOCIAL ******************************************* */

#socialBar {
	/* background:#300909; */
	background:#e7cfab;
	width:620px;
	height:115px;
	float:right;
	font: normal 14px Arial, Helvetica, sans-serif;
	color:#8e4835;
	position:relative;
}

#socialText {
	position:absolute;
	bottom:15px;
	left:15px;
}

#socialBar h1 {
	font: bold 22px Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
}

#socialBar p {
	padding:0px;
	margin:5px 0px 0px 0px;
}

#socialBar a {
	color:#000099;
	text-decoration:none;
}

#socialBar a:hover {
	color:#0066FF;
}

#socialLinks {
	width:200px;
	position:absolute;
	top:10px;
	right:10px;
	text-align:right;
}

#socialLinks a{
	opacity:0.7;
	filter:alpha(opacity=70);
}

#socialLinks a:hover{
	opacity:1;
	filter:alpha(opacity=100);
}

/* NAV ******************************************* */

#navBar {
	background:#004a3e url(media/navEndcap.jpg) no-repeat left;
	height:30px;
	width:100%;
	max-width:940px;
	margin-top:15px;
}

#navBar ul {
	margin: 0;
	padding: 0;
}
#navBar ul li {
	float: right;
	list-style: none;
}

#navBar a {
    display:block;

	height:24px;

	padding:6px 10px 0px 10px;
	
	margin:0px;
	
	border-left:2px solid #f4f4c2;

	font:16px Arial, Helvetica, sans-serif;
	color:white;
	text-decoration:none;
	outline:none;
	white-space: nowrap
}

#navBar a:hover {
	background:#f0483c;	
}



/* MAIN ******************************************* */

.hpTextDiv {

	width:100%;
	max-width:940px;
	margin:15px auto 0px auto;
	display:table;
}

.hpTextDiv p {
	max-width:620px;
	float:right;
	font:normal 14px Arial, Helvetica, sans-serif;
	line-height:20px;
}

.main {
	width:100%;
	max-width:940px;

	margin:15px auto 0px auto;
	position:relative;


	/* force the height */
	display:table;

}

.divBlock {
	width:280px;
	float:left;
	height:440px;

	background:url(media2/divBlockBkg.png) repeat;

	border:1px solid #666666;
	position:relative;
	margin:5px;
	padding:10px;

	box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
}

.divBlock h2 {
	margin:0px 0px 0px 0px;
	font: bold 20px Arial, Helvetica, sans-serif;
	color:#f0483c;
	width:195px;
}

.divBlock h3 {
	margin:0px;
	font: bold 16px Arial, Helvetica, sans-serif;
}

.divBlock .location {
	margin:0px;
	width:195px;
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height:14px;

}


/* divblock photo **********************************************/

.divBlock .photoDiv {
	position:absolute;
	top:100px;
	left:10px;
}

.divBlock .photoDiv .overNav{
	background:url(media2/photoNavBkg.png);
	height:40px;
	width:100%;
	position:absolute;
	bottom:0px;
	left:0px;
	color:white;
	font:bold 14px Arial, Helvetica, sans-serif;
}

.divBlock .photoDiv .overNav a{
	display:block;
	width:100%;
	height:100%;

	
	color:white;
	text-decoration:none;
}

.divBlock .photoDiv .overNav a:hover {
	color:yellow;
}

/* position the text within our a being displayed as a block! */

.divBlock .photoDiv .overNav span{
	position:absolute;
	bottom:10px;
	right:15px;
}



/***********************************************/

.blockContent {
	width:280px;
	position:absolute;
	top:310px;
	left:10px;
}

.blockContent p {
	font: normal 14px Arial, Helvetica, sans-serif;
	margin:05px 0px 0px 0px;

	color:#666666;
}





/***********************************************/

.divBlock .dateBox {
	width:85px;
	position:absolute;
	top:0px;
	right:0px;

	/* background:#004a3e; */
	background:#f0483c;


	text-align:center;

	padding:15px 0px 15px 0px;
}

.divBlock .dateBox div {
	width:85px;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;

	background:url(media/pastEventBanner.png) no-repeat;
}



.divBlock .pastDate {
	background:#f4a08d;
}


/*
.divBlock .pastDate h6{
	background:url(media/strike.png) no-repeat;
}

.divBlock .pastDate h5{
	background:url(media/strike2.png) no-repeat;
}

*/


/*
.divBlock .pastDate h6:after {
    border-bottom: 2px solid white;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 10px;
}
*/

.divBlock .dateBox h6 {
	margin:0px 0px 5px 0px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#f2e4e3;
}

.divBlock .dateBox h5 {
	margin:0px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color:white;
}


/* CONTENT ****************************************** */

.contentContainer {
	position:relative;
	margin-top:15px;
	/*	border:1px solid blue; */
}

.contentBox {
	/* border:1px solid red; */
}


.contentBox p {
	font:14px Arial, Helvetica, sans-serif;
	line-height:20px;
}

.contentBox h1{
	font:bold 32px Arial, Helvetica, sans-serif;
	margin:0px;
	color:#e9382d;
}

.contentBox h2{
	font:bold 16px Arial, Helvetica, sans-serif;
	margin:0px;
	color:#e9382d;
}

.contentBox h3{
	font:bold 14px Arial, Helvetica, sans-serif;
	margin:0px;
	color:#e9382d;
}

.contentBox h4{
	font:bold 14px Arial, Helvetica, sans-serif;
	margin:0px;
	color:#e9382d;
	border-bottom:1px solid #e9382d;
	margin-bottom:10px;
	padding-bottom:2px;
}

.contentBox h5{
	font:bold 24px Arial, Helvetica, sans-serif;
	margin:20px 0px 0px 0px;
	color:#b3915d;
}



.contentWhite {
	position:relative; 
	background:white;
	padding:20px;
	margin-top:30px;
}


/* note that these are different than content box dynamic content (the farms) will appear in BOTH the normal 
content box on their own pages and the featured farm page(bigger h1's & h2's) 
 AND on the sub white box on the event pages(smaller h1's and h2's) */

.contentWhite  h1{
	font:bold 18px Arial, Helvetica, sans-serif !important;
	margin:0px;
	color:#e9382d;
}

.contentWhite  h2{
	font:bold 14px Arial, Helvetica, sans-serif !important;
	margin:0px;
	color:#e9382d;
}

.contentWhite  h3{
	font:bold 12px Arial, Helvetica, sans-serif !important;
	margin:0px;
	color:#e9382d;
}



.contentBox h2{
	font:bold 14px Arial, Helvetica, sans-serif;
	margin:0px;
	color:#e9382d;
}


.caption {
	font:normal 10px Arial, Helvetica, sans-serif;
}

.chefPhoto {
	float:right; 
	margin:0px 0px 10px 10px;
	width:120px;
	height:165px;
}


/* event details box */

#det {
	position:relative;
	background:#FFFFFF;
	border:1px solid #CCCCCC;

	margin-top:20px;
	
	padding:20px 25px 5px 25px;

	/* fix the height/float. forces this container to ignore the rule that floating objs have  */
	overflow:hidden;
}

#det h4 {
	font:bold 14px "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	color:#333333;
	margin:0px 0px 20px 0px;
}

#det p {
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#det h3 {
	font:normal 14px "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	color:#666666;
	margin:0px;
}

#det .rightLogo {
	float:right;
	margin-left:5px;
	margin-bottom:5px;
}

/* EVENT BOX STUFF ************************/

.eventSocials {
	width:100%;
	position:relative;
	text-align:right;
}

.eventSocials a {
	text-decoration:none;
}

.contactUl {
	font:normal 12px Arial, Helvetica, sans-serif;
	list-style:none;
	padding:10px;
}

.contactUl li {
	margin-bottom:5px;
}

.contactUl b {
	font-size:14px;
}

.contactUl i {
	font-size:12px;
	display:block;
	margin-bottom:10px;
}

.farmList {
	font:bold 14px Arial, Helvetica, sans-serif;

}

.farmList li {
	margin-bottom:5px;
}

.farmList a {
	color:#0099FF;
	
}

.rightFloat {
	float:right;
	margin:0px 0px 20px 20px;
}

.farmPhoto {
	float:right;
	margin-left:15px;
}


/* EVENTS ******************************************** */

.eventLogo {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}

.farmLogo {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.contentHalfContainer {
	position:relative
}

.contentLeft, .contentRight {
	position:relative; 
	width:280px;
	background:white;
	padding:10px;
}

.contentLeft {
	float:left; 
}

.contentRight{
	float:right;
}


/* RIGHT ****************************************** */

.rightCol {
	float:right;
	top:0px;
	right:0px;
	width:100%;
	max-width:615px;
}

.photoDivFull {
	position:relative;
	margin-bottom:15px;
}

.halfColContainer {
	margin-bottom:15px;
	position:relative;
}
.halfColLeft, .halfColRight {
	width:300px;
	position:relative;
}

.halfColLeft {
	float:left;
}

.halfColRight {
	float:right;
}

/* LEFT ****************************************** */

.leftCol {
	margin-top:120px;
	float:left;
	width:305px;
 /*	border:2px solid black; */

}

.leftColTopArrow {
	width:305px;
	height:89px;
}

.block {
	border-top:3px solid #445a38;
	margin:8px 0px 8px 0px;
	padding:8px 0px 0px 0px;

}

.block p {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#445a38;
	text-align:center;
	margin:20px 0px 30px 0px;
}

.block h1 {
	font:bold 56px Arial, Helvetica, sans-serif;
	line-height:53px;

	color:#445a38;
	text-align:center;
	margin:0px;
	text-transform:uppercase;
}
.block h2 {
	font:bold 32px Arial, Helvetica, sans-serif;
	line-height:30px;

	color:#445a38;
	text-align:center;
	margin:0px;
}
.block h3 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#445a38;
	text-align:center;
	margin:0px;
	/* text-transform:uppercase; */

	line-height:20px;
}

/* good trick for evenly spacing divs in a div 
.sponsorFoot {
	width:100%;
	max-width:900px;
	position:relative;
	background:white;

	margin:auto;
	margin-top:10px;

	text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}


.sponsorFoot div {
	width:100%;
	max-width:290px;
	display: inline-block;
    *display: inline;
    zoom: 1;
}

*/

.sponsorBoxWhite {
	width:100%;
	max-width:920px;
	margin-top:20px;
	/* background:white; */
}

.sponsorFootContainerBig {

    text-align: center;

    width:100%;
	max-width:400px;

	 text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;

	margin:0px auto 0px auto;

	padding:5px 0px 5px 0px;
}

.sponsorFootContainerBig img {
	width:120px;
	height:120px;
}

.sponsorFootContainerBig a {

    display: inline-block;
	/* ie7 fix */
    *display: inline;
    zoom: 1;
}




.sponsorFootContainer {
    text-align: center;

    width:100%;
	max-width:940px;

	 text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;

	margin:0px auto 0px auto;
	padding:5px 0px 5px 0px;
}

.sponsorFootContainer img {
	width:95px;
	height:81px;
}

.sponsorFootContainer a {

    display: inline-block;
	/* ie7 fix */
    *display: inline;
    zoom: 1;

}

.stretch {
	/* stretch is necessary for firefox */
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}


/* FOR PAST EVENTS ***********************************************/

.thumbnails {
	text-align:center;
	margin-top:20px;
}

.thumbnails img {
	padding:5px;
}

.pastEventLogos {
	margin:5px 0px 15px 0px;
	padding: 5px 0px 5px 0px;

	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;

	text-align:center;

}

.pastEventLogos img {
	margin-left:5px;
}

.moreBar {
	background:#004a3e;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:white;
	padding:5px 5px 5px 20px;
	border-radius: 10px 0px 0px 10px; /* top left, top right, bottom right, bottom left */
	cursor:hand;
	cursor:pointer;

	margin:10px 0px 10px 0px;
}

.moreBar:hover {
	background:#006F3e;
}

.slider {
	display:none;
	/* border:1px solid blue; */
}


/* recipe card **************************************************/

	.recipeCard {
		max-width:560px;
		border:1px solid #CCCCCC;
		border-radius:5px;
		background-color:white;
		margin:20px 0px 20px 0px;
		padding:15px;		
	}
	
	
	.recipeCard p{
	margin:0px;
	padding-top:5px;
	border-bottom:1px solid #C4FFFF;
	min-height:20px;
	font: normal 14px "Courier New", Courier, monospace;
	}
	
	.recipeCard h1 {
		font: bold 18px "Courier New", Courier, monospace;
		margin:0px;
		padding:0px;		
	}
	.recipeCard h2 {
		font: bold 14px "Courier New", Courier, monospace;
		margin:0px 0px 10px 0px;
		padding:0px;
	}
	

.foodMenu {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#8e4835;
	background:url(media/menuFullBack.png) left center;
	padding:10px 20px 10px 20px;
	border-radius:20px;
	height:110px;
	display:table-cell;
	vertical-align:middle;
}

.foodMenu ul {
	vertical-align:middle;
}

.foodMenu ul li {
	margin-bottom:7px;
}

.foodMenu img {
	float:left;
}