/*
Theme Name: Harlow Farm CMS
Description: This theme was coded for Harlow Farms by James Wilson aka @jimmynotjim
Author: James Wilson
Author URI: http://www.jimmynotjim.com

*/

/*Master Reset
-------------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100;
	font: inherit;
	vertical-align: baseline;
	-webkit-text-size-adjust:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.5em;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Fonts
-------------------------------------------------------------- */
@font-face {
    font-family: 'AlternateGothicFSNo2';
    src: url('fonts/AlternateGothicNo2-webfont.eot');
    src: url('fonts/AlternateGothicNo2-webfont.eot?iefix') format('eot'),
         url('fonts/AlternateGothicNo2-webfont.woff') format('woff'),
         url('fonts/AlternateGothicNo2-webfont.ttf') format('truetype'),
         url('fonts/AlternateGothicNo2-webfont.svg#webfontSQOd6sof') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Typeface Elements
-------------------------------------------------------------- */

body {
	font-family: 'adobe-caslon-pro' Baskerville, Georgia, Palatino, "Times New Roman", Times, serif;
	font-size: 16px;
	font-size: 16px;
	color: rgb(72,95,89);
}
h1, h2, h3, h4 {
	font-family: 'adobe-caslon-pro', Baskerville, Georgia, Palatino, "Times New Roman", Times, serif;
	font-style: italic;
}
h1 {
	font-size: 30px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 16px;
}
p {
	font-size: 16px;
}
em {
	font-style: italic;
}
a {
	font-family: 'museo-sans', sans-serif;
	font-size: .95em;
	font-weight: 700;
	color: rgb(175,88,0);

}
#header {
	text-transform: uppercase;
	text-align: center;
}
#menu-main a {
	font-family: 'AlternateGothicFSNo2', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: rgb(213,228,225);
}

/* Global Elements
-------------------------------------------------------------- */

html {
	width: 969px;
	margin: 0 auto;
	background-color: rgb(207,213,202);
}

.clearfix { 
	zoom: 1; }

.clearfix:before, 
.clearfix:after { 
	content: "\0020"; 
	display: block; 
	height: 0; 
	overflow: hidden; }

.clearfix:after { 
	clear: both; }

.button {
	display: block;
    padding: 5px 12px;
	background-color: rgb(205,88,0);
    background: -webkit-linear-gradient(rgb(205,94,0), rgb(185,88,0));
    background: -moz-linear-gradient(rgb(205,94,0), rgb(185,88,0));
    background: -o-linear-gradient(rgb(205,94,0), rgb(185,88,0));
    background: -ms-linear-gradient(rgb(205,94,0), rgb(185,88,0));
    background: linear-gradient(rgb(205,94,0), rgb(185,88,0));
    color: rgb(255,255,255);
    text-shadow: 0 -1px 0 rgba(0,0,20,.25);
	font-size: 14px;
    font-weight: normal;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 0 0 1px rgba(255,255,255,.2), 0 0 0 1px rgb(185,88,0);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 0 0 1px rgba(255,255,255,.2), 0 0 0 1px rgb(185,88,0);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 0 0 1px rgba(255,255,255,.2), 0 0 0 1px rgb(185,88,0);
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	line-height: 1;
	text-align: center;
	width: 100px;

}
.button:hover {
	text-decoration: none;
}
img.alignleft,
img.left {
	float: left;
	margin: 4px 20px 4px 0;
}
img.alignright,
img.right {
	float: right;
	margin: 4px 0 4px 20px;
}

