/* CSS Document */
/*for global packages for Myrecipes on specific css for that package(colors, background images, and border)*/

body {font:normal .8em georgia, times, serif; color:#555;}
h1, h2, h3, h4, h5, h6 {font:normal 100% georgia, times, serif; color:#464646; margin:5px 0;} /* Normalizes font-size for headerNews */
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, hr {margin:0; padding:0;}/*zeros out margin padding */
ul, ol {list-style-type:none;}/* removes bullet points */
fieldset, img {border:0;}/* removes borders */
input {vertical-align:middle;}
.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}/*from Global.css */
h2.sectionTitle {font-size:220%;padding:6px 0 12px; width:504px;}
h3.nextLevelHeader {font-size:150%;}
h3.widgetTitle {font-size:155%;}/* used abive widget touts */
h4.subHead {font:bold 95% Georgia, "Times New Roman", Times, serif;}
h5.widgetTitle {font-size:145%;}/* used in second nav */
/* ^== Links */
a {color:#a02e14; text-decoration:none;}
a:hover, a:active {text-decoration:underline;}
a.moreLink, .moreLink a {color:#F07410; font:95% Arial, Helvetica, sans-serif;}
em.seeAll {display:block; text-align:right; font-size:100%; font-style:normal; white-space:nowrap;}/*holds 'See all' link*/
ul.linkList {color:#a02e14; list-style:disc; padding-left:8px;}
ul.linkList li {margin-left:8px; line-height:1.4;}

/* Template Structure */

#containerWrapper {width:994px; margin:0 auto; position:relative;}
#containerWrapper, #header, #content, #footer, #packageHeader, #mainContentLevel, #videoContent {display:block;}
#content, #footer {width:994px;}
#featuredContent {float:left; width:694px;}/* includes glutters */
#content {overflow:hidden; padding-bottom:10px;}  /*from Global.css */
/* 2 col Layout for featuredContent */
#secondLevelNav {width:170px; float:left; padding-top:13px;}/* width plus the gutter */
#mainContentLevel {float:left; padding-bottom:20px; width:520px;} /* width plus the gutter */
#adCol {margin-top:14px; width:300px; float:right; position:relative; display:block;}

/* ^ All Ads*/
#adtop {position:absolute; top:33px; right:10px; width:728px; height:90px;}
#adCol div.ad300 {border-top:1px solid #d9e1e4; border-bottom:1px solid #d9e1e4; padding:12px 0; margin:12px 0; float:right;}
#adCol div.last {border:0;}
div.cibAD{border-top:1px solid #CFD6D8; border-bottom:1px solid #CFD6D8;float:left; padding:15px 0 15px 4px;width:636px; margin-left:8px;}

.featuring {position:absolute; top:1px; left:10px; font:10px arial, sans-serif; color:#b0b0b0;}
#packageHeader .sponsorByLogo {width:170px; float:right; margin:45px 35px 0 0;}
#ad300x250, .google {font:normal 10px arial, sans-serif; color:#555;}/*from Global.css */
#footer_adtop {position:relative; top:25px; left:120px; margin-bottom:25px;}

div.bottomAds {width:665px; float:left; margin-top:20px; border-top:1px solid #cfd6d8;}
div.bottomAds div.quigo {width:290px; float:left; margin:25px 12px 0 12px; _margin-left:6px;}
div.bottomAds div.bookPromo, div.bottomAds div.tastebookPromo, div.bottomAds div.consumerMarketingPromo {width:340px; float:left; margin-top:10px;}
div.ad300 {cursor:pointer;}
#bottomAds div.ad340 {margin-right:20px;}
#newsletterPromo {cursor:pointer;}

/**********from Global ****************************************************************************************************************/
#headerSrch {background:#FFF1B3; border-right:1px solid #DEC8B6; border-bottom:1px solid #DEC8B6;}
#headerSrch form {background:#FFF4C1; padding:8px 10px; margin:0;}
#headerSrch form input {vertical-align:middle; margin-left:5px;}
#headerSrch form input.text {width:400px; border:1px solid #ccc; border-color:#8d8d8d #ccc #e3e3e3 #ccc; padding:3px 2px;}
#headerSrch label {display:none; vertical-align:middle; font:bold 12px arial, sans-serif; color:#8F5F2B;}

#headerCM {float:right; margin:15px 10px 0 0; font:bold 12px arial, sans-serif;}
#headerCM ul {list-style:none; margin:0; padding:0;}
#headerCM li {display:inline; padding:0 0 0 10px;}
#headerCM li a {background:url(http://img.timeinc.net/recipes/static/i/arrow1-fs8.png) left center no-repeat; padding-left:11px;}


#topbar {background:#b13320; border-bottom:1px solid #ffcd7b; font:bold 11px arial, sans-serif; color:#fff; padding:3px 10px; height:15px; overflow:hidden;}
#topbar a {color:#fff;}
.right {float:right;}
.left {float:left;}


/* Header  from Global.css removed old search styles*/
#header {position:relative; background:#fffbe9; height:140px;}
#header #logo {margin:0; position:absolute; top:11px; left:0;}

#header #promo, #header #promo a {position:absolute; top:16px; left:365px;}
#header #promoflash, #header #promoflash a {position:absolute; top:32px; left:715px;}
#header #hdrtxt {font:normal 11px arial,sans-serif; padding:5px 10px; color:#A0A0A0;}
#header #hdrtxt a {color:#A0A0A0; text-decoration:none;}
#header #hdrtxt a:hover, a:active {text-decoration:underline;}

#header #hdrtxt .left {float:left;}
#header #hdrtxt .right {float:right; padding-left:10px; background-image:url(http://img.timeinc.net/recipes/static/i/arrow_orange.gif) no-repeat;}
#header #hdrtxt .right a {text-decoration:underline; color:#555;}
#header #hdrsearch {position:absolute; top:37px; left:355px;}
#header #hdrsearch label span{color:#fff; display:none;}
#header #hdrsearchoptions label {font:bold 11px arial,sans-serif; text-transform:uppercase; color: #2A2A2A; margin:3px 5px 0 0;}
#header #hdrsearchoptions label, #header #hdrsearchoptions input {float:left;}

#header #hdrsearchform {position:relative; margin-top:1px; background-image:url(http://img.timeinc.net/recipes/static/i/bg_search.gif) no-repeat; height:31px; width:304px;}
#header #hdrsearchform input#hdrsearchbox {float:left; width:218px; height:19px; padding:2px 0 0 5px; margin:4px 0 3px 5px; font:normal 15px arial,sans-serif; border-top:2px solid #7B7C7E; border-right:1px solid #C3C4C6; border-left:1px solid #C3C4C6; border-bottom:0; color:#A8A8A8;}
#header #hdrsearchform input#hdrsearchbox.active {color:#000;}
#header #hdr_btn_search {float:right; margin:3px 4px;}

#topnav li a, #topnav a span, #topnav li.menu a, #topnav li.menu a span {background: url(../i/topnav.gif) no-repeat 0 0;}

#topnav{ clear:both;position:absolute; top:115px; left:0;}
#topnav ul {list-style:none; margin:0; padding:0;}
#topnav li {float:left; position:relative; font-weight:bold; font: bold 12px arial,sans-serif;}
#topnav li a {background-position: 0 -201px;  display:block; text-decoration:none !important; display:block;  padding:0  0 0 13px; color:#8f5f2b; white-space:nowrap;margin-right:1px;}
#topnav a span{background-position: right -201px; padding: 5px 13px 4px 0; display:block; position: relative;}
#topnav li a.menu{background-position: 0 -302px;}
#topnav li a.menu span{background-position: right -302px; padding-right: 20px;}
#topnav li li a{background-image:none;}

#topnav li ul {display:none; position:absolute; left:-999em; width:190px; padding:1px 5px 5px 5px; background:#fff;}
#topnav li li {float:none; font-weight:normal; font-size:0.95em;}

#topnav li li a, #topnav li:hover li a {display:block; background:#fff; padding: 9px 10px; width:170px; }

#topnav ul ul { border:2px solid #E9A14A; background-color:#fff; border-top:none;}
#topnav ul ul li { font:normal 13px arial,sans-serif; background:none; color:#794E1F;}

#topnav ul ul li a.first {border-top: 3px solid #fff;}
#topnav ul ul li a.last {border-bottom: 3px solid #fff;}
#topnav ul ul li a:hover, #topnav ul ul li a:hover span, #topnav ul ul li.active a, #topnav ul ul li.active a span {background-color: #FFE5B7; cursor:pointer;}
#topnav li a:hover, #topnav li.currentchannel a:hover{color:#8f5f2b;}

#topnav li.currentchannel a{background-position: 0 -1px; color:#313130;}
#topnav li.currentchannel a span{background-position: right -1px; }
#topnav li.currentchannel a.menu{background-position: 0 -102px; }
#topnav li.currentchannel a.menu span{background-position: right -102px; }

#topnav li a:hover{background-position: 0 -402px; }
#topnav li a:hover span{background-position: right -402px;}

/*drop down hover states*/
body #topnav li.selected a.menu{background-position: 0 -503px;}
body #topnav li.selected a.menu span{background-position:right -503px;}

#topnav li#grilling a{background-position: 0 -605px; color:#fff;}
#topnav li#grilling a span{background-position:right -605px;}
#topnav li#grilling a:hover{background-position: 0 -707px; color:#fff;}
#topnav li#grilling a:hover span{background-position:right -707px;}



/* Footer from Global.css*/
#footer {clear:both; color:#7c5911; background:#fcb523 url(http://img.timeinc.net/recipes/static/i/bgFt1.png) left bottom no-repeat; border-top:1px solid #fff; padding:20px 0 30px 0; font:11px arial, sans-serif;}
#footer a {color:#7c5911; margin:0 2px;}
#footer strong {margin:0 2px;}
#footer .ftLogo {float:left; margin-left:20px;}
#footer .ftLinks {padding-left:210px;}
#footer .ftLinks p {margin-bottom:0.5em;}
#footer .ftLinks p:first-child {font-weight:bold;}
#footer .ftLinks img {vertical-align:middle;}
#footer .copyright {padding-left:210px; font-weight:bold;}
#footer .copyright a {text-decoration:underline;}
#footer .spcMap {margin:1.5em 0; padding-left:210px; font:13px helvetica, verdana, arial, sans-serif; color:#fff;}
#footer .spcMap img {margin-top:10px;}
#footer p.friend {font-weight:bold;}

#footer #newsltr {position:relative; background:url(http://i.timeinc.net/recipes/static/i/bg_newsltr.jpg) no-repeat; height:143px; width:280px;}
#footer #newsltr #newsltr_signup {position:absolute; top:60px; left:12px;}
#footer #newsltr #newsltr_signup label {color:#2A2A2A; font:normal 12px arial, sans-serif;}
#footer #newsltr span.email input {float:left; margin:10px 4px 0 7px; width:175px; height:15px; font:normal 13px arial, sans-serif; border-top:1px solid #7B7C7E; border-right:1px solid #C3C4C6; border-left:1px solid #C3C4C6; color:#2A2A2A;}
#footer #newsltr span.submitbtn {float:left; margin:9px 0 0 0;}
#footer #cmtout {margin-top:5px;}
#footer #newsltr input#newsltr_email {color:#555;}
#footer #newsltr input#newsltr_email.active {color:#2A2A2A;}
#breadcrumbs {font-size:12px; margin:0 0 5px 15px; display:block;}
#articlecol {margin-left:0!important;}

/* Above is shell for MR */
/* packageHeader and packageNav structure*/
#packageHeader {width:994px; height:104px; float:left;}
#packageNav {float:left;}
#packageNav li {float:left; padding:0 10px;}
#pageHdr{float:left; width:725px;}

/*landing structure */
div.landingWide {float:left; margin:6px 0 0 6px;}
div.landingNarrow {width:280px; float:left; margin-top:16px;}

/*player*/
div.playerWrapper {width:305px; float:left; margin:16px 20px 0 6px; padding:30px;}

/*page widgets */
div.themedMenus {float:left;}

/*heros*/
#featuredTout {margin-bottom:15px; float:left;}
#featuredTout h2 a {font-size:1.75em;}
#featuredTout dt {float:left;}
#featuredTout dd {float:right; padding:0 4px 10px 10px;}
#featuredTout dd.toutHeader {margin-bottom:-8px;}
dl.hero300 {width:494px;}
dl.hero300 dt {width:300px;}
dl.hero300 dd {width:180px;}

/* ^==Belt ==^ */
 /* shared  by animated tout and gallery belt*/
 .contentslider {position:relative; float:left;}
/*.contentslider .disabledmsg {display:block; padding:5px; margin:0 20px 5px 20px; background:#ffffcc;}*/
.contentslider .skiplink {position:absolute; left:-5000px;}
.contentslider .viewall, .contentslider .disabledmsg {display:none;}
.contentslider .slidescont, .contentslider .slide {float:left; display:inline;}
.contentslider .slidescont {position:relative; top:0; left:0; width:5000px;}/*width so that the slides behave on load js actually measures width*/
/* Width = (Slide width + left/right margins, paddings, borders) x number of visible slides */
.contentslider .maincont {position:relative; top:0; left:0; overflow:hidden;}
/* New containers for nav buttons */
.contentslider .slidenav {display:block; float:left;}
.contentslider .slidenav .prevbtn {float:left;}
.contentslider .slidenav .nextbtn {float:right;}
.contentslider .slidenav .directions {font-family:Arial, Helvetica, sans-serif;}
.contentslider a {}
/**/

/*animated Tout -- using Willis Belt */
.animatedTout {width:504px; position:relative; float:left; padding-bottom:15px;}
.animatedTout h3 {margin-top:15px; text-align:center;}
.animatedTout .contentslider {width:504px;}/*Specify total slider width*/
.animatedTout .contentslider .slidescont {margin-left:9px; margin-right:9px;}
.animatedTout .contentslider .maincont {width:486px; padding-bottom:10px;}
.animatedTout .contentslider .maincont p.dek {padding:9px;}
.animatedTout .contentslider .slide {width:159px; padding-top:4px; text-align:center;}
.animatedTout .contentslider .slide .imgcont {}
.animatedTout .contentslider .prevslidelink, .animatedTout .contentslider .nextslidelink {display:inline!important;}/* Prev & Next buttons are display:block by default in javascript */
.animatedTout .contentslider .slidenav {padding:5px 15px 16px; text-align:center; width:465px;}
.animatedTout .contentslider .slidenav a {font:normal 95% Arial, Helvetica, sans-serif;}
.animatedTout .prevbtn a {padding:5px 0 5px 20px;}
.animatedTout .nextbtn a {padding:5px 20px 5px 0;}
.animatedTout .beltTout .txtcont {padding:9px;}
.animatedTout .beltTout .txtcont a {font-weight:normal;}

/* ^== middleTouts ==^*/
#middleTouts {float:left; width:504px; margin-bottom:15px; padding-bottom:10px;}
#middleTouts li.line, #middleTouts li.noline {display:block; width:504px; float:left;}/*bc of the way polls was built so it needed the extra class of line/noline*/
#middleTouts li.line {padding:15px 0;}
#middleTouts li.noline {border:0; padding:10px 0 0;}

/* tout code for 75px and 150px */
#middleTouts dl {float:left; width:504px;}
#middleTouts dt {float:left;}
#middleTouts dd.toutHeader, #middleTouts dd.toutCopy, dl.tout150 dd.toutEyebrow {float:right;}
#middleTouts dd.toutHeader {font-size:155%;}
#middleTouts dl.tout75 dd {width:418px;}
#middleTouts dl.tout150 dd {width:340px;}
#fiveStarReview dd.toutEyebrow {background:url(http://img.timeinc.net/recipes/static/i/stars_05.gif) no-repeat; padding-top:10px; color:#2f2f2f; font:bold 95% Georgia, "Times New Roman", Times, serif;}
#fiveStarReview p.quote {font-size:120%; color:#666;}
#fiveStarReview cite {display:block; color:#000;}
#fiveStarReview strong {display:block;}

div.landingWide div.rowTout {padding-bottom:10px;}
div.landingWide div.rowTout ul {width:640px; margin-left:8px;}

/*Touts*/
div.img75 ul.tout {margin-top:5px;}
div.img75 ul.tout li {padding:14px 0 8px; overflow:hidden;}
div.img75 ul.tout li.last {margin-right:0; border-bottom:0;}
div.img75 ul.tout p {margin:0; padding:0;}
div.img75 ul.tout p.thumb img {float:left; margin-right:10px;} /* for all tout images */
div.img75 ul.tout p.dek {display:inline;}

/*150 row  (Img Touts) */
div.rowTout {float:left;}
div.rowTout li {float:left; width:154px; margin-right:8px;}
div.rowTout li.last {margin-right:0;}
div.rowTout p {margin:0; padding:0;}
div.rowTout p.thumb img {width:150px;}
div.rowTout h4 {float:left; padding-top:5px;}

/*left Side */
#quickLinks {width:160px; margin-bottom:10px; padding:100px 0 10px; text-align:center; border-top:1px solid #cfd6d8; border-bottom:1px solid #cfd6d8;}
#quickLinks li {margin:0 14px 5px;}
#quickLinks p {color:#666; font-size:85%;}

/*right Rail */
div.rightWidgetSpecial {padding-bottom:6px; width:300px; clear:right;} /*clear for IE repeat */
div.rightWidgetSpecial h3 {padding:4px 10px; font-size: 170%;}
div.rightWidgetSpecial .rwInner {margin:0 6px; padding:6px 4px 10px 6px; _width:276px;} /* Inner widget structure*/

/*mini calendar */
#calendarTout ul {width:215px; padding-left:60px; position:relative; font:bold 100% Georgia, "Times New Roman", Times, serif; padding-bottom:8px; margin:5px 0;}
#calendarTout li {width:210px; background-image:none; padding:0 0 2px 5px; margin:0;}
#miniCalendar li.cal_date {width:38px; position:absolute; top:0; left:0; text-align:center; padding:0 2px;}
#miniCalendar li.cal_date strong {font-size:190%; display:block;}
#calendarTout ul.nextCalendarPost li.cal_title {padding-top:8px;}

/*Calendar Page*/
#CalendarPage {width:660px;}
#calendarBanner {margin-left:15px;}
#flashCalendar {margin:16px 0 16px 15px;}
#moreCalendars {padding:16px 0 16px 15px;}
#calendarList {margin-top:16px; overflow:hidden;}
#calendarList li {width:85px; margin-right:20px; float:left;}
#calendarList h6 {margin-bottom:8px;}
#calendarList p {margin-top:5px;}

/*videoPage */
#videoPage {}
#brightcove {float:left; width:790px; margin-bottom:15px;}
#videoRelatedLinks {width:190px; float:right; margin-top:44px;}
#videoRelatedLinks h3 {margin:0 30px 10px 0; padding-top:11px;}
#videoNav {width:790px; float:left;}
#videoNav li {float:right;}
#videoNav a {text-decoration:underline; display:block; padding:5px 10px;}
#videoNav li.selected {padding-left:3px;}
#videoNav li.selected a {text-decoration:none; padding-bottom:6px;}

#make-homepage {position:absolute; top:1px; left:772px; font:11px arial,sans-serif; color:#A02E14;}


#toolbar {margin:0 0 4px 0;}
#toolbar ul {list-style: none;}
#toolbar li {font: 10px tahoma, sans-serif; display:inline; margin-right:10px;}
#toolbar li a {color:#a9a9a9; padding:2px 2px 8px;}
#toolbar li a:hover {color:#f07410;}
#toolbar a.share {background:url(http://img.timeinc.net/recipes/static/i/nav_tools.gif) no-repeat 0 3px; padding-left:15px;}
#toolbar a.print {background:url(http://img.timeinc.net/recipes/static/i/nav_tools.gif) no-repeat 0 -85px; padding-left:16px;}
#toolbar a.email {background:url(http://img.timeinc.net/recipes/static/i/nav_tools.gif) no-repeat 0 -41px; padding-left:16px;}
#toolbar img {vertical-align:middle;}

.backlink {margin-bottom:10px;}