/* horizontal menu version */

body {
  font-family: "Century Gothic", Futura, Verdana, sans-serif;
  margin: 0;
  padding: 0;
  color: #000000;
  background-color: #8888cc;
  text-align: center;
}

#page {
	margin: 5% auto;
	max-width: 800px;
	text-align: left;
}
.win #page { font-size: 80%; }

.right { 
	float: right; 
	margin: 1em 0 1em 1em;
}
.left { 
	float: left; 
	margin: 1em 1em 1em 0;
}

HR {
	margin: 2em 5%;
}

IMG {
	border: 1px solid #333333;
}

/* Header */

#banner {
	padding: 1em 1em 2em 1em;
	background: url(carrot-tomato.jpg) bottom left no-repeat #fff;
	text-align: right;
	border: solid 1px #000000;
}

H1 {
}
H1 a,
H1 a:visited { 
	text-decoration: none;
	color:#000066;
}

H1, H2, H3 { 
	font-weight: normal;
 }

#location {
	font-style: italic;
}

/* Body */

#content {
	position: relative;
	padding: 1px; /* gap fix */
}
.ie5 #content {
	padding-bottom: 1em;
}

/* Sidebar */
#sidebar {
	color: #ffffff;
}

#nav,
#nav ul {
	list-style: none;
	padding: 0;
	margin: 0; 
	margin-top: 2.5em;
	border-bottom: 1px solid #000000;
}

#nav li {
	margin: 2px 5px 0 5px;
	display: inline;
}

#nav a { 
	color: #ffffff; 
	text-decoration: none;
	padding: 2px 7px 0 7px; /* 0 bottom padding is the important bit, here */
	background-color: #555588;
	border: 1px solid #000000;
}

#nav a:visited { 
	color: #eeeeee; 
}
#nav a:hover { 
	background-color: #444477;
	color: #ffffff;
}

body#home a#homelink,
body#about a#aboutlink,
body#crops a#cropslink,
body#buy a#buylink,
body#blog a#bloglink {
	background-color: #ffffff;
	color: #000000;
	border-bottom: solid 1px #ffffff;
}


/* Page Content */

a { 
	color: #ddaa00;
}
a:visited {
	color: #cc9900;
}
a:hover {
}

#main {
	background-color: #ffffff;
	margin: 0;
	padding: 1em;
	border: 1px solid #000000;
	border-top: none;
}

#main p {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

H2 {
}

dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1em;
}

#clear { clear: both; }

/* Footer */

#footer {
	clear: both;
	text-align: center;
	font-size: small;
	color: #333333;
	padding: 3px;
}

#footer a { color: #333333; }
#footer a:visited { color: #333333; }


/* Embedded Blog */

#embed H3 {
	margin-bottom: 0;
	padding-bottom: 0;
}

#embed p {
	margin-top: 0;
	padding-top: 0;
} /* these take care of the extra br tag in the feed */

#embed img { border: none; }