/*Facebook Button
-------------------------------------------------------------- */
a.fb {
	margin-left: 72px;
    font-family: Lucida Grande, Helvetica Neue, Helvetica, Arial, sans-serif;
    display: inline-block;
    font-size: 11px;
    padding: 6px 8px;
	background: #4e6293;
    background: -webkit-linear-gradient(#6d80a6, #4e6293);
    background: -moz-linear-gradient(#6d80a6, #4e6293);
    background: -o-linear-gradient(#6d80a6, #4e6293);
    background: -ms-linear-gradient(#6d80a6, #4e6293);
    background: linear-gradient(#6d80a6, #4e6293);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,20,.4);
    font-weight: bold;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 0 0 1px rgba(255,255,255,.2), 0 0 0 1px #2e4464;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 0 0 1px rgba(255,255,255,.2), 0 0 0 1px #2e4464;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 0 0 1px rgba(255,255,255,.2), 0 0 0 1px #2e4464;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 1;
    position: relative;
}

.connect:before {
    display: inline-block;
    position: relative;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAATCAYAAACp65zuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ1JREFUeNpi1PcuYEACikA8GYi9GdAACzJHRU5iUX6in42tqSYDXoWlaUFW5gaqDNgAEzLHSEeJiQEHQDGRlYUZzv71+0+ZWWBpN1YTkQEbK8tEdKv5gfg/FMOBgU/hTyTxDwxzVuyW/U8AfP3+4w9Oq5HB+w9fvjECNfCDjcYPtrIA3fIRyGAE8S5s6f+P5EZGnOGID4wqxAsAAgwAZJZIKuTDCsgAAAAASUVORK5CYII=);
    height: 23px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
    text-indent: -9999px;
    text-align: center;
    width: 7px;
    line-height: 23px;
    margin: -8px 7px -7px 0;
    padding: 0 7px 0 0;
    content: "f";
    border-right: 1px solid #4e6293;
    -webkit-box-shadow: 1px 0 0 rgba(255,255,255,.1);
    -moz-box-shadow: 1px 0 0 rgba(255,255,255,.1);
    box-shadow: 1px 0 0 rgba(255,255,255,.1);
}
	
/* 8.BANNER 
-------------------------------------------------------------- */

#header {
	margin-top: 10px;
	background-image: url("images/header_bg.gif");
	background-repeat: no-repeat;
	height: 130px;
	font-family: 'adobe-caslon-pro', Baskerville, Georgia, Palatino, "Times New Roman", Times, serif;
	font-size: 10px;
	line-height: 1.5em;
}
#header h2 {
	margin-bottom: 4px;
	font-family: 'AlternateGothicFSNo2', 'Monaco', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
}
#header ul {
	list-style: none;
}

/*Main Header
-------------------------------------------------------------- */
#farmstand_hours {
	float: left;
	margin: 50px 0 0 61px;
	padding: 2px 10px;
	border-left: 1px solid rgb(232,233,235);
	border-right: 1px solid rgb(232,233,235);
}
#logo a {
	float: left;
	margin: 10px 0 0 0;
	width: 250px;
	height: 103px;
	text-indent: -9999px;

}
#cafe_loco_hours {
	float: right;
	margin: 50px 61px 0 0;
	padding: 2px 10px;
	border-left: 1px solid rgb(232,233,235);
	border-right: 1px solid rgb(232,233,235);
}
#menu-main {
	clear: both;
	display: block;
	background-color: rgb(234,239,233);
	height: 30px;
	list-style: none;
}
#menu-main li {
	float: left;
	width: 160px;
	margin: 5px 0;
	padding: 5px 0 0 0;
	background-color: rgb(72,95,89);
	text-align: center;
}
#menu-main li:first-child {
	width: 159px;
	margin: 5px 0 5px 5px;
}
#menu-main li.current_page_item  {
	background: #fff;
}
#menu-main li.current_page_item a {	
	color: rgb(72,95,89);
}
#menu-main a {
	padding: 5px 0;
}

/*Main Content
-------------------------------------------------------------- */
#main_body {
	width: 100%;
	background-color: rgb(234,239,233);
}
.sidebar {
	float: left;
	width: 319px;
	margin-left: 5px;
	padding-top: 28px;
	background-color: rgb(185,196,177);
	list-style: none;
}
.sidebar li {
	margin-bottom: 32px;
}
.sidebar h3 {
	clear: both;
	margin: 0 20px 4px 20px;
	width: 279px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgb(72,95,89);
	font-size: 20px;
}
.sidebar h3:first-child {
	margin: 0 20px 4px 20px;
}
.sidebar p {
	margin: 14px 20px 16px 20px;
	width: 279px;
}
.sidebar img {
	margin: 0;
}
.sidebar a.button {
	display: block;
	margin: 0 auto;
	width: 100px;
	text-align: center;
}
.sidebar form {
	margin: 0 20px;
}
.mc-field-group label{
	float: left;
	margin: 5px 10px 5px 0;
	font-family: 'museo-sans', sans-serif;
}
.mc-field-group input {
	float: left;
	margin: 3px 0;
	width: 150px;
	height: 22px;
	border: 1px solid #485F59;
	-webkit-border-radius: 2px;
	font-family: 'museo-sans', sans-serif;
}
#mc-embedded-subscribe {
	float: right;
	margin: 12px 10px 0 0;
	border: none;
	cursor: pointer;
	font-family: 'museo-sans', sans-serif;
}
.recipe img {
	margin: 16px 20px 0 20px;
	width: 279px;
	height: 160px;
}
#map_canvas {
	margin: 20px 20px;
}
.main {
	float: left;
	width: 595px;
	min-height: 300px;
	margin: 0 5px;
	padding: 28px 20px 0;
}
.main_img {
	margin: 20px 0;
	border: none;
	outline: none;
}
.main h2 {
	margin: 0 0 12px;
	text-align: center;
}
.main h3 {
	margin: 0 0 9px;
}
.main h4 {
	margin: 18px 0 9px;
}
.main p {
	margin: 0 0 18px;
}
.main li {
	margin: 0 20px 18px 40px;
}


