/* CSS Document */

body {
margin:0; 
background-color:#a5cf4d; 
text-align:center;min-height: 100%; 
margin-bottom: 1px; 
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}


a { 
}

a:hover {
}

img {border:0; }

#header {
width: 991px;
margin-top:15px;
background-image:url(/images/template/main_bg.gif);
background-repeat:repeat-y;
height:111px;
text-align:left;
}
#head-top {
margin-top:-10px;
background-image:url(/images/template/header_bg.gif);
width:991px;
height:71px;
}

.logo {
padding-left:80px;
margin-top:35px;
float:left;
}
#header #search {float:left; width:290px; font-family :  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;padding-left:130px;padding-top:35px;font-size:12px;color:#67453E;border:0px;}
#header #search input, .subText input {border:0px;}

#header #submitRecipe {float:left; width:180px; text-align:right;padding-top:35px;padding-left:20px;}

#header #submitRecipe label {float:left;}

#header .searchPhrase {float:left; margin:4px 3px 0 0;border:1px solid #67453e;}

#header .searchIn {clear:both; }

#main p, #main td, #main div, #main li {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:13px; color:#67453e;}


a {color:#67453e;}
a:hover {text-decoration: none;}

#main {
width: 946px;
padding-left:25px;
padding-right:20px;
background-image:url(/images/template/main_bg.gif);
background-repeat:repeat-y;
text-align:left;
margin-bottom:0px;
}



/*footer styles*/
#footer { 
clear:both; 
background-image: url(/images/template/footer_bg.jpg); 
background-repeat: no-repeat; 
text-align:center; 
padding-top:10px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 991px;
font-size:12px;
color:#364EA2;
margin-bottom:0px;
padding-bottom:65px;
margin-left:-25px;
}

#footer a, #footer p { color:#364EA2; text-decoration:none; padding:0 3px;  }
#footer a:hover {text-decoration: underline;}


#primaryNav {width:940px;float:left;}
#nav-border {margin-left:0px;float:left; padding-bottom:0;height:22px; background : url(/images/template/bg-primary-nav-divider.gif) no-repeat bottom left; width:940px; padding-bottom:0px;margin-top:-13px;}
/*styling the nav itself*/
#primaryNav ul {list-style-type: none; float:right;}
#primaryNav li { float: left; border-left:2px solid #fff;}
#primaryNav a {float:left; color:#000; display:block; height:22px; overflow:hidden;}
#primaryNav li span {display:none;}
/*#primaryNav a:hover {background-image:none!important;}*/

#primaryNav ul li.home a:hover {background: url("/images/template/nav-home-over.jpg") 0 0 no-repeat; width:76px;}
#primaryNav ul li.recipes a:hover {background: url("/images/template/nav-recipes-over.jpg") 0 0 no-repeat; width:76px;}
#primaryNav ul li.nutrition a:hover {background: url("/images/template/nav-nutrition-over.jpg") 0 0 no-repeat; width:78px;}
#primaryNav ul li.lists a:hover {background: url("/images/template/nav-lists-over.jpg") 0 0 no-repeat; width:112px;}
#primaryNav ul li.cooking a:hover {background: url("/images/template/nav-cooking-over.jpg") 0 0 no-repeat; width:129px;}
#primaryNav ul li.articles a:hover {background: url("/images/template/nav-articles-over.jpg") 0 0 no-repeat; width:142px;}


