/* Defaults
----------------------------------------------- */
html, body {
    height: 100%; }

body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 62.5%;
	background-color: #807971; }

p, h1, ul, li, img, dl, body, h1, h2, h3, h4, h5, h6, dd, dl, dt, td, iframe {
	margin: 0; padding: 0; border: 0; }
li li, li p, ul ul, ul li, ol ol, ol li, li ul, ol ul {
	font-size: 1em; }
h1, h2, h3, h4, h5, h6 {
	font-size: 1em; }
	
p, ul, ol, dl, td {
	color: #333 }
		
a:link { 
	color: #8CBF2F; text-decoration: none; }
a:visited { 
	color: #8CBF2F; text-decoration: none; }
a:hover, a:active { 
	color: #EBB446; text-decoration: none; }
a:focus {
    outline: 0 !important; }




/* Main Elements Layout
----------------------------------------------- */

/* wrap and body */
div#wrap {
	border-left: 1px solid #625B52;
	border-right: 1px solid #625B52;
	width: 650px;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -15px; /* the bottom margin is the negative value of the footer's height */
	background: url(../img/bg/left_nav_trick.gif) repeat-y -130px; }
	 
body#about_us div#wrap, body#contact div#wrap, body#the_farm div#wrap  {
	background: #FFFFFF none; }
body#farm_photos {	
	background: #FFFFFF; }

/* header */
div#header {
	height: 116px;
	background: url(../img/bg/header.jpg) no-repeat;
	width: 650px; }

/* nav */
div#nav {
	width: 639px;
	height: 20px;
	background: url(../img/bg/navbar.gif) no-repeat -150px;
	text-align: right;
	padding: 0 11px 0 0; }

div#nav a, div#nav span {
	width: 68px;
	margin-right: 4px;
	float: right;
	text-align: center; }
body#the_farm div#nav { 
	background: url(../img/bg/navbar_thefarm.gif) no-repeat; }
body#about_us div#nav, body#contact div#nav, body#the_farm div#nav { 
	background: url(../img/bg/navbar_white.gif) no-repeat -150px; }


/* main */
div#main {
	width: 420px;
	float: left;
	min-height: 43px;
	padding: 70px 20px 40px 30px; }

body#index div#main {	
	background: url(../img/titles/produce_title.gif) no-repeat 140px 20px; }
body#about_us div#main {	
	background: url(../img/titles/about_us_title.gif) no-repeat 65px 20px;
	padding: 70px 0 40px 65px;
	width: 510px; }
body#contact div#main {	
	background: url(../img/titles/contact_title.gif) no-repeat 65px 20px;
	padding: 70px 0 40px 65px;
	width: 510px; }
body#the_farm div#main {	
	background: url(../img/titles/the_farm.gif) no-repeat 50px 20px;
	width: 585px;
	/*padding-right: 30px;*/ } 
	
body.strawberries div#main {	
	background: url(../img/titles/strawberries_title.gif) no-repeat 30px 20px; }
body.potatoes div#main {	
	background: url(../img/titles/potatoes_title.gif) no-repeat 30px 20px; }
body.corn div#main {	
	background: url(../img/titles/corn_title.gif) no-repeat 30px 20px; }
body.pumpkin div#main {	
	background: url(../img/titles/pumpkin_title.gif) no-repeat 30px 20px; }
body.hay div#main {	
	background: url(../img/titles/hay_title.gif) no-repeat 30px 20px; }
body.lamb div#main {	
	background: url(../img/titles/lamb_title.gif) no-repeat 30px 20px; }
body.wool div#main {	
	background: url(../img/titles/wool_title.gif) no-repeat 30px 20px; }
	

/* iframe */
iframe#farm_photos {
	width: 545px;
	height: 350px;
	margin: 5px 0 0 20px; }


/* sidebar */
div#sidebar {
	width: 150px;
	float: right;
	padding: 55px 14px 20px 14px; }
body#produce div#sidebar {
	background: url(../img/titles/produce_sm_title.gif) no-repeat 14px 20px; }
body#index div#sidebar {
	background: url(../img/titles/news_title.gif) no-repeat 14px 20px; }


/* vertical stretch */
div#push {
	height: 15px; /* #push must be the same height as #footer */
	clear: both; }


/* footer */
div#footer {
	width: 650px;
	height: 15px;
	background-color: #71A627;
	margin: 0 auto; }



/* Typography :: Main Content
----------------------------------------------- */
td, p { 
	font-size: 1.2em;
	line-height: 1.2em; }
p { padding-bottom: 0.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }


div#nav a, div#nav span {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.7em; }
div#nav span {
	color: #fff; }
div#nav a:link, div#nav a:visited {
	color: #FFF37F; }
div#nav a:hover, div#nav a:active {
	color: #E7F0BB; }

div#header h1 {
	font-size: 3em;
	padding: 45px 0 0 46px;
	text-align: left; }
div#header h1 i { /* makes blog title link "invisible" */
	visibility: hidden; } 

h2.post-title {
	padding-bottom: 0.15em;
	color: #8CBF2F; }
#sidebar h2{
	padding: 0.1em 0 0.15em 0;
	color: #8CBF2F; }
#sidebar h2 a:link, #sidebar h2 a:visited {
	color: #8CBF2F; }
#sidebar h2 a:hover, #sidebar h2 a:active { 
	color: #EBB446; }
h2.hours-title {
	padding-bottom: 0.15em;
	color: #8CBF2F;
	font-size: 1.5em;}

h3.date-header {
	padding-bottom: 1em;
	color: #8CBF2F; font-weight: normal; }
#sidebar h3 {
	padding-bottom: 0.5em;
	color: #8CBF2F; font-weight: normal; }
h3.hours-subheader {
	color: #8CBF2F; }

div.post-body p, div.post-body ul, div.post-body ol { /* style for any standard text content */
	font-size: 1.1em;
	padding-bottom: 0.9em;
	line-height: 1.2em; }
div.post {
	margin-bottom: 1.5em;
	border-bottom: 1px dotted #F1E57B;}	
div.post-body ul {
	margin-left: 2em; }
div.post-body li {
	padding: 0 0 0.6em 0; }

div#footer p { /* copyright text */
	text-align: center;
	padding: 0.2em 0 0 0;
	color: #fff;
	font-size: 1em; }
	
span.hiding {
	unicode-bidi:bidi-override;
	direction: rtl; }



/* Typography :: Sidebar
----------------------------------------------- */
div#sidebar li a:link {
	color: #8c8c5d; }
div#sidebar a:visited, div#sidebar a:hover, div#sidebar a:active {
	color: #D6D6AD; }
	
div#sidebar h2  a:link, div#sidebar h2 a:visited {
	color: #8CBF2F; }
div#sidebar h2 a:hover, div#sidebar h2 a:active, div#sidebar h2 span { 
	color: #EBB446; }
	
	


/* Image Layout
----------------------------------------------- */
table.produce {
	width: 100%; }
table.produce td {
	vertical-align: top;
	padding: 0 11px 1.1em 0; }
	

table.thefarm {
	width: auto; }
table.thefarm td {
	vertical-align: top;
	padding: 0 10px 6px 0;
	text-align: center; }
table.thefarm {
	margin: 10px 0 0 20px; }
	
div#farm_photos_container { }
	
img.inline-left {
	float: left;
	margin: 2px 15px 2px 0; }
	
img.inline-right {
	float: right;
	margin: 2px 0 8px 15px; }