@charset "UTF-8";
/* CSS Document */

/* IE png fix
----------------------------------------*/
div, img { behavior: url(/iepngfix/iepngfix.htc); }


/* Reset
-------------------------------------------------- */
* { margin:0; padding:0; }

body { margin:0; background-color:#FFFFFF; text-align: center; /* IE Fix */ }

img { border:0; }


/* Typography
-------------------------------------------------- */
body, td, th, input, select, textarea {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color:#684F40;
}

h1, h2, h3, h4, h5, h6 { font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
h1 { font-size:1.9em; }
h2 { font-size:1.2em; margin:1.5em 0 1em 0; color:#AE123C; }
h3 { font-size:1em; font-weight:bold; margin:0 0 1em 0; }
h4 { font-size:1em; font-weight:bold; margin:1em 0 0 0; }

p, ul, ol, table { margin:0 0 1em 0; }

ul { list-style:none; }
ol { margin:0 0 1em 2em; }

hr { 
  background:#EFEEBB; 
  color:#EFEEBB; /* IE Fix */
  height: 2px; 
  margin: 2em 0; 
  padding: 0; 
  border: none; 
}


a:link { color:#5D9732; text-decoration:none; }
a:visited { color:#537F2D; text-decoration:none; }
a:hover, a:active { text-decoration:underline; }


/* Tables
-------------------------------------------------- */
table { border-collapse:collapse; border-spacing:0; margin-bottom: 1em; }
th,td   { padding:1px 4px 1px 0; line-height:1.2em; vertical-align:top; }


/* Default classes
-------------------------------------------------------------- */
p.small   { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
p.large   { font-size: 1.2em; line-height: 2.5em; }
p.quiet   { color: #666; }
.top { margin-top:0; }

.imgLeft { float:left; margin:0 18px 18px 0; } /* margin spacing to match line height */
.imgRight { float:right; margin:0 0 18px 18px; }
.imgWide { margin-right:-50px; }


/* Clearing floats without extra markup [http://www.positioniseverything.net/easyclearing.html] */
.clearfix { display: inline-block; }   
.clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


* html ul li a { height:1em; } /* IE fix */


/* Containers
-------------------------------------------------- */
#bgImg { background:url(/cookbook/css/img/bg_fade_shadow.gif) 50% 100% no-repeat; padding-bottom:70px; }
#container { margin:0 auto; width:910px; text-align:left; background:#fffacb url(/cookbook/css/img/bg_fade.gif) 0 0 repeat-x; }


/* Home Page
-------------------------------------------------- */
#home #bgImg { background:url(/cookbook/css/img/bg_ca_map.jpg) 50% 100% no-repeat; padding-bottom:70px; }
#home #container { background:none; }
#home #header h1 { background:url(/cookbook/css/img/experience_ca_wht.gif) 0 0 no-repeat; }

#homeSidebarFade { background:url(/cookbook/css/img/sidebar_fade_home.png) 0 0 no-repeat; height:240px; }

#intro { float:left; width:660px; margin-right:35px; color:#FFFFFF; }
#intro h2 { width:660px; height:37px; background:url(/cookbook/img/intro_headline.gif) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; margin:0; }
#intro #banner { margin:30px 0; }
#intro .column { float:left; width:205px; margin-left:15px; _width:200px; }

#intro #pdfDownload { padding-top:0; background:none; _padding-left:0; }
#intro #pdfDownload a { color:#FFFFFF; } 
#intro #pdfDownload a:hover { color:#533E32; text-decoration:none; } 

#home #recipeNav li a { display:block; color:#533E32; background:#80AA3E; padding:5px 10px 5px 20px; } 
#home #recipeNav li a em { padding-left:14px; background:url(/cookbook/css/img/arrow_brown_home.gif) 0 3px no-repeat; }
#home #recipeNav li a:hover { color:#537F2D; background:#F6F6D2; text-decoration:none; } 
#home #recipeNav li a:hover em { background:url(/cookbook/css/img/arrow_green.gif) 0 3px no-repeat; }



/* Header
-------------------------------------------------- */
#header { padding:30px 20px 40px 20px; }
#header h1 { font-size:36px; line-height:38px; margin:0; height:0; padding-top:100px; overflow:hidden; background:url(/cookbook/css/img/experience_ca.gif) 0 0 no-repeat; }
#header h1 em { font-size:24px; font-style:normal; text-indent:-999px; overflow:hidden; }
#header #logo { float:right; margin-right:10px; }


/* Sidbars
-------------------------------------------------- */
.sidebar { width:215px; float:left; }
#recipeNav { margin:0; }
#recipeNav li { margin-bottom:2px; font-size:13px; }
#recipeNav li em { font-size:11px; font-style:normal; }
#recipeNav li a { display:block; color:#533E32; background:#EFEEBB; padding:5px 10px 5px 20px; } 
#recipeNav li a em { padding-left:14px; background:url(/cookbook/css/img/arrow_brown.gif) 0 3px no-repeat; }
#recipeNav li a:hover, #recipeNav li a.current { color:#537F2D; background:#F6F6D2; text-decoration:none; } 
#recipeNav li a:hover em, #recipeNav li a.current em { background:url(/cookbook/css/img/arrow_green.gif) 0 3px no-repeat; }

#recipeNav #homeLink a { color:#F6F6D2; background:#A8C358; }
#recipeNav #homeLink a:hover { color:#533E32; background:#A8C358; }

#pdfDownload { width:195px; padding:30px 0 100px 20px; font-weight:bold; background: url(/cookbook/css/img/sidebar_fade.png) 0 0 no-repeat; }
#pdfDownload img { float:left; }
#pdfDownload p { padding-top:56px; font-size:13px; margin:0; }
#pdfDownload a { color:#533E32; } 
#pdfDownload a:hover { color:#537F2D; text-decoration:none; } 

#chefinfo { color:#AE123C; }
#chefinfo a { color:#5D091F; }


/* Recipes
-------------------------------------------------- */
#recipes { width:430px; padding:0 15px; float:left; }
#recipes h2 em { font-size:12px; font-style:normal; }
td.qty { width:40px; }


/* Footer
-------------------------------------------------- */
#footer { color:#999999; font-size:11px; line-height:14px; }