/*Main Footer
-------------------------------------------------------------- */
#footer p {
	font-family: sans-serif;
	margin: 10px auto;
	text-align: center;
}
/*News
-------------------------------------------------------------- */
.news a {
	color: #485f59;
	font-weight: normal;
}
.news li:hover {
	background-color: #CFD5CA;
}
.news li {
	clear: both;
	margin: 0;
}
.news h3 {
	float: left;
	margin: 20px 0 0;
	padding-bottom: 6px;
	width: 287px;
	font-family: 'adobe-caslon-pro', Baskerville, Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	border-bottom: 1px solid rgb(72,95,89);
}
.news p {
	float: left;
	font-family: 'adobe-caslon-pro', Baskerville, Georgia, "Times New Roman", Times, serif;
	margin: 4px 0 0;
	width: 287px;
	font-size: 14px;
}
.news img {
	float: left;
	margin: 22px 20px 24px 0;
	width: 287px;
	height: 164px;
}
.news p img {
	display: none;
}
.top_news h3 {
	margin: 12px 0 12px;
	font-size: 26px;
	text-align: center;
}

.top_news p {
	margin: 6px 0 12px;
}

/*CSA Updates
-------------------------------------------------------------- */
.csa_news img {
	margin: 30px 0 0;
	width: 595px;
	height: 340px;
}
.csa_news p {
	margin: 0 0 16px;
}
.csa_updates .left {
	float: left;
}
.csa_updates .right {
	float: right;
}
.csa_updates .block1 {
	margin-bottom: 32px;
	width: 278px;
}
.csa_updates .block2 {
	margin-bottom: 20px;
	width: 278px;
}
.csa_updates h3 {
	font-size: 20px;
	padding-bottom: 6px;
	border-bottom: 1px solid rgb(164,175,175);
}
.csa_updates h4 {
	clear: both;
	margin: 12px 0 0;
	font-family: 'museo-sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}
.csa_updates p {
	margin: 10px 0;
	font-size: 14px;
	line-height: 1.5em;
}
.csa_updates li {
	margin: 12px 0 0;
	font-size: 14px;
	list-style: none;
}
.csa_updates .button {
	display: block;
	margin: 18px 12px 0 0;
	width: 110px;
	text-align: center;
	float: right;
}
#mc_signup_form {
	border: none;
}
.mc_merge_var label{
	float: left;
	margin: 5px 10px 5px 0;
	font-family: 'museo-sans', sans-serif;
}
.mc_merge_var input {
	float: left;
	margin: 3px 0;
	width: 161px;
	height: 22px;
	border: 1px solid rgb(164,175,175);
	-webkit-border-radius: 2px;
	font-family: 'museo-sans', sans-serif;
}
#mc_signup_submit {
	float: right;
	margin: 12px 20px 0 0;
	border: none;
	cursor: pointer;
	font-family: 'museo-sans', sans-serif;
}
#events_wrap {
	margin: 0 0 -20px 0;
}
.icalnav{
	display: none;
}
/*
p.schedule_alert {
	margin: 10px 0;
	padding: 0;
}*/
#schedule_link {
	margin: 0;
	padding: 0;
}
.csa_updates #recipes p {
	margin: 0;
	padding: 0;
}
.csa_updates #recipes ul {
	margin: 0;
}
.csa_updates #recipes li {
	margin: 0;
	padding: 0;
	line-height: 1em;
}
.csa_updates #recipes a {
	margin: 0;
	font-size: 12px;
}
.csa_updates #recipes #all_recipes {
	margin: 10px 0;
}
.csa_updates #answers {
	clear: both;
}
.quote {
	clear: both;
	margin: 0 48px 24px;
	position: relative;
}
.quote:before {
	color: #CFD5CA;
	content: '“';
	font-size: 8em;
	font-weight: 900;
	left: -50px;
	position: absolute;
	top: 44px;
	z-index: 0;
}
.quote p {
	margin: 10px 0;
	position: relative;
	z-index: 10;
}

