* { margin: 0; padding: 0; border: 0; }
html{ font-size: 62.5%; font-family: Helvetica, Arial, Sans; }
body{ background: url("../images/body_bg.gif") top left repeat-x #ffffe9; }
input, textarea { border: 1px solid #333; padding: 0 2px;}
select { border: 1px solid #333; }
option { padding: 2px 8px 0 2px; }
#content p, #content dt, #content dd { font-size: 1.2em; line-height: 1.5em; margin: 1em 6px 1em 0; }
#content ul, #content ol{ margin: 1em 0 1em 3em; }
#content li{ font-size: 1.2em; line-height: 1.5em; margin-bottom: 6px;}
#content td, #content th { font-size: 1.2em; line-height: 1.5em;}
#content td p, #content li li, tt { font-size: 12px; line-height: 1.5em; font-family: Helvetica, Arial, Sans;}
#content dt { margin-bottom: 7px; }
#content dd { margin-top: 0; }
#content h3{ margin: 1.5em 0 1em 0; font-size: 1.4em; color: #333333; }
/* layout */
#wrapper{ width: 800px; margin: 0 auto;}
#logo img{ position: relative; z-index: 5; }
#header{ height: 128px; background: url("../images/banner_bg.jpg") no-repeat; margin-top: 18px; }
#home #header, #about #header { background: url("../images/top_1.jpg"); }
#pasta #header, #healthy #header { background: url("../images/top_4.jpg"); }
#kids #header, #news #header { background: url("../images/top_2.jpg"); }
#kids-crafts1 #header { background: url("../images/top_kidscrafts_1.jpg"); }
#kids-crafts2 #header { background: url("../images/top_kidscrafts_2.jpg"); }
#recipes #header, #cooking #header { background: url("../images/top_3.jpg"); }
#innerwrap{ position: relative; top: -220px; background: url("../images/page_bg.gif") repeat-y;}
#subhead{ height: 69px; background: url("../images/circle.gif") no-repeat; }
#nav{ width: 171px; }
#content{ position: relative; top: -60px; float: right; width: 620px; }
* html #content {height: 1%; }
* html #content{ height: 1px; }
#footer{ color: #fff; background: #0c389d; clear: right; padding: 3px; }
#home #footer{ }
/* boxes */
.contentbox_wide{ margin: 0 4em 2em 4em; background: #ffffe9; padding: 1em; border: 1px solid #000; position: relative; }
#home .contentbox_wide{ margin: 0 4em 2em 4em; background: #ffffe9; padding: 1em; border: 1px solid #000; position: relative; }
.contentbox_inner{ margin: 1em; padding: 1em; background: #fff4d8; border: 1px solid #000; }
.col { width: 200px; float: left; margin-right: 16px; position: relative; }
.crafts1, .crafts2 { width: 148px; height: 116px; margin-right: 0px; padding: 5px 0 0 100px;}
.crafts1 { background: #fff4d8 url(../images/kids_craft1_bg.jpg) no-repeat left top;}
.crafts2 { background: #fff4d8 url(../images/kids_craft2_bg.jpg) no-repeat -15px top; margin-left: 10px;}
.crafts1 h3, .crafts2 h3 { }
.crafts1 p, .crafts2 p { color: #000; margin: 0; }
#content .contentbox_inner h3 { margin-top: 0; text-align: center; }
#content .contentbox_inner h3 a { color: #333; }
.contentbox_wide img { border: 1px solid #ddd; padding: 0;}
.right, .feat { float: right; margin: 0 0 8px 16px; position: relative; }
.feat { width: 80px; text-align: center; margin-top: 12px; padding: 5px; position: relative; }
#content .feat h3 { font-size: 12px; margin-bottom: 0; padding-bottom:0;}
#content .feat p { font-size: 11px; margin: 6px 0 0 0;}
#content .feat a { color: #333; text-decoration: none}
#content .feat a:hover { text-decoration: none; }
#home .feat { left: 6px; }
#home .feat img { border: 1px solid #333; }
.clearfix{ clear: left; }
/* navigation */
#nav ul{ list-style: none; }
#nav li{ text-indent: -999em; }
#nav li a{ height: 100%; width: 100%; display: block; }
/*#nav li#nav_about{ background: url("../images/nav_about.gif") no-repeat; height: 48px; }
#nav li#nav_about:hover, #nav li#nav_about.sfhover{ background-position: 0 -48px; }
#nav li#nav_about ul{ margin-top: -48px; }*/
#nav li#nav_pasta{ background: url("../images/nav_pasta.gif") no-repeat; height: 43px; }
#nav li#nav_pasta:hover, #nav li#nav_pasta.sfhover{ background-position: 0 -43px; }
#nav li#nav_pasta ul{ margin-top: -43px; }
#nav li#nav_news{ background: url("../images/nav_news.gif") no-repeat; height: 43px; }
#nav li#nav_news:hover, #nav li#nav_news.sfhover{ background-position: 0 -43px; }
#nav li#nav_news ul{ margin-top: -43px; }
#nav li#nav_kids{ background: url("../images/nav_kids.gif") no-repeat; height: 41px; }
#nav li#nav_kids:hover, #nav li#nav_kids.sfhover{ background-position: 0 -41px; }
#nav li#nav_kids ul{ margin-top: -41px; }
#nav li#nav_cooking{ background: url("../images/nav_cooking.gif") no-repeat; height: 63px; }
#nav li#nav_cooking:hover, #nav li#nav_cooking.sfhover{ background-position: 0 -63px; }
#nav li#nav_cooking ul{ margin-top: -63px; }
#nav li#nav_recipes{ background: url("../images/nav_recipes.gif") no-repeat; height: 59px; }
#nav li#nav_recipes:hover, #nav li#nav_recipes.sfhover{ background-position: 0 -59px; }
#nav li#nav_recipes ul{ margin-top: -59px; }
#nav li#nav_healthy{ background: url("../images/nav_healthy.gif") no-repeat; height: 41px; }
#nav li#nav_healthy:hover, #nav li#nav_healthy.sfhover{ background-position: 0 -41px; }
#nav li#nav_healthy ul{ margin-top: -41px; }
#nav li#nav_faqs{ background: url("../images/nav_faqs.gif") no-repeat; height: 41px; }
#nav li#nav_faqs:hover, #nav li#nav_faqs.sfhover{ background-position: 0 -41px; }
#nav li#nav_faqs ul{ margin-top: -41px; }
#nav li#nav_membersonly{ background: url("../images/nav_membersonly.gif") no-repeat; height: 41px; }
#nav li#nav_membersonly:hover, #nav li#nav_membersonly.sfhover{ background-position: 0 -41px; }
#nav li#nav_membersonly ul{ margin-top: -41px; }
#nav li#nav_tech_com{ background: url("../images/nav_tech_com.gif") no-repeat; height: 41px; }
#nav li#nav_tech_com:hover, #nav li#nav_tech_com.sfhover{ background-position: 0 -41px; }
#nav li#nav_tech_com ul{ margin-top: -41px; }
#nav li#nav_about{ background: url("../images/nav_about_with.gif") no-repeat; height: 41px; }
#nav li#nav_about:hover, #nav li#nav_tech_com.sfhover{ background-position: 0 -41px; }
#nav li#nav_about ul{ margin-top: -41px; }
#nav li ul{
position: absolute;
left: -999em;
font-size: 1.0em;
width: 182px;
border-top: 1px solid #706454;
margin-left: 160px;
z-index: 20;
}
#nav li ul li{
position: relative; /* DO NOT REMOVE */
border-width: 0 1px 1px 1px; /* DO NOT REMOVE */
background: #f6e2ad; /* Background for flyouts */
border-style: solid; /* Style for the borders between flyout items */
border-color: #706454; /* Color for the borders between flyout items */
width: 175px;
text-indent: 0;
height: 28px;
line-height: 28px;
padding-left: 5px;
font-size: 1.2em;
}
#nav li a { /* Link properties */
display: block; /* DO NOT REMOVE */
background-color : transparent; /* DO NOT REMOVE */
color: inherit; /* DO NOT REMOVE */
text-decoration: none; /* DO NOT REMOVE */
width: 100%; /* DO NOT REMOVE */
height: 100%; /* DO NOT REMOVE */
color: #000; /* Color of the text for your nav items */
}
#nav li li a:hover { background: transparent; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em; /* DO NOT REMOVE */
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: 0; /* DO NOT REMOVE */
}
#nav li ul li:hover, #nav li ul li.sfhover{
background: #fdffe9; /* Background of the sub nav items when hovered */
}
/* footer */
#footer ul{ list-style: none; margin-left: 196px; }
#footer li{ float: left; margin-right: 40px; }
#footer li a, #footer p a { color: #ffffff; }
#footer p { clear: left; text-align: center; padding-top: 6px;}
/* home page search box */
#header form{ padding: 85px 0 0 660px; }
#header form input{ width: 125px; background: #fff; border: 1px solid #000; padding: 1px; font-size: 1.2em; }
#header form label{ color: #fff; font-size: 1.2em; text-transform: uppercase; font-weight: bold; }
#shapes td { padding: 10px;}
#shapes td img { margin: 0 0 8px 24px; }
#shapes2 td { padding: 20px 10px 10px 28px;}
#shapes2 td img { margin: 0 0 8px 0; border-color: #333;}
#shapes2 p { margin-top: 2px;}
.recipe img { border: 1px solid #333; float: right; margin: 8px 0 10px 10px; position: relative;}
#sitemap { list-style: none; font-size: 12px; }
#sitemap li a { color: #333; text-decoration: none; font-weight: bold;}
#sitemap li ul { padding-top: 0; margin-top: 5px;}
#sitemap li li a { font-size: 11px; font-weight: normal;}
#sitemap li a:hover, #sitemap li li a:hover { text-decoration: underline; }
/* One day, IE6 will go away and I will never have to deal with its shit again */
* html #npa_logo{ visibility: hidden; }
/* recipe styles */
.i-hot, .i-cold, .i-healthy, .i-photo, .i-quick { width: 20px; border-bottom: 1px solid #d3d6a6;}
.hot .i-hot { background: url(../images/icon_hot_small.gif) no-repeat 2px; }
.cold .i-cold { background: url(../images/icon_cold_small.gif) no-repeat 2px;}
.healthy .i-healthy { background: url(../images/icon_healthy_small.gif) no-repeat 2px;}
.quick .i-quick { background: url(../images/icon_quick_small.gif) no-repeat 2px;}
.photo .i-photo { background: url(../images/icon_photo_small.gif) no-repeat 2px;}
table.recipelist { margin-top: 20px; width: 520px;}
table.recipelist td { padding: 3px 1px; border-bottom: 1px solid #d3d6a6;}
table.recipelist tr { border-bottom: 1px solid #d3d6a6;}
#cross-cats { border-bottom: 1px solid #d3d6a6; height: 70px; text-align: center;}
#cross-cats a { text-decoration: none; color: #333;}
#cross-cats ul { }
#cross-cats li { list-style: none; float: left; padding: 6px 20px; text-align: center;}
#cross-cats img, #cross-cats a img { border: none;}
#tabsK { float:left; position: relative; width: 494px; font-size:93%; font-weight: bold; line-height:normal; border-bottom:1px solid #54545C; margin: 0 0 0 13px; }
#tabsK ul { margin:0; padding:10px 10px 0 50px; list-style:none; }
#tabsK li { display:inline; margin:0; padding:0; }
#tabsK a { float:left; background:url("../images/tableftK.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
#tabsK a span { float:left; display:block; background:url("../images/tabrightK.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsK a span {float:none;}
/* End IE5-Mac hack */
#tabsK a:hover span { color:#FFF; background-position:100% -42px; }
#tabsK a:hover { background-position:0% -42px; }
#tabsK a:hover span { background-position:100% -42px; }
#feat-recipes img {border: 1px solid #333;}
#feat-recipes a { color: #333; }
#reg2009{ border:0; margin:0 auto; padding-bottom:20px;}
#reg2009 a, #reg2009 a img{ border:0;}
#loverecipes{ clear:both; border:0; margin:8px auto; padding-bottom:20px; width:500px;}
#loverecipes a, #loverecipes a img{ border:0;}