/*individual buttons*/
#primaryNav ul li.home {background: url("/images/template/nav-home.gif") -76px 0 no-repeat;}
#primaryNav ul li.home a {background: url("/images/template/nav-home.gif") 0 0 no-repeat; width:76px;}
#primaryNav ul li.recipes {background: url("/images/template/nav-recipes.gif") -76px 0 no-repeat;}
#primaryNav ul li.recipes a {background: url("/images/template/nav-recipes.gif") 0 0 no-repeat; width:76px;}
#primaryNav ul li.nutrition {background: url("/images/template/nav-nutrition.gif") -78px 0 no-repeat;}
#primaryNav ul li.nutrition a {background: url("/images/template/nav-nutrition.gif") 0 0 no-repeat; width:78px;}
#primaryNav ul li.lists {background: url("/images/template/nav-lists.gif") -112px 0 no-repeat;}
#primaryNav ul li.lists a {background: url("/images/template/nav-lists.gif") 0 0 no-repeat; width:112px;}
#primaryNav ul li.cooking {background: url("/images/template/nav-cooking.gif") -129px 0 no-repeat;}
#primaryNav ul li.cooking a {background: url("/images/template/nav-cooking.gif") 0 0 no-repeat; width:129px;}
#primaryNav ul li.articles {background: url("/images/template/nav-articles.gif") -142px 0 no-repeat;}
#primaryNav ul li.articles a {background: url("/images/template/nav-articles.gif") 0 0 no-repeat; width:142px;}

/*turning primary nav items on when we're in that section*/ 
#primaryNav ul li.home-active a {background-image: url("/images/template/nav-home-over.jpg") ;background-repeat:no-repeat;width:78px; }
#primaryNav ul li.recipes-active a {background-image: url("/images/template/nav-recipes-over.jpg") ;background-repeat:no-repeat;width:76px;}
#primaryNav ul li.nutrition-active a {background-image: url("/images/template/nav-nutrition-over.jpg") ;background-repeat:no-repeat;width:78px; }
#primaryNav ul li.lists-active a {background-image: url("/images/template/nav-lists-over.jpg") ;background-repeat:no-repeat;width:112px;}
#primaryNav ul li.cooking-active a {background-image: url("/images/template/nav-cooking-over.jpg") ;background-repeat:no-repeat;width:129px;}
#primaryNav ul li.articles-active a {background-image: url("/images/template/nav-articles-over.jpg") ;background-repeat:no-repeat;width:142px;}


/*vertical navigation styles*/
#verticalNav {margin-bottom:12px;}
#verticalNav h3 {background : url(/images/template/bg-subnav-header.gif) repeat-x bottom left #7da7d9; padding:0 8px 8px 20px; color:#fff; font-size: 12px; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif;}
#verticalNav ul {list-style-type: none; width:151px;margin-left:-40px;margin-top:-12px;}
#verticalNav li {display:inline;}
#verticalNav li a {width:123px; display:block; color:#67453e; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration: none; background : url(/images/template/bg-subnav-bullet-off.gif) no-repeat 8px 9px #bed3ec; padding:4px 10px 4px 18px; border-bottom: 1px solid #fff; }
#verticalNav li a:hover {background : url(/images/template/bg-subnav-bullet-on.gif) no-repeat 8px 9px #e5edf7;}
#verticalNav li.active a {background : url(/images/template/bg-subnav-bullet-on.gif) no-repeat 8px 9px #e5edf7;}


/* Navigation Bar
------------------------------------------------*/
#nav {
	float:left; 
	width:925px; 
	margin-left:30px; 
	background-color:#ffffff; 
	color:#fff;
	margin:0px;
	height:35px;
	margin-left:14px;
}

#nav ul {
	list-style-type: none;
	}
#nav ul li {
	float: right;
}

#nav ul li.home {
	background-color:#3a5f1a;
		}
#nav ul li a.active {color:#67453e;}
#nav ul li a:hover {color:#67453e;}


#nav ul li a {
	text-transform: uppercase; font-size:12px; text-decoration:none; color:#fff; font-weight:bold; padding:2px 10px 4px 10px;
	
}

#nav ul li a.home {
color:#64463e;	
}


input, textarea, select {
border:1px solid #333333;
font-family:arial;
font-size:12px;
}

.submit-button
{
color: #FFFFFF;
font-weight:bold;
padding:1px;
background: #7ca84f;
border:0px #CCCCCC outset;
}




