/*  

Theme Name: 
Theme URI: http://
Description: 
Version: 1.0
Author: Keefe Au
Author URL: http://aukeefe.carbonmade.com

*/

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }


/* LAYOUT */
.clear { clear: both; }

/* TYPE */
body { font: 90% 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; background: #598315 url(../images/bg.jpg) no-repeat top center; color: #333; text-align: center;  }
input, textarea { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 100%; } 
h1 { margin:15px 0 0 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.coy-title { font-size:140%; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#598414;  }
.c-title { font-size:110%; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#598414;  }
.d-text { font-size:110%; font-weight:bold; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#304b08; }
img.left { margin:20px 0 4px 0; }

p { font: 75% 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333; line-height:1.4em; }
.sm { font-size:75%; margin: 2px 15px 20px 0; line-height:1.5em; }

a { text-decoration:none; color:#376002;  }

a:hover { text-decoration:underline; }

a:visited {text-decoration:none;  }

/* container */

#container { width:960px; text-align: left; margin-left:auto; margin-right:auto;   }

/* header */

#header { width: 960px; height: 125px; margin: 0 0 2px 0; position: relative; }
#logo a { background:url(../images/logo.png) no-repeat; width: 196px; height: 120px; position: absolute; text-indent: -900em; left:0; top:-4px; z-index:20; overflow:hidden;   }
#logo.home a { cursor: default !important; }

/* Main Navigation */
#navigation { width: 754px; height: 40px; position: relative; background:url(../images/navi.png) no-repeat; top:70px; float:right; }
#navigation #nav { margin: 0; padding: 0; }
#navigation #nav li { display: inline;  }
#navigation #nav li a { background:url(../images/navi.png) no-repeat; float: left;  overflow: hidden; text-indent: -900em;  }

/* ON STATES */
#navigation #nav li#nav-home a { background-position: 0 0; width:151px; height:40px; position:relative;  }
#navigation #nav li#nav-products a { background-position: -151px 0; width:151px; height:40px; position:relative;  }
#navigation #nav li#nav-recipes a { background-position: -302px 0; width:150px; height:40px; position:relative;  }
#navigation #nav li#nav-about a { background-position: -452px 0; width:151px; height:40px; position:relative;   }
#navigation #nav li#nav-contact a { background-position: -603px 0; width:151px; height:40px; position:relative;  }


/* OVER STATES */
#navigation #nav li#nav-home a:hover { background-position: 0 -40px; width:151px; height:40px; position:relative;  }
#navigation #nav li#nav-products a:hover { background-position: -151px -40px; width:151px; height:40px; position:relative;  }
#navigation #nav li#nav-recipes a:hover { background-position: -302px -40px; width:150px; height:40px; position:relative;  }
#navigation #nav li#nav-about a:hover { background-position: -452px -40px; width:151px; height:40px; position:relative;   }
#navigation #nav li#nav-contact a:hover { background-position: -603px -40px; width:151px; height:40px; position:relative;  }

/* DOWN STATES */
#navigation.home #nav li#nav-home a { background-position: 0 -80px; width:151px; height:40px; position:relative; cursor: default !important; }
#navigation.products #nav li#nav-products a { background-position: -151px -80px; width:151px; height:40px; position:relative; cursor: default !important; }
#navigation.recipes #nav li#nav-recipes a { background-position: -302px -80px; width:150px; height:40px; position:relative; cursor: default !important; }
#navigation.about #nav li#nav-about a { background-position: -452px -80px; width:151px; height:40px; position:relative; cursor: default !important;  }
#navigation.contact #nav li#nav-contact a { background-position: -603px -80px; width:151px; height:40px; position:relative; cursor: default !important;  }

/* content */

#content { width: 960px; height: auto; margin:0; padding:0; position: relative; background-color:#fff;  }
#c-top { width:960px; height:10px; background:url(../images/top_frame.png) no-repeat; margin:0; padding:0; position: relative; }
#c-btm { width:960px; height:10px; background:url(../images/btm_frame.png) no-repeat; margin:0; padding:0; position: relative; }


#section-products { width:280px; height:285px; position:relative; float:left; margin:10px 0 10px 5px; }
#section-recipes { width:280px; height:285px; position:relative; float:left;  margin:10px 0 10px 5px; }
#intro-box { width:350px; height:285px; position:relative; float:left;  margin:10px 15px 10px 15px; }

#sidebar { background:url(../images/sidebar_bg.jpg) no-repeat; width:260px; height:430px; position:relative; float:left; margin:10px 5px 150px 0; left:5px; }
#main-column { width:680px; height:auto; position:relative; float:right; margin:10px 5px 50px 0; }
#r-column { width:660px; height:auto; position:relative; float:right; margin:10px 25px 50px 0; }
#p-column { width:940px; height:auto; position:relative;  margin:0 10px 0 10px; }
.rg-col { position:relative; float:right; width:465px; margin:0; padding:15px 0 0 0; }
.about-img { width:455px; height:346px; position:relative; float:left; }
.about-sm-img { width:230px; height:230px; position:relative; float:left; margin:10px 6px 20px 0; }
.about-sm-img-last { width:230px; height:230px; position:relative; float:left; margin:10px 0 20px 0; }
.sd-box { margin:5px 10px 5px 24px; }
.about-section { position:relative; width:920px; margin:0; padding:15px 10px 0 10px; font-size:140%; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#598414; overflow:hidden; }

#sd { margin: 0 0 0 5px; padding-bottom:12px; padding-top:5px; }
#sd li { display: block; width:230px;  }
#sd li { font-size: 78%; color: #376002; text-transform:uppercase;  line-height:2em;  } 
#sd li a { color: #376002; text-transform:uppercase; margin-left:20px; line-height:2em;  }
#sd li a:hover { text-decoration:underline; }
#sd li.sd-title { background:url(../images/title_products.png) no-repeat; width:180px; height:40px; }
#sd li.current a { color:#bbb; cursor: default !important; text-decoration:none !important; }
#sd li.sr-title { background:url(../images/title_recipes.png) no-repeat; width:180px; height:40px; }
#sd li.product-name { font-size:85%; font-weight:bold; margin-left:8px;  }


.thumb { background:url(../images/thumb_bg.jpg) no-repeat; width:220px; height:260px;  }
.thumb img { width:164px; height:238px; position:relative; top:18px; left:27px;  }
.thumb-title { width:auto; position:relative; margin:5px 0 5px 0; text-align:center; font-size:82%; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  }
.thumb-wrapper { width:220px; height:290px; position:relative; float:left; margin:10px 5px 20px 0;  }

.product-title { font-size:140%; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#598414;  }
.product-title img { position:relative; float:right; padding-left:20px; }
.re-text { font-size:75%; margin:20px 0 25px 0; }

/* slideshow */
#slideshow { position:relative; bottom:-12px; left:10px;}
.pics { width:940px; height:305px;  padding:0; margin:0; overflow: hidden; }
.pics img { width:940px ; height:305px; background: transparent !important; }
#slideshow img { }


/* footer */

#footer { width: 960px; height: 70px; margin: 0 0 10px 0; position: relative; }
#footnote  { width: auto; height: auto; margin: 0 auto; position: absolute; font-size:75%; color:#fff; float:left; left:0; top: 10px; }
.add-info { width: auto; height: auto; margin: 0 auto; position: absolute; font-size:75%; color:#fff; float:left; left:0; top: 26px; }
.left { position:relative; left:15px;}
.web-design { float:right; width: auto; padding: 0; right:0; position: absolute; top:40px; color:#304b08; font-size:75%; }
.web-design a { color:#304b08; }
.web-design a:hover { text-decoration:underline;  }

#subnav { float:right; width: auto; padding: 0; right:0; position: absolute; top:10px; }
#subnav li { display:inline; list-style: none; font-size:75%; }
#subnav li a { color:#fff; text-align: center; text-decoration: none; }
#subnav li a:hover { text-decoration:underline; }
#subnav li a.listborder { border-right: 1px solid #ccc; padding-right: 12px; padding-left: 12px; }
#subnav li a.last { padding-left: 12px; }

/* Contact form */


.cform { height:auto; width: auto; margin:0; padding: 0; }
.cform fieldset { border:none !important;  height:auto; }
.cform label { margin-left:35px; padding:5px 0 8px 0; text-align:left; font: 95% 'Helvetica Neue', Helvetica, Arial, sans-serif;  color:#333; display:block; }
.cform input, .cform select, .cform textarea { margin-left:35px; background:#fff; border:1px solid #dedede; color:#797979;font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; padding:3px;  }
.cform input:hover, .cform textarea:hover, .cform select:hover	{  background:#fff; color:#6b6b6b; } 
.submit-button { margin-top:15px; }
.cform input.inputSubmit:hover, .cform input.inputReset:hover {  background:#ddd; color:#333; }
.cform  input.inputSubmit, .cform  input.inputReset { cursor:pointer; color:#fff; font: bold 80% 'Helvetica Neue', Helvetica, Arial, sans-serif; background:#598414; border:1px solid #efefef; margin-top:18px; padding:3px;  }