/* Recipes Page
-------------------------------------------------------------- */

.recipes a {
	color: #485f59;
	font-weight: normal;
}
.recipes li:hover {
	background-color: #CFD5CA;
}
.recipes li {
	clear: both;
	margin: 0;
}
.recipes h3 {
	float: left;
	margin: 20px 0 0;
	padding-bottom: 6px;
	width: 287px;
	font-family: 'adobe-caslon-pro', Baskerville, Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	border-bottom: 1px solid rgb(72,95,89);
}
.recipes p {
	float: left;
	font-family: 'adobe-caslon-pro', Baskerville, Georgia, "Times New Roman", Times, serif;
	margin: 4px 0 0;
	width: 287px;
	font-size: 14px;
}
.recipes img {
	float: left;
	margin: 22px 20px 24px 0;
	width: 287px;
	height: 164px;
}
.recipes p img {
	display: none;
}





/*Wufoo Form
-------------------------------------------------------------- */
#wufoo_form {
	height: 5000px;
}


/* Logo */
#form1 header {
	background-image: none;
}
/* Backgrounds */
.wufoo input.text, .wufoo textarea.textarea{background:#FFFFFF url(/images/fieldbg.gif) repeat-x top}
.wufoo .focused{background:#FFF7C0}
.wufoo .instruct{background-color:#F5F5F5}

/* Borders */
#container{border:0 solid #cccccc}
.wufoo .info{border-bottom:1px dotted #CCCCCC}
.wufoo .instruct{border:1px solid #e6e6e6}

/* Typography */
.wufoo .info h2{font-size:160%;font-family:inherit;color:#000000}
.wufoo .info div{font-size:95%;font-family:inherit;color:#444444}
.wufoo .section h3{font-size:110%;font-family:inherit;background:#FFFFFF;color:#000000}
.wufoo .section div{font-size:85%;font-family:inherit;color:#444444}
.wufoo label.desc, .wufoo legend.desc{font-size:95%;font-family:inherit;color:#444444}
.wufoo li div, .wufoo li div label, .wufoo li span label{font-family:inherit;color:#444444}
.wufoo input.text, .wufoo textarea.textarea, .wufoo select.select, .wufoo label.choice{font-size:100%;font-family:inherit;color:#333333}
.wufoo label.choice{color:#444444}
.wufoo .instruct{font-size:80%;font-family:inherit;color:#444444
}

/* Custom Button Styles */
.cust_btn1 {
  background: #7fba27;
  background-image: -webkit-linear-gradient(top, #7fba27, #97d934);
  background-image: -moz-linear-gradient(top, #7fba27, #97d934);
  background-image: -ms-linear-gradient(top, #7fba27, #97d934);
  background-image: -o-linear-gradient(top, #7fba27, #97d934);
  background-image: linear-gradient(to bottom, #7fba27, #97d934);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  text-shadow: 1px 1px 3px #666666;
  font-family: Georgia;
  color: #ffffff;
  font-size: 18px;
  padding: 7px 20px 7px 20px;
  text-decoration: none;
}

.cust_btn1:hover {
  background: #0aa81c;
  background-image: -webkit-linear-gradient(top, #0aa81c, #089e17);
  background-image: -moz-linear-gradient(top, #0aa81c, #089e17);
  background-image: -ms-linear-gradient(top, #0aa81c, #089e17);
  background-image: -o-linear-gradient(top, #0aa81c, #089e17);
  background-image: linear-gradient(to bottom, #0aa81c, #089e17);
  text-decoration: none;
}
/* Drop Shadows */
#bottom{visibility:visible}

.produce {

}