* { margin: 0; padding: 0; }	a img { border: 0; background: transparent; }	fieldset { border: none; }	

/*-------------------------------------------------
=TEXT STYLES
-------------------------------------------------*/
p { margin: .1em 0 1em; line-height: 1.5; }
#content li { padding-left: 11px; margin: .2em 0; background: url(../../images/arrow-grey.png) no-repeat 0 .35em; line-height: 1.5; list-style-type: none; position: relative; }

#content h1 { color: #921e1e; letter-spacing: -.04em; font-size: 180%; margin: 0 0 .25em; }
#content h2 { letter-spacing: -.03em; margin: 1em 0 .1em; font-size: 140%; color: #333; }
#content h3 { margin: .75em 0 .1em; letter-spacing: .1em; color: #333; }
#content h4 { margin: .5em 0; font-size: 110%; color: #333; }
#content h5 { margin: .75em 0 .1em; font-size: 120%; color: #921e1e; }
#content h5.return { margin: 1em 0; font-size: 105%; }
#content h5 a { color: #921e1e; }
#content h5 a:hover { color: #518543; }

#content h5.return a  { color: #518543; }
#content h5.return a:hover { color: #921e1e; }

hr { height: 1px; border-style: none; border: none; background: #EEE; width: auto; margin: .6em 0; }

a { color: #518543; text-decoration: none; }
a:visited { color: #6c9d5f; }
a:hover { color: #921e1e; }
a:active { color: #921e1e; }
#content p a:link, #content li a:link, #content p a:visited, #content li a:visited  { border-bottom: 1px dotted #518543; }
#content p a, #content li a, #content table.standard a { padding-bottom: 0px; }
#content p a:hover, #content li a:hover, #content table.standard a:hover  { border-bottom: 1px solid #921e1e; padding-bottom: 0; background: #f9f9ec; color: #921e1e; }

#content p a.no-border, #content p a.no-border:hover, #content p a.no-border:visited {border-bottom: 1px solid #ffffff; padding: 0; background: none; }
a.block { display: block }



/*-------------------------------------------------
=CLASSES
-------------------------------------------------*/
.rec-printWrap { float: right; display: inline; margin: .5em 0 .25em .75em; width: auto; clear: right; }
.recipeThumb { background: #ecf4e8; padding: 6px; }
.printRecipe { width: 100%; font-size: 95%; }
.printRecipe a { background: #ecf4e8 url(../../images/printRecipe-bg.jpg) repeat-x left bottom; color: #444; font-weight: bold; display: block; padding: .5em 10px; margin: 0 0 1em 0; } 
.printRecipe a:hover { background: #921e1e; color: #FFF; }

.header { font-weight: bold; font-size: bigger; display: block; margin-top: 5px; }

form div { line-height: 150%; clear: both; }
form div input { float: left; margin: 1px 5px 0 0; }

#content .recipe-hero { margin: .5em 0 0; }
#content p.rec-caption {  color: #627b5b; }
#content p.rec-caption a { background: #ecf4e8 url(../../images/printRecipe-bg.jpg) repeat-x left bottom; color: #518543; display: block; padding: .2em 10px; width: 403px; margin: 0 0 1em 0; border-bottom: none!important; }
#content p.rec-caption a:hover { color: #355f2c; background: #d6ebcc; border-bottom: none; }

em.filedUnder { background: #fffff1; }


table.standard {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #dbdbc1;
	background: #f9f9ec;
	margin-bottom: .5em; 
}
table.standard caption { background: #921e1e; color: #FFF; padding: .5em 10px; width: 100%; text-align: left; font-weight: bold; border: 1px solid #921e1e; border-bottom: none; }
table.standard th, td { padding: .3em .5em; vertical-align:top; }
table.standard td { width: 50%; border-right: 1px solid #dbdbc1; }
table.standard td strong { color: #921e1e; font-weight: bold; font-size: 110%; }
table.standard thead { margin-bottom: 1em; border-bottom: 1px solid #dbdbc1; }
#content table.standard a { color:#921e1e; }
#content table.standard a:hover { color:#518543; border-bottom: 1px solid #518543; }


body {
	font: 76% "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
	color: #555;
	background: #627b5b url(../../images/body-bg.png) repeat-y 50% 0;
}
#wrap {
	margin: 0 auto;
	position: relative;
	width: 850px;
	background: #fff url(../../images/wrap-bg.png) repeat-y left ;
}

/*-------------------------------------------------
=CONTENT
-------------------------------------------------*/
#content-ad-wrap { float: right; width: 608px; }

#content {
	width: 423px;
	margin: 22px 15px 10px 0;
	background: #FFF;
	float: left; display: inline;
	position: relative;
}


#AdvancedSearch, #SubmitRecipe {
	width: 205px; min-height: 160px;
	background: #f9f9ec;
	float: left; display: inline;
}

#AdvancedSearch p, #SubmitRecipe p { padding: 5px; }

#AdvancedSearch { margin: 0 13px 0 0; }
#AdvancedSearch h5, #SubmitRecipe h5 {
	background: #5a0202; color: #FFF;
	width: 195px; padding: 1em 0 1em 10px;
	font-weight: bold; letter-spacing: .05em;
	font-size: 85%;
	margin: 0;
}

.searchAdvanced th { font-weight: normal; font-size: 110%; text-align: right; padding-right: 15px; }





/*-------------------------------------------------
=contact-form
-------------------------------------------------*/
#contact-form input, #contact-form textarea, #contact-form select, #contact-form option{ width:70%; padding:1px; }
#contact-form label { display: block; margin-top:8px; } 
#contact-form .submit { display: block; border: none; background: #e3f2d9; width: auto; padding: 4px 5px; color:#000; margin-top: 10px; cursor: pointer; }
#contact-form .submit:hover { background: #5a0201; color: #FFF; }







/*-------------------------------------------------
=SIDEBAR
-------------------------------------------------*/
#sidebar {
	float: left; display: inline;
	width: 225px; margin: 0;
	background: url(../../images/sb-bg.jpg) no-repeat 0 0;
}
h2#logo { margin: 15px; }
h2#logo a { color: #d74e18; margin: 0; display: block; text-indent: -9999em; overflow: hidden; width: 193px; height: 132px; text-decoration: none; background: url(../../images/maycontainyum-logo.png); }


/*
=Search (sidebar)
-------------------------------------------------*/
#searchForm {margin: 0 0 57px; }
input.txt { float: left; display: inline; background: #f7fff4; border: 1px solid #cde3bf; width: 164px; margin: 0 6px 0 12px; padding: 3px; color: #518543; font-weight: bold; letter-spacing: -.075em; }
input.txt:focus, textarea.txt:focus, input.txt:hover, textarea.txt:hover { color: #de4b11!important; background: #FFF; border-color: #9dd178; font-weight: bold;  letter-spacing: -.075em; }
input.txt:focus, textarea.txt:focus { border-color: #de4b11; }
.btn { float: left; display: inline; position: relative; top: 2px; }

p.adv-search { color: #518543; font-weight: bold; font-size: 90%; margin: 2px 0 0 12px; }
p.adv-search a { color: #518543; background: url(../../images/arrow-green.png) no-repeat left center; padding-left: 10px; }
p.adv-search a:hover { color: #de4b11; text-decoration: underline; background-image: url(../../images/arrow-orange.png); }

/*
=sbMenu - MOO FX
-------------------------------------------------*/
#sbMenu { margin: 22px 12px 12px 12px; background: #f6fff5; width: 200px; }
#sbMenu ul li { list-style: none; }

#sbMenu h3 { color: #999; margin: 0; font-size: 1.1em; }
#sbMenu h3 a { display: block; width: 180px; padding: .4em 10px; background: #FFF; color: #518543; font-weight: bold; border-bottom: 1px solid #e8f4df; }
#sbMenu h3 a:hover { background: #518543; color: #FFF; }
#sbMenu li { margin: 0; border-bottom: 1px solid #e8f4df; }
#sbMenu li a { display: block; width: 180px; padding: .3em 10px; background: #f6fff5; color: #518543; }
#sbMenu li a:hover, #sbMenu li a.selected { background: #dcf1d8; color: #2b641b; }





/*-------------------------------------------------
=AD BAR - RIGHT
-------------------------------------------------*/
#ad-bar { float: right; display: inline; text-align:center; margin-top: 25px; padding:5px; background:transparent url(../../images/adsense_bg.gif) center no-repeat; width:160px; }

#ad-bar hr { display: none; }





/*-------------------------------------------------
=HEAD
-------------------------------------------------*/
#head {
	width: 608px;
	margin-top: 10px;
	background: #fff;
	float: right;
}

#tab-bar {
	width: 608px;
	padding: 0; min-height: 34px;
	background: #5a0202 url(../../images/tabbar.jpg) no-repeat center bottom;
	float: right; display: inline;
	position: relative;
}
#tab-bar ul#tabs { position: absolute; bottom: 0; left: 10px; width: auto; }
#tabs li { float: left; margin: 0 .25em; list-style: none; font-size: 13px; }
#tabs li a { color: #440402; text-align: center; font-weight: bold; display: block; text-decoration: none; width: 7em; height: 1.5em; padding-top: .5em; background: #FFF url(../../images/tab-tile.png) repeat-x left bottom; text-transform:uppercase; }
#tabs li a:hover, #tabs li a.selected { background: #FFF; background-image: none; color: #577b4f;  }
#tabs li a.selected { cursor: default; }


ul#subnavs  { color: #FFF; float: right; margin: 10px 10px 0 10px; width: 360px; text-align: right; }
#subnavs li { display: inline; list-style: none; }
#subnavs li a { color: #f2eaea; margin: 10px 15px 0 0; text-decoration: none; font-weight: bold; font-size: 10px; text-transform: uppercase; padding-left: 8px; background: url(../../images/arrow-white.png) no-repeat 0 50%; }
#subnavs li a:hover { color: #FFF; text-decoration: underline; }



/*-------------------------------------------------
=JUMP/SKIP LINKS
-------------------------------------------------*/
#skipNav { position: absolute; left: -9999px; font-size: small; z-index: 200; }
#skipNav a:link, #skipNav a:visited { color: #F00; }
#skipNav a:focus { display: block; position: absolute; top: 20px; left: 10020px; font-size: large; background: #EEE; border: solid 2px #555; padding: 10px; width: 15em; z-index: 100; }
#skipNav a:hover { color: #390; }

/*-------------------------------------------------
=SEARCH
-------------------------------------------------*/
.query { font-weight: bolder; color: #921e1e}
p:hover .query { text-decoration: underline; }

/*-------------------------------------------------
=FOOTER
-------------------------------------------------*/
#footer {
	width: 850px; min-height: 50px;
	background: #FFF; color: #AAA;
	/*border-bottom: 8px solid #e8f4df;*/
	font-size: 90%;
	clear: both;
}
#footer ul { margin: 0 auto; }
#footer li { display: inline; margin: 0 15px 0 0; list-style: none; line-height: 50px; }
#footer li a { color: #AAA; border-bottom: 1px dotted #CCC; }
#footer li a:hover { background: #777; color: #FFF; border-bottom: none; }