@charset "UTF-8";
/* 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, b, u, i, center, 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;}
:focus{outline:0;}
table{border-collapse: collapse; border-spacing:0;}/* tables still need 'cellspacing="0"' in the markup */

/* Main Structure
=================*/
#container{width:860px; margin:20px auto; font-family:helvetica, arial,clean, sans-serif; background:url(../img/tile.jpg) top left repeat-y;}

/* Text Styles
==============*/
h2{padding-bottom:16px; font-size:20px; letter-spacing:3px;}
h2.standalone{text-align:center;}
h2.standalone + h4{margin-top:-14px; text-align:center;}
h2 span{display:block; font-size:16px; text-align:center;}
h3{font-size:18px; padding-bottom:6px;}
h4{padding-bottom:16px; font-size:16px;}
p{font-size:14px; line-height:16px; padding-bottom:16px;}
p + h3, p + h4{margin-top:10px;}
p.staff span{font-style:italic;}
p.dates span{display:block; font-weight:bold; font-style:italic;}
p.annotation{font-style:italic; font-size:12px;}
p + p.annotation{margin-top:-10px; padding-bottom:16px;}
a:link, a:visited{color:#597153; text-decoration:underline;}
a:hover, a:active{color: #aeb6a9; text-decoration:underline;}

/* Navigation bar
=================*/
#nav{position:relative; float:left; width:175px; margin-right:35px; padding-bottom:82px; background:url(../img/gradient.jpg) top left repeat-x #597153;}
#nav h1{display:block; width:110px; height:183px; margin:10px auto;}
#nav h1 a{display:block; width:100%; height:100%; text-indent:-9999px; background:url(../img/farmers-market.png) top left no-repeat;}

#nav ul{list-style:none; margin:0 10px 35px 10px;}
#nav li{text-align:right; font-size:14px; font-weight:bold; border-bottom:1px solid #8c998c;}
#nav li a{display:block; padding:6px 10px; text-decoration:none; color:#f3f3f3; text-shadow:1px 1px 1px #666;}
#nav li a:link, #nav li a:visited{background:rgb(122,146,119); background:rgba(122,146,119,.4);}
#nav li a:hover, #nav li a:active{background:rgb(158,171,153); background:rgba(158,171,153,.4);}

#nav-sponsors{margin:0 5px; padding: 10px 5px; background:#fff; border:1px solid #8c998c;}
#nav-sponsors a {float: left;}

#dtbg, img.sponsor, img.square-sponsor{display:block; margin:0 auto; border:none;}
#dtbg{margin-bottom:10px;}
img.sponsor{margin-bottom:10px;}
img.square-sponsor{float:left; margin-left:10px;}
#nav img.last{margin-bottom:15px;}

/* Content area
===============*/
#content{width:650px; float:left;}

#header{width:580px; height:140px; margin:0 20px 35px; text-align:center; text-indent:-9999px; background:url(../img/header.jpg) top left no-repeat;}
#header h3{font-size:40px;}
#header ul{list-style:none;}

#primary, #secondary{float:left; margin-right:35px; display:inline;}
#primary{clear:left; width:345px;}
#secondary{width:225px;}
#footer{position:relative;}

#full{position:relative; display:inline-block;}
div.entry{position:relative; float:left; width:149px; min-height:100px; margin:0 0 20px; padding:7px 7px 7px 118px; border:1px solid #666;}
div.odd{clear:left; margin-right:35px;}
div.entry img{position:absolute; top:7px; left:7px; border:1px solid #8c998c;}
div.entry h5{padding-bottom:3px;}
div.entry p{padding-bottom:0;}
div.entry p a{display:block; text-align:right;}
div.entry + h3{clear:both; padding:30px 0 10px;}
div.sponsor{border:none;}
div.vendors, div.sponsors{clear:both;}

div#feature{margin-bottom:20px; padding:10px; background:#dadcd9; border:2px dashed #597153;}
#feature h3{padding-bottom:10px; text-align:center; font-size:20px;}
#feature h4{margin:0; padding:0; text-align:center; font-style:italic;}
#feature p.calendar-link{text-align:right;}

ul.tabs{clear:both; width:579px; height:26px; margin:20px 0 0; list-style:none; border-bottom:1px solid #666;}
ul.tabs li{cursor: pointer; display:block; float:left; margin:0 5px 20px 0; padding:5px 15px 4px; border:1px solid #666; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; font-size:16px; line-height:16px; color:#000; background:#fff;}
ul.tabs li.current{background:#597153; border-bottom:none; color:#fff; padding-bottom:5px;}
ul.tabs + div.entry{clear:left;}
div.entry + ul.tabs{padding-top:30px;}

img.map{margin-bottom:20px;}
img#gizmo{border:none; left:7px; position:absolute; top:117px;}

img.first{margin-right:25px;}
img.gallery{margin-top:20px;}
img.recipe{display:block; margin:0 auto 10px; padding:2px; border:1px solid #ccc;}

ul.recipes{list-style:none; margin:12px 0 0; padding:0;}
ul.recipes li{margin-bottom:20px;}

/* Calendar page */
div.calendar ul{margin:-16px 0 0 15px; padding:0 0 16px; font-size:14px; line-height:16px;}

/* Contact Form */
#contact-form{margin-top:10px;}
label{clear:left; display:block; float:left; width:80px;}
label.inline{clear:none; display:inline; float:left; width:auto;}
label.long{width:auto;}
input[type=text], input[type=password], textarea{display:block; float:left; width:250px; margin:0 0 20px; padding:2px 4px; border:1px solid #999; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
label.error{width:100%; margin:-18px 0 0; padding-left:80px; font-size:11px; line-height:11px; color:#FF0000;}
#contact_submit{clear:both; display:block; float:right;}

/* Call to action, Dates box */
a.cta, a.doc, div.dates{display:block; text-align:center; text-decoration:none; border:1px solid #597153; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
a.cta{float:right; width:120px; padding:10px 8px; font-size:18px;}
a.cta span{display:block; font-size:11px;}
a.doc{padding:5px 10px; font-size:13px; font-weight:bold;}
a.cta:link, a.cta:visited, a.doc:link, a.doc:visited{color:#fff; text-shadow:1px 1px 1px #999; background:#597153;}
a.cta:hover, a.cta:active, a.doc:hover, a.doc:active, div.dates{color:#000; text-shadow:none; background:#d2d4cf;}
div.dates{margin:0 0 10px; padding:20px 10px 4px;}

/* Footer
=========*/
#footer{clear:both;}
#cityofbg{position:absolute; bottom:1px; left:1px;}