fieldset {border:0;}
fieldset#newsletter input {margin-right:10px;}
fieldset#submitRecipeForm input {width:400px; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 2px solid #7da7d9; padding:2px;}
fieldset#submitRecipeForm textarea {width:400px; height:160px; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 2px solid #7da7d9; padding:2px;}
fieldset#submitRecipeForm input.submitButton {width:67px; height:24px; position: relative; left:330px; border: none;}
#container {width:991px; margin: 0 auto; text-align:left; background-image:url(../images/template/main_bg.gif); background-repeat: repeat-y;}

/*framework styles*/

.column#homeLeft {float:left; width:236px; margin-right:12px; margin-top:-8px;}
.column#homeCenter {float:left; width:444px;  margin-right:12px; margin-top:-8px;}
.column#left {width:151px;margin-top:-12px;}
.column#center {float:left; width:524px;  margin-right:2px;  font-family: Verdana, Arial, Helvetica, sans-serif;margin-left:15px;font-size:12px; }
.column.padded#center {float:left; width:509px;  margin-right:12px; padding:10px;}
.column#right {float:left; width:236px;  margin-top:-8px;}

/*common styles*/
.heading {background-color: #67453e; font-style:italic; font-weight:bold; font-size:13px; padding:5px; font-family:"trebuchet ms", Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; }

.subText {padding:10px; font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;} 
.subText p, .subText ul {font-size:12px; margin-bottom:4px;}
.subText h4 {margin:0px;}
#center p {font-size:12px; margin-bottom:10px;}
#center b {font-size:12px;}
#center ul, #center ol {margin-left:20px;}
#center ul.nobullet {list-style-type: none; margin-left:0;}
#center ul.nobullet li {font-size:12px; margin-bottom:12px;}

.column#center ul li, .column#center ol li {margin-bottom:5px;}

/*left column styles*/
#recipe { background-color:#f7941d; margin-bottom:10px; }
#recipe h4 {color:#fff; font-size:13px;}
#recipe .subText {padding:10px 10px 6px 10px;} 
#recipe p {color:#fff;}

#expressMenu {color:#67453E; background-color:#FFEA59; margin-bottom:10px; margin-top:0px;}
#expressMenu a { color:#67453E; }

#featuredGadget {float:left;background-color:#bf1e2d; width:151px; font-family :  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#featuredGadgetHorizontal {background-color:#BF1E2D; color:#FFFFFF;}
#featuredGadgetImage {float:left;}
#featuredGadgetText {float:left; width:100px; padding:8px 8px 0 8px;}
#featuredGadgetText h4 {color:#fff; font-size:13px;margin-top:-2px;}
#featuredGadgetText p {color:#fff;margin-top:-10px;font-size:12px;}


#featuredSideBar { width:147px; float:left; border: 2px solid #F7941E; color:#67453E; margin:10px 0; }
#featuredSideBar .innerWrapper {border: 2px solid #fbcc94; padding:5px; font-family : Verdana, Arial, Helvetica, sans-serif;}
#featuredSideBar h4 { color:#f7941d; font-size:15px; font-family :  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#featuredSideBar a { color:#67453E; }
#featuredSideBar img {float:left; position: relative; top: -5px; left:-5px;}

#featuredSideBar2 { float:left; width:147px; border: 2px solid #bf1e2d; color:#67453E; margin:10px 0; font-family : Verdana, Arial, Helvetica, sans-serif;}
#featuredSideBar2 .innerWrapper {border: 2px solid #df8e96; padding:5px; }
#featuredSideBar2 h4 { color:#bf1e2d; font-size:15px; font-family :  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#featuredSideBar2 a { color:#67453E; }

.column#left #featureCallout { width:131px; float:left; background-color: #FFEA59; color: #67453E; padding:10px; margin-top:10px; font-family : Verdana, Arial, Helvetica, sans-serif;}
.column#left #featureCallout img {margin-left:45px;}
.column#left #featureCallout h2 { color: #364ea2; font-size:20px; line-height:20px; padding-bottom:5px; font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
.column#left #featureCallout p { color:#67453e; margin-bottom:10px; font-size:12px; }


#sub #featuredGadget {float:left;background-color:#bf1e2d; width:151px; font-family :  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#sub #featuredGadgetText h4 {color:#fff; font-size:13px;}
#sub #featuredGadgetText p {color:#fff;}
#sub #featuredGadgetText {float:left; width:133px; padding:8px 8px 8px 8px; }



/*right column styles:*/
.search #newsletter, .recipe #newsletter  {margin-top:10px;}/*puts the space above the newsletter box on pages that need it*/
#newsletter { margin-bottom:10px; background-color: #FFEA59; color: #364EA2; }
#newsletter .subText {}
#newsletter p {font-size:12px; color:#364ea2; margin-bottom:5px;}
#newsletter .submitButton {position: relative; top:5px; }
#newsletter input { color: #8695C7;}

#weeklyPoll {clear:both; background-color:#7DA7D9; color:#FFFFFF; font-size:12px; margin-bottom:10px; padding-bottom:10px; font-family :  Verdana, Arial, Helvetica, sans-serif;}
#weeklyPoll .pollPad { 	padding-left:10px; 	padding-top:3px;}
#weeklyPoll .pollPad label { color:#fff;}
#weeklyPoll .pollPad p { color:#fff; margin-bottom:-12px;}


#askSadie { color: #67453E; background-color:#F7941D; margin-bottom:10px; }
#askSadie .subText {font-family :  Verdana, Arial, Helvetica, sans-serif;}
#askSadie a { color: #67453E; }
#askSadie textarea { border: 1px solid #fff; background-color: #fbd3a3; color: #364ea2; font-size:10px; width:215px; height:50px; font-family :  Verdana, Arial, Helvetica, sans-serif;}
#askSadie input { margin-top:10px; }
#askSadie .question {font-weight:bold; margin-bottom:5px; font-size:12px; font-style:italic;}
#askSadie .answer { margin-bottom:5px;}
#askSadie .submitButton {position: relative; left:150px;}

#advert {  font-weight:bold; font-style:italic; padding-top:5px; padding-left:5px;  font-family : "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;}

/*mainpage features*/
#sub .feature {margin-bottom:10px; width:525px;}
#sub .feature .innerWrapper {padding:10px; width:501px; }
#sub .feature .innerWrapper h2 {font-family :  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#sub .feature p {margin-bottom:10px;}
#sub .feature p.intro {font-weight:bold; font-size:13px;}
.feature#one { float:left; color: #67453E; border: 2px solid #a5cf4d; width:524px; margin-bottom:6px;}
.feature#one .innerWrapper {border: 2px solid #d2e7a6; width:520px;}
.feature#one h2 { color: #A5CF4D; font-size:20px; padding-left:5px;line-height:20px; }
.feature#one p {font-size:12px; margin-left:10px;}
.feature#one .byline {font-style: italic; font-size:12px;font-family :  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
.feature#one img { padding-right:5px; }
.innerWrapper div {margin-left:10px;margin-right:10px;}

.feature#two { float:left; color: #67453E; border: 2px solid #f7941d;width:524px; margin-bottom:6px; }
.feature#two .innerWrapper {float:left; border: 2px solid #fbc98e;width:520px; }
.feature#two p { padding-left:5px; }
.feature#two h2 { color: #F7941E; font-size:20px; padding-left:5px;line-height:20px; }
.feature#two img { padding-left:5px; padding-bottom:5px;}

.feature#three { float:left; color: #67453E; border: 2px solid #bf1e2d;width:524px; margin-bottom:6px; }
.feature#three .innerWrapper {float:left; border: 2px solid #df8e96;width:520px;}
.feature#three p { }
.feature#three h2 { color: #BF1E2D; font-size:20px; line-height:20px;}
.feature#three img {padding-right:5px;}

.feature#four { float:left; color: #67453E; border: 2px solid #7da7d9;width:524px; margin-bottom:6px; }
.feature#four .innerWrapper {float:left; border: 2px solid #bed3ec;width:520px;}
.feature#four p { padding-left:5px; }
.feature#four h2 { color: #7DA7D9; font-size:20px; padding-left:5px; line-height:20px; }
.feature#four img { padding-left:5px;}


#breadCrumbs { font-size:10px; margin-bottom:20px;}
#breadCrumbs a { color: #67453E; text-decoration:none; }
#article img { border: 1px solid #f0890d; margin-right:10px; margin-bottom:10px; }
#article .byline { font-style: italic; font-size:12px; margin-bottom:10px; font-weight:bold; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
#article .item {margin-bottom:50px;}

#article .question {font-weight:bold; color:#f0890d; font-size:14px; margin:10px 0;}
#article .question cite { font-style: italic; font-size:12px; font-weight:bold; margin:2px 0; display:block; }
#article .answer p {font-size:12px; margin-bottom:10px; }
#article .answer .a {color:#f0890d; font-weight:bold; padding-right:3px; font-size:13px;}

ol.searchResults li { margin-bottom:12px; font-size:12px;}
ol.searchResults a {font-size:12px; font-weight:bold;}
.pagination .next { text-align:center; margin-top:30px; }
.pagination .next img { margin-right:5px; margin-left:5px; }

/*spotlight area*/
#highlight { height:250px; width:444px; background-color:#BF1E2D; font-family :  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#highlight #mainImage {float:left; margin-right:15px;}
#highlight #mainText {width:136px; top:10px; padding-top:20px; float:left;}
#highlight h1 { line-height:20px; font-size:20px; font-weight:bold; color:#FFAB45; display:block; margin-bottom:10px; }
#highlight p { font-size:12px; color:#fff; }

#splitColumns {float:left; padding-top:15px; font-family :  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}


/*hot topics*/
#splitColumns #hotTopics {border-right: 2px solid #A5CF4D; color: #67453E; float:left; padding:0 10px 0 10px; width:200px; }
#splitColumns #hotTopics h2 { color:#BF1E2D; font-size:20px;}
#splitColumns #hotTopics ul {margin: 10px 0 10px 0; padding:0; list-style: none;}
#splitColumns #hotTopics li {font-size:12px; color:#67453e; padding: 0 0 5px 15px; background:url(/images/template/green_bullet.gif) top left no-repeat;  background-position: .1em .2em; line-height:12px; margin-bottom: 5px;}

/*recent articles*/
#splitColumns #recentArticles { color: #67453E; border-left: 2px solid #A5CF4D; position: relative; left:-2px; float:left; padding:0 10px 0 10px; width:200px; }
#splitColumns #recentArticles ul {margin: 10px 0 10px 0;  padding:0; list-style: none;}
#splitColumns #recentArticles li {font-size:12px; color:#67453e; padding: 0 0 5px 15px; background:url(/images/template/orange_bullet.gif) top left no-repeat;  background-position: .1em .2em; line-height:12px; margin-bottom: 5px;}
#splitColumns #recentArticles h2 {color:#7DA7D9; font-size:20px;}

/*get inspired*/
#splitColumns #inspired {color: #67453E; background:url(/images/bg-home-inspired.jpg) no-repeat; margin-top:20px; padding:19px 8px 40px 95px; width:113px; float:left; margin-right:8px;font-size:12px;}
#splitColumns #inspired a {color: #67453E; font-style: italic;font-size:12px;}
#splitColumns #inspired h4, #splitColumns #inspired p {color: #67453E; font-size:13px; line-height:15px; font-weight:bold;}
#splitColumns #inspired #inspiredText {padding-top:0px;	padding-left:5px; }

/*share ideas*/
#splitColumns #shareIdeas {color: #364ea2; background:url(/images/bg-home-ideas.jpg) no-repeat; padding:16px 70px 45px 11px; width:135px; float:left; margin-top:20px; font-size:12px;}
#splitColumns #shareIdeas h4, #splitColumns #shareIdeas p {color: #364ea2; font-size:13px; line-height:15px; font-weight:bold;}
#splitColumns #shareIdeas a {color: #364ea2; font-style:italic;font-size:12px;}
#splitColumns #shareIdeas #lunchBoxText {	padding-top:0px; padding-left:5px;}

#splitColumns #inspired p, #splitColumns #shareIdeas p {margin-top:-4px;}