@charset "UTF-8";
/* CSS Document */

* { padding: 0; margin: 0; }
html { background: url(../images/bg-retro-green.gif) repeat; }
body { font-size: 62.5%; font-family: "faricy-new-1","faricy-new-2", sans-serif; height: 100%; top: 0;}

#wrapper { margin-left: auto; margin-right: auto; width: 885px; margin-top: 0; background: url(../images/bg-wrapper.gif) repeat-y center top; top: 0;}
.spacer { height: 97.5%; width: 1px; vertical-align: top; top: 0;}

/** header **/

#header { text-align: center; width: 884px; margin-top: 0; padding-top: 5px;}
#header img:first-child { margin-top: 10px;}

#nav { width: 480px;  padding: 0 18px; margin: 16px auto 30px auto; text-align: center; border-bottom: 4px solid #cccccc; padding-bottom: 8px;}
#nav ul { list-type: none; list-style-type: none; margin: 0; }
#nav li { list-type: none; list-style-type: none; margin: 0 30px 10px 0; display: inline; letter-spacing: .1em; font-weight: 700; font-size: 1.6em; }
#nav li:last-child { margin: 0 0 10px 0;}
#nav a:link, #nav a:visited { text-decoration: none; color: #618a38;}
#nav a:active, #nav a:hover { text-decoration: none; border-bottom: 4px solid #618a38; padding-bottom: 8px; color: #000000; }
#nav li.current { border-bottom: 4px solid #ff7301; padding-bottom: 8px; color: #ff7301; }
#nav a:link.current, #nav a:visited.current { border-bottom: 4px solid #ff7301; padding-bottom: 8px; color: #ff7301; }
#nav a:active.current, #nav a:hover.current { text-decoration: none; border-bottom: 4px solid #618a38; padding-bottom: 8px; color: #000000; }

/** center **/

#content { width: 596px; padding: 5px 18px; float: left; }

