@charset "utf-8";
/* CSS Document */
body, html, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, table, th, td {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

html, body {
	margin: 0px;
	padding: 0px;
	background: url(/staticResource/helsingjunctionfarm/page-bg.jpg);
	//font: 12px Verdana, Arial, Helvetica, sans-serif;
	//line-height: 140%;
}

form {
	margin: 0px;
	padding: 0px;
}

div.form {
}
div.form label {
	width: 100px;
	float: left;
	text-align: right;
	padding: 5px;
}

#container {
	width: 986px;
	margin: 15px auto 0 auto;
}

#siteheader img {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
	text-align: center;
	float: left;
	border: 0px;
}

#main-panel {
	background: url(/staticResource/helsingjunctionfarm/main-bg.jpg) repeat-y;
	width: 986px;
	padding-bottom: 15px;
	padding-top: 5px;

}

#main-panel {
	//min-height: 500px;
	width: 986px;
}

* html #main-panel {
	//height: 500px;
}

#nav img {
	float: left;
	border: 0px;
}

#content {
	margin: 0 0 0 261px;
	//color: #523000;
	padding: 10px 0;
}





#sitefooter {
	background: url(/staticResource/helsingjunctionfarm/footer.jpg) no-repeat;
	height: 31px;
	padding: 3px 0 0 0;
	//padding-right:50px;
	text-align: center;
	font-size: 10px;
	font-weight:normal
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
}

#sitefooter a {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
	color: #fff;
	text-decoration: none;
	font-weight:normal
}

#sitefooter a:hover {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
	text-decoration: underline;
}

#footer-outside  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
	height: 25px;
	text-align: center;
	font-size: 10px;
	color: #92622A;
}

#footer-outside a {
	color: #92622A;
	text-decoration: none;
	font-weight:normal;
}

#footer-outside a:hover {
	color: #92622A;
	text-decoration: underline;
}

#recipe-database {
	padding: 10px;
}

#recipe-database div {
	padding: 5px;
}

#news a h2 {
	text-decoration: none;
	color: #dc69ae;
	text-transform: capitalize;
} 

#news a:hover h2 {
	text-decoration: underline;
	color: #dc69ae;
} 

#gallery {
	text-align: center;
	width: 500px;
	margin: 10px auto 0 auto;
}

.gallery-thumb {
	margin: 5px;
	border: 2px solid #3e6803;
}

.img-right {
	float: right;
	margin: 5px 5px 5px 10px;
	border: 1px solid #523000;
}

.img-left {
	float: left;
	margin: 5px 10px 5px 5px;
	border: 1px solid #523000;
}

.form-item {
	padding: 5px;
}

.form-item label {
	float: left;
	width: 100px;
	text-align: right;
	padding: 0 5px 0 0;
}

.mouse-down {
	background: #FFFFCC;
}

.field-enabled {
	background: #fff;
}

.field-disabled {
	background: #E6E5D4;
}

.gallery-img {
}

.gallery-img-title {
	padding: 0px;
	margin: 0px;
	text-align: center;
}

/* for signup form signup-form.php */
#signup-form input[type="text"] {
	border: 1px solid #7F9DB9;
	padding: 2px;
}

optgroup {
	font-style: normal;
	font-weight: normal;
	background: #fff8dd;
}

option {
	color: black;
	background: #fff;
}

.hr {
	color: #f3dfc4;
	background: #f3dfc4;
	margin: 0 5px 0 5px;
	height: 1px;
}

/* for newsletter pages */
#newsletter_signup, #newsletter_archive {
	margin: 10px 15px;
}
#newsletter_archive {
	width: 580px;
}
#newsletter_signup td, #newsletter_archive td, #newsletter_archive th {
	padding: 4px;
}
#newsletter_archive th {
	text-align: left;
}
#newsletter_archive .oddrow {
	background-color: #eaeaea;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.drop-site-header {
	font-weight: bold;
	text-decoration: underline;
}
#newsletter-content table {
	width:100%;
}
#newsletter-content table td {
	padding: 6px;
}

/* H.E.L.P.E.R. Functions */

.clearfix:after {  
    content: ".";  
    display: block;  
    height: 0;  
    clear: both;  
    visibility: hidden;  
}  
  
.clearfix {	
	display: inline-block;
}  
  
/* Hides from IE-mac \*/  
* html .clearfix {
	height: 1%;
}  
.clearfix {
	display: block;
}  
/* End hide from IE-mac */