/*-----------------------------------------------------------------------------
PFK Main Stylesheet
author: Drive New Media, Inc.
date: 3/10
-----------------------------------------------------------------------------*/

@import url('reset.css');
//@import url('tabs.css');
@import url('fancybox.css');

/* ------------------------- REUSED CLASSES ---------------------------- */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.six {clear:left;}
.noMarginRight { margin-right: 0!important; }
.noBorder { border: none!important; }

.orange_bg { background: #ffb378;/*60-orange*/ }
.yellow_bg { background: #ffe181;/*60-yellow*/ }

.thumbnails { float: left; margin: 0 5px 5px 0; }

/* ------------------------- LAYOUT SECTIONS ------------------------------ */

/* wRapper Name */
#wrapper { text-align: left; margin: 0 auto; position: relative; width: 975px;	 }

#header { width: 975px; position: relative; height:205px; background: #0DB14B/*green*/ url('../images/css/g_headerImg.jpg') no-repeat top right; }
#header h1#logo { background: url('../images/css/h_logo.jpg') no-repeat top left; display: block; width: 238px; height: 157px; float: left; text-indent: -9999px; }
#header h1#logo a { display: block; height: 157px; text-indent: -9999px; }
#header div.headerImg { float: left; background: url('') no-repeat top left; width: px; height: px; }

#container { width: 975px; clear: both; float: left; margin: 10px 0 15px; }

#mainContent { background: #fff url('../images/css/bg_content_with_subnav.gif') repeat-y top left; width: 680px; float: left; border: 1px solid #000; }
#mainKidContent { background: #0DB14B url('../images/css/bg_kids_main.gif') no-repeat; width: 975px;height:526px;position:relative;}
body#pageHome #mainContent { border: none; background: none; }
body#pageRecipes #mainContent { background: #fff; }
body#pageHealthyEatingNutrition #mainContent { background: none; background: #fff; }
body#pagePress #mainContent { background: #fff; border:none;}
body#pagePress #mainContent #content { width:630px; padding-top:5px;}
body#pagePress #mainContent #content h3 {border-bottom:1px solid #aaa;color:#0DB14B;font-size:1.7em;margin:8px 0;font-style: italic;}

body#pagePress #mainContent #content ul li p {display:inline;font-size:1em;}

body#pageParentsOnProduce #container { border: 2px #000 solid;width:100%; background: url(../images/css/bg-parents-on-produce.gif) 0 0 repeat-y; }
body#pageParentsOnProduce #mainContent { background: #fff; border: none; width: 637px; }
body#pageParentsOnProduce #subContent, body#pageParentsOnProduce #content { float: left; }
body#pageParentsOnProduce #subContent { width: 278px; background: #b5d333 url(../images/css/g-parents-on-produce-family.jpg) center bottom no-repeat; padding: 20px 30px 240px;  }
body#pageParentsOnProduce #subContent h3#parentsOnProducePop { background: url(../images/css/h-parents-on-produce.gif) 0 0 no-repeat; display: block; width: 293px; height: 170px; text-indent: -9999px; }
body#pageParentsOnProduce #content { width: 607px; padding-left:10px;}
body#pageParentsOnProduce #content ul { float: left; }
body#pageParentsOnProduce #content ul li { float: left; height:290px;width: 270px; margin: 10px; }
body#pageParentsOnProduce #content ul li p { font-size: 1em; }

#press_photos {background-color:#ffe181;width:640px;}

#press_photos ul li {display:inline; float:left; width:100px;padding:10px;font-size:.8em;}
#press_photos ul li img {padding-bottom:5px;}

body#pageHome ul.lg-polls-answers { margin-top: 5px; }
body#pageHome ul.lg-polls-answers li { margin-bottom: 5px; }
body#pageHome ul.lg-polls-answers li label span.answer, body#pageHome ul.lg-polls-answers li span.answer { font-size: 1.4em; }
body#pageHome ul.lg-polls-answers li span.answer-total-votes { font-size: 1em; font-style:italic; }
.percentage { background: #ff7e38; padding: 2px 0; }

div.carousel { width: 680px; height: 322px; border: 1px solid #000; position: relative; }

#subNav { width: 190px; float: left; padding: 15px 20px; position: relative; }
#subNav h3, #subNav h1, #subNav h2, #subNav h4, #subNav h5, #subNav h6 /* styled the same to prevent CMS input error */ { padding: 0; font-size:1.8em;color:#FED432;}
#subNav a {color:#AEFFCF; display: block;}
#subNav ul, #subNav dl { margin: 0 0 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.2em; }
#subNav ul li { margin: 0 0 10px; }
#subNav dt { font-weight:bold; }
#subNav dd {font-style:italic; margin: 0 0 10px 0;}

.scrollable { position:relative; overflow:hidden; width: 680px; height:280px; margin: 4px 0 25px; border: 1px #000 solid; }
.scrollable .items { width:20000em; position:absolute; }
.items div { float:left; }
.navi { position: absolute; top: 505px; margin: 0; width:200px; height:40px; }
.navi a { width:20px; height:20px; float:left; margin:3px; background: #0DB14B; display:block; font-size:1px; }
.navi a:hover, .navi a.active { background: #92DCAE; }

#subNav .contact { background: url(../images/css/btn_contactUs.gif) no-repeat top left; width: 142px; height: 40px; position: absolute; bottom: -55px; left: 40px; text-indent: -9999px; }
form.sweepstakes { margin: 10px 0 0; font-size: 1.4em; }
form.sweepstakes label { clear: both; float: left; margin: 10px 0 0; font-weight: bold; width: 180px; }
form.sweepstakes input, form.sweepstakes select, form.sweepstakes textarea { clear: both; float: left; font-size: .9em; padding: 2px 3px; }
form.sweepstakes input[type="text"], form.sweepstakes textarea  { border: 1px #ffb378 solid; }
form.sweepstakes input[type="submit"] { margin-top: 10px; }
form.sweepstakes ul { clear: both; float: left; display: block; }
form.sweepstakes ul li { font-size: .8em; }


#content { float: left; width: 410px; padding: 20px; }
#content h2 {color:#FF3145; font-weight:bold;margin:0 0 10px 0;}
#content h3 {font-size: 1.5em; margin-bottom: 0; }
#content a {color:#0DB14B;}
#content ul { font-size: 1.3em; line-height: 1.2; margin: 0; }
#content ul li { margin-bottom: 10px; }
#content ol { font-size: 1.3em; line-height: 1.3; margin: 0; }
#content ol li { list-style: inside decimal; margin: 0 0 5px 15px; text-indent: -15px }
#content ol li ul { font-size: .2em!important; }

body#pagePrivacy #content { background: #fff; }

#content ul#nutrition_articles { font-size: 1em; }
#content ul#nutrition_articles li h4 { margin-top: 15px; }
#content ul#nutrition_articles li p { margin: 0; }

.recipes { padding: 10px 20px 20px 20px; }

#subNav ul.stores, body#pageKids div.games ul { background: #fff; padding: 20px 0; width: 220px; margin-left: -15px; }
#subNav ul.stores li, body#pageKids div.games ul li { text-align: center; }

body#pageContact #subNav ul li { margin-bottom:0; }

.portrait { float: left; margin: 0 10px 10px 0; }

ul.sponsors { width: 410px; }
ul.sponsors li { width: 205px; float: left; margin: 10px 0; text-align: center; font-size: .8em; }
ul.sponsors li img { width: 140px; }
ul.sponsors li a:hover { color: #000; }

ul#nutrition_articles h2 { font-size: 1.6em; }
ul.corporatePartners li { text-align: center; }

h2#idealMeals { background: url('../images/css/h_ideal_meals_white.gif') no-repeat top left; width: 282px; height: 134px; display: block; float:left;text-indent: -9999px; margin: 0 20px 0 0; }
h3.meal { clear: both; float: left; color: #0872B9; font-size: 2.7em; font-weight: bold; font-style: italic; margin:5px 0 10px 0; }
h3.meal span { color: #814F96; }
h6.nutritionistPrepared { background: url('../images/nutritionist-prepared-meals.jpg') 0 0 no-repeat; display: block; width: 270px; height: 16px; text-indent: -9999px; margin-left: -1px; }
ul.idealMeal-links { font-size: 1.3em; }

ul#recipes_list { width: 640px; display: block; clear: both; }
ul#recipes_list li { clear: both; display: block; padding: 0 0 10px; }
ul#recipes_list li img { float: left; margin: 0 20px 50px 0; }
ul#recipes_list li img.rating_star { margin-right:2px !important; }
ul#recipes_list li a {color:#0DB14B;}
ul#recipes_list li h4 { font-size: 1.7em; }
ul#recipes_list li h4 a {color:#FF3145;}
ul#recipes_list li p { margin-left: 210px; }

body#pageHealthyEatingNutrition #subContent, body#pageHealthyEatingNutrition2 #subContent { width: 265px; float: right; padding: 20px 10px 10px 13px; background: #FFE44F; }
body#pageHealthyEatingNutrition #subContent h2, body#pageHealthyEatingNutrition2 #subContent h2 { color: #D1232A; font-size: 2.4em; }
body#pageHealthyEatingNutrition #subContent h3, body#pageHealthyEatingNutrition2 #subContent h3 { background: #368037; border: 2px #000 solid; border-left: none; color: #fff; font-weight: normal; font-size: 2.3em; padding: 5px 0 5px 13px; margin: 15px 0 5px -13px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; }
body#pageHealthyEatingNutrition #subContent ul li, body#pageHealthyEatingNutrition2 #subContent ul li { font-size: 1.4em; }


ul#categories_list, ul#nutrition-for-you { width: 650px; display: block; clear: both; }
ul#categories_list li, ul#nutrition-for-you li { float: left; display: block; width:282px;height:284px; margin-left: 25px;}
ul#categories_list li img { margin: 0; }
ul#categories_list li a {color:#0DB14B;}

#pageRecipes #subContent { background: #FFE44F url(../images/ideal_meals_mom_daughter.jpg) center bottom no-repeat; min-height: 860px; }
body#pageHealthyEating #subContent { background: #FEEEA3; padding: 0 15px;  }
body#pageHealthyEating #subContent img { margin: 10px auto 20px; display: block; }

.recipeSearch { background: #fff; padding:10px 15px; border:1px solid #f00; width:80%; margin:0 auto; }
.recipeSearch h2 {color:#f00;font-size:2em;margin:3px 0;}

#subContent ul.categories_list { margin: 30px 0 0; }
#subContent ul.categories_list li { margin: 0; padding: 0; }
#subContent ul.categories_list li a { display: block; float: left; }

/*
ul#categories_list { width: 650px; display: block; clear: both; }
ul#categories_list li { float: left; display: block; padding: 0 10px 10px 0;width:150px;height:150px;font-size:0.88em; }
ul#categories_list li img { margin: 0; }
ul#categories_list li a {color:#0DB14B;}
ul#categories_list li h4 { font-size: 1.8em; }
ul#categories_list li h4 a {color:#FF3145;}
*/

.recipe_col2 { float: left; width: 230px; margin: 0; }
.recipe_col2 h3 { padding: 0; margin: 5px 0 0; font-size:1.4em; line-height: 1.2; color: #0872B9; }
.recipe_col2 ul { font-size: 1.3em; margin: 5px 0; padding: 0 0 5px; border-bottom: 1px #ccc solid; color: #666; }
.recipe_col2 a {color:#0DB14B}
ul#sponsors { border: none; float: left; }
ul#sponsors li { width: 100px; float: left; margin: 5px; }
.recipe_col1 { float: right; width: 380px; margin: 10px 0 0; }
.recipe_col1 h2 {color:#FF3145; font-weight:bold;margin:0 0 10px 0; }
.recipe_col1 h3 { font-size: 1.5em; line-height: 1; margin: 0; color: #814F96; }
.recipe_col1 h4 { font-size: 1.3em; font-style: italic; }
.recipe_col1 ul { font-size: 1.3em; margin: 5px 10px; }
.recipe_col1 ul li { list-style-type: disc; list-style-position: inside; text-indent: -12px; margin-left: 12px; }
.recipe_col1 .nutritional { font-size: .85em; border: 1px #ccc solid; padding: 5px 10px; margin: 0 0 10px; }
.recipe_col1 #meal_tips { background: #ffb378; padding: 10px 15px 7px; margin: 0 0 10px; font-size: 1em; }
.recipe_col1 #meal_tips h6 { font-size: 1.35em; font-weight: bold; }
.recipe_col1 #meal_tips ul { margin-left: 0; }
.recipe_col1 #meal_tips ul li { text-indent: -12px; margin-left: 12px;}
.recipe_col1 p.nutritionTotals { font-size: 1.2em;}
h5.preptime {border-bottom:1px solid #aaa; padding-bottom:5px;margin-bottom:5px;}

ul#idealMealsSub {clear:both;}
ul#idealMealsSub li {display:inline;float:left;padding:0 10px 15px 0;color:#FF3145;font-weight:bold;font-size:1.5em;}
ul#idealMealsSub li a {color:#FF3145;text-decoration:underline;}
.recipes blockquote {padding:25px 5px 5px 5px;font-size:1.4em;font-weight:bold;}

body#pageHome div.bucket { float: left; margin: 10px 10px 0 0; padding: 15px; position: relative; min-height: 192px; }
div.bucket { float: left; margin: 10px 10px 0 0; padding: 15px; position: relative; }
div.bucket p { margin-bottom: 0px; }
div.bucket p a { color: #0DB14B; }
div.bucket ul li.vote { position: absolute; bottom: 15px; right: 20px;}
body#pageHome div.wide { width: 447px; }
div.wide { width: 260px; }
div.narrow { width: 162px; }
ul.socialNetworks { width: 250px; }
ul.socialNetworks li { float: left; }

#subContent { width: 286px; float: right; }
body#pageHealthyEating #subContent { width: 263px; }
#subContent h4 {clear:both;}
#subKidContent { width: 258px; position:absolute; left:705px;}
#subKidContent a { margin: 10px 0 0; }
#recipeSearch { background: #d5010f; width: 267px; padding: 93px 10px 10px; position: relative; }
#recipeSearch h1#idealMeals_side { background: url('../images/css/h_idealmeals_side.jpg') no-repeat top left; text-indent: -9999px; width: 287px; height: 83px; position: absolute; top: 0; left: 0; }
#recipeSearch h1#idealMeals_side a { display: block; height: 83px; }
#recipeSearch .idealMeals_img img { margin: -15px 0 10px; }
#recipeSearch ul { margin: 5px 0 0 7px; float: left; }
#recipeSearch ul li { float: left; margin-right: 5px; padding-right: 5px; border-right: 1px #fff solid; }
#recipeSearch ul li a { color: #fff; }
.callOut { margin: 10px 0; }

#didYouKnow {background-color:#FFE181;padding:5px 10px;border:5px solid #FFD34D;}
#didYouKnow h3 {color:#C00;margin:5px 0;}
#didYouKnow p {color:#900;font-style:italic;}
#didYouKnow a {color:#C00;}
#didYouKnow li {font-size:1.28em;}
#didYouKnow hr {border-bottom:1px solid #ffb378;}

.mealPicker img { margin: -15px 0 10px;}
.mealPicker h3 a { color: #0872B9; font-size: 1.3em; font-weight: bold; font-style: italic; }

/*KIDS GAMES*/

.mapGame {text-indent:-9999px;width:316px;height:219px;position:absolute;top:297px;left:113px;display:block;background-image:url(about:blank);}	
.colorGame {text-indent:-9999px;width:215px;height:225px;position:absolute;top:292px;left:432px;display:block;background-image:url(about:blank);}	


#footer { clear: both; border-top: 1px solid #000; }
#footer ul { float: left; margin: 5px 0 0; }
#footer ul li { display: inline; }
#footer ul li a:hover { color: #000; }
#footer p { float: right; font-size: .9em; margin: 5px 0 0; }



/******* MAIN NAV ********/
ul#mainNav { position: absolute; bottom: 10px; left: 40px; }
ul#mainNav li { display: inline; float: left; font-size: 2em; margin-right: 30px; }
ul#mainNav li a { display: block; }
ul#mainNav li a:hover, ul#mainNav li.active a { color: #fff; }


/****** SUB NAV *******/
ul#mainNav li div.sub {
	position: absolute; /*--Important--*/
	top: 25px;
	background: #fff;
	border: 1px #ddd solid;
	padding: 10px 5px 15px;
	float: left;
	width: 220px;
	height: auto;
	display: block;
	display: none; /*--Hidden for those with js turned off--*/
	z-index: 1000;
}

ul#topnav li .sub ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 220px;
	float: left;
}
ul#mainNav li div.sub ul li {
	width: 100%; /*--Override parent list item--*/
}
ul#mainNav li div.sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	background: no-repeat;
	padding: 1px 5px 2px 15px;
	display: block;
	text-decoration: none;
	color: #000;
	font-size: .4em;
	width: 100%;
}
ul#mainNav li div.sub ul li a:hover, ul#mainNav li div.sub ul li.subActive a {
	color: #FBB040;
}

/*
.tweet, .query {
	margin-top:3px;
  font-size: 100%;
  color: #333; }
  .tweet .tweet_list, .query .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #fff; }
    .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase; }
    .tweet .tweet_list li, .query .tweet_list li {
      overflow-y: auto;
      overflow-x: hidden;
      padding: .5em; }
      .tweet .tweet_list li a, .query .tweet_list li a {
        color: #FBB040; }
    .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
      background-color: #91E5E7; }
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
        vertical-align: middle; }

.tweet_join { display: none; }
.tweet_text { display: block; }
*/

.twtr-widget { clear: both; }
.twtr-hd h3, .twtr-hd h4, .twtr-ft { display: none!important; }
.twtr-hd { float: left!important; width: 31px!important; }
.twtr-bd { float: left!important; width: 627px!important; font-size: .9em!important; }

#ratings p {font-size: 1.1em;}
#ratings p a {color:#0872B9;}

#rating { clear: both; float: left; margin: -5px 0 10px; }
#rating li { list-style: none; display: inline; text-indent: 0; margin-left: 0; }
#rating li input { background: url(http://www.produceforkids.org/themes/rating/default/images/star-0.gif) 0 0 no-repeat; }

.rating { border-bottom: 1px #ccc solid; margin-bottom: 10px; }

p.paginate a:hover { color: #FF3145; }