#content h2 { margin: 0 0 5px 20px; font-size: 2.2em; font-weight: 500; text-align: left; color: #618a38; }
#content h3 { margin: 0 0 10px 20px; font-size: 1.8em; font-weight: 400; font-style: italic; text-align: left; color: #ff7301; }
#content p { margin: 0 20px 10px 40px; font-size: 1.4em; line-height: 1.3em; font-weight: 300; color: #000000; text-align: left; }
#content .big { font-size: 1.8em; line-height: 1.6em; }
#content .small { font-size: 1.3em; line-height: 1.1em;}
#content .next { text-align: right; margin-top: 30px;}
#content strong { font-weight: 500;}
#content .mission { margin: 0 10px 20px 20px; font-size: 1.4em; font-weight: 400; line-height: 1.5em;}
#content .missionstrong { font-weight: 500; color: #ff7301;}
#content h4 { margin: 0 0 10px 10px; font-size: 1.8em; font-weight: 500; font-style: italic; text-align: left; color: #618a38;}
#content h5 { margin: 0 0 20px 60px; font-size: 2em; font-weight: 500; text-align: left; color: #ff7301; padding: 0 100px 2px 0; border-bottom: 2px solid #618a38;}
#content blockquote { margin: 20px 20px 20px 40px; padding: 15px; background: #ffead5; border: 4px solid #84a266; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
#content ul { margin-left: 20px; font-size: 1.4em; line-height: 1.6em; }
#content img.feature { border: 1px solid #000; margin: 0 20px 10px 20px;}
#content .recipe { font-size: 1.2em; line-height: 1.4em; margin: 5px 0 15px 0;}
#content .recipe:last-child { margin-bottom: 0;}
#content a:link, #content a:visited { color: #ff7301; font-weight: 400; font-size: 1em; text-decoration: none;}
#content a:active, #content a:hover { text-decoration: underline;}
#content img.recipeimg { border: none; margin: 0 0 20px 0;}
#content img.bigrecipeimg { border: 1px solid #000; margin: 0 20px 10px 20px; }
#content b { text-shadow: .05em .05em #000; color: #ff9c00; }
.rate { font-size: 1em; font-weight: 400; }
.rate em { color: #999999; font-size: 1.4em; font-weight: 400; font-style: normal; }
.rate b { color: #ff7301; font-size: 1.4em; font-weight: 400; }
.rate a:link, .rate a:visited { color: #ff7301; text-decoration: none; margin-left: 10px;}
.rate a:active, .rate a:hover { text-decoration: underline; margin-left: 10px;}

#featured { width: 290px; background: url(../images/asparagus.jpg) center; border: 1px solid #000; float: left;  padding-top: 148px; margin: 0 20px 0 20px; }
#featured p { width: 280px; background: url(../images/bg-grey.png) repeat; color: #ffffff; text-align: left; margin: 0; padding: 5px; font-size: 1.2em; line-height: 1.4em; font-weight: 300;}
#featured a:link, #featured a:visited { font-size: 1.3em; font-weight: 400; text-decoration: none; color: #ffffff; line-height: 1.4em;}
#featured a:active, #featured a:hover { text-decoration: underline; color: #ffffff;}


/** left **/

#left { width: 145px; float: left; padding: 0; margin: 0; margin-left: -30px; margin-top: -211px; }
#left p { font-size: 1em; font-weight: 300; color: #618a38; margin: 5px 0 2px 0;}
#left hr { margin: 10px 0;}
#left h1 { text-align: right; margin: 5px 0 0 0; font-size: 1em; font-weight: 400;}
#left a:link, #left a:visited { color: #C30; font-weight: 500;}
#left a:active, #left a:hover { color: #000000; }

#subnav li.current { padding-left: 0; margin-left: 10px; list-style-type: disc; list-style: disc; color: #618a38; font-weight: 500; }
#subnav a:link.current, #subnav a:visited.current { padding-left: 0; list-style-type: disc; list-style: disc; color: #618a38; font-weight: 500; text-decoration: none;}
#subnav a:active.current, #subnav a:hover.current { text-decoration: none; color: #416d15; }
#subnav { width: 124px; padding: 20px 16px 0 10px; margin: 30px 0; background: #cacc74; /* Old browsers */
background: -moz-linear-gradient(left, #cacc74 0%, #cacc74 92%, #b6b768 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cacc74), color-stop(92%,#cacc74), color-stop(100%,#b6b768)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #cacc74 0%,#cacc74 92%,#b6b768 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #cacc74 0%,#cacc74 92%,#b6b768 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, #cacc74 0%,#cacc74 92%,#b6b768 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CACC74', endColorstr='#b6b768',GradientType=1 ); /* IE6-9 */
background: linear-gradient(left, #cacc74 0%,#cacc74 92%,#b6b768 100%); /* W3C */ }
#subnav ul { list-type: none; list-style-type: none; margin: 0; padding: 0;}
#subnav li { list-type: none; list-style-type: none; margin: 0 0 16px 0; padding: 0 0 0 10px; font-size: 1.4em; line-height: 1.2em;  }
#subnav a:link, #subnav a:visited { color: #000000; font-weight: 500; text-decoration: none; padding: 0 0 10px 0;}
#subnav a:active, #subnav a:hover { text-decoration: none; color: #416d15;}
#subnav li:first-child { padding-top: 10px;}
#subnav li:last-child { margin-bottom: 30px; padding-bottom: 30px;}
#subnav h2 { margin: 0; font-size: 1.8em; font-weight: 500; text-align: left; color: #618a38; padding: 0 0 2px 0; }
#subnav strong { font-weight: 700; letter-spacing: .1em; }

#subsubnav ul { margin: -8px -10px 0 16px; }
#subsubnav li { margin: 10px 0 5px 0; padding: 0 0 0 10px; font-size: 1.3em; line-height: 1.1em; }
#subsubnav a:link, #subsubnav a:visited { color: #000000; font-weight: 500; text-decoration: none; padding: 0 0 10px 0;}
#subsubnav a:active, #subsubnav a:hover { text-decoration: none; color: #416d15;}
#subsubnav li:first-child { padding-top: 0;}
#subsubnav li:last-child { margin-bottom: 16px; padding-bottom: 0; }
#subsubnav li.current { padding-left: 0; margin-left: 10px; list-style-type: square; list-style: square; color: #618a38; font-weight: 500; }
#subsubnav a:link.current, #subsubnav a:visited.current { padding-left: 0; margin-left: 10px; list-style-type: square; list-style: square; color: #618a38; font-weight: 500; text-decoration: none;}
#subsubnav a:active.current, #subsubnav a:hover.current { text-decoration: none; color: #416d15;}



#tag { width: 150px; margin-left: 5px; margin-right: -23px; margin-bottom: 20px; padding: 5px 10px; background: #ff7301; font-size: 1.4em; line-height: 1.2em; text-align: left; font-weight: 700; color: #ffffff; text-decoration: none; -moz-box-shadow: 4px 4px 8px #666; -webkit-box-shadow: 4px 4px 8px #666; box-shadow: 4px 4px 8px #666; }
#tag a:link, #tag a:visited { text-decoration: none; color: #060;}
#tag a:active, #tag a:hover { text-decoration: underline;}
#tag img { margin: 1px 5px 0 -5px;}



/** right **/

#right { float: right; width: 160px; margin-left: -80px; margin-top: -211px; }

#bookmark { width: 142px; padding: 10px 18px 20px 40px; background: url(../images/bookmark1.png) top repeat-y; font-size: 1.2em; font-weight: 300; color: #ffffff; text-align: left; min-height: 200px; }
#right h2 { margin: 20px 0 10px -2px; padding: 0 0 2px 0; font-size: 1.3em; font-weight: 500; text-align: left; color: #edf1b7; border-bottom: 2px solid #ff7301;}
#right a:link, #right a:visited { color: #FFFF00; text-decoration: none; font-weight: 500; text-shadow: .1em .1em #000; letter-spacing: .1em;}
#right a:active, #right a:hover { color: #c8ce76; }
#right ul { list-type: none; list-style-type: none; margin: 0; }
#right li { list-type: none; list-style-type: none; margin: 0 0 10px 0; }
#right li:first-child { margin-top: -20px;}

.tag2top { margin-top: 30px; margin-left: 43px; }
#tag2 { width: 150px; margin-right: 5px; margin-left: 20px; margin-bottom: 20px; padding: 10px; background: #ff7301; font-size: 1.4em; line-height: 1.4em; text-align: left; font-weight: 700; color: #ffffff; text-decoration: none; -moz-box-shadow: -4px 4px 8px #666; -webkit-box-shadow: -4px 4px 8px #666; box-shadow: -4px 4px 8px #666; font-weight: 400;}
#tag2 a:link, #tag2 a:visited { text-decoration: none; color: #060; text-shadow: none; letter-spacing: normal; }
#tag2 a:active, #tag2 a:hover { text-decoration: underline; text-shadow: none; letter-spacing: normal; }
#tag2 h3 { font-size: 1.4em; color: #fffffff; letter-spacing: .1em; margin: 5px 0 10px 0; }


/** footer **/

#footer { clear: both; width: 884px; text-align: center; font-size: 1em; vertical-align: bottom; padding-bottom: 10px; }
#footer a:link, #footer a:visited { font-weight: 400; color: #ff7301; text-decoration: none;}
#footer a:active, #footer a:hover { color: #ff7301; text-decoration: underline;}