/* CSS Document */
/*for grilling packages  by avigail */

#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;}

#packageHeader { background:#c32f0b url(http://img.timeinc.net/recipes/static/i/grilling/bk_grillingBanner.jpg) no-repeat; margin-bottom:10px; _display: inline-block; }
#packageNav{margin:8px 0 0 180px;  _margin-left:90px;}
#packageNav li{ font: bold 100% Arial, Helvetica, sans-serif;  border-right: 1px solid #595959;}
#packageNav li.noborder{border:0;}
#packageNav a{ color: #ffe537;}
#packageNav  .selected{ color: #fff; cursor: text; text-decoration:none;}
#pageHdr h1, #pageHdr  p.dek{display:none;}/*this package has an image version */

#featuredTout h5.tip { background: url(http://img.timeinc.net/recipes/static/i/grilling/bk_grillingH5.jpg) no-repeat; color:#a02e14; font: bold 100% Arial, Helvetica, sans-serif; text-transform:uppercase;  margin-top:12px; padding:3px 0px 3px 24px;}
#featuredTout p.tipText {margin-top: 2px;}

/*animated Tout -- using Willis Belt */
.animatedTout { border-top: 1px solid #d9e1e4; }
.animatedTout .contentslider { background: url(http://img.timeinc.net/recipes/static/i/grilling/bk_animatedTout.png) no-repeat bottom; }
.animatedTout .contentslider .slidenav a { color:#2b2b2b;}
.animatedTout .prevbtn a { background:url(http://img.timeinc.net/recipes/static/i/grilling/beltArrows.png) no-repeat;}
.animatedTout .nextbtn a { background:url(http://img.timeinc.net/recipes/static/i/grilling/beltArrows.png) no-repeat right bottom; }
/* ^== middleTouts ==^*/
#middleTouts li.line{ border-bottom:1px solid #d9e1e4;}
#fiveStarReview dd.toutEyebrow { background: url(http://img.timeinc.net/recipes/static/i/stars_05.gif) no-repeat; color:#2f2f2f;}
#fiveStarReview p.quote{ color:#666;}
#fiveStarReview cite{color:#000;}
#middleTouts div.CIBimg{  border-top: 1px solid #d9e1e4; padding-top:10px;}
#poll {background: url(http://img.timeinc.net/recipes/static/i/grilling/bk_grillingPoll.png) no-repeat;}


/*left Side */
#quickLinks{background: #fffaea url(http://img.timeinc.net/recipes/static/i/grilling/bk_quickLinks.png) no-repeat;  }
#quickLinks p{ color: #666; }

/*right Rail */
div.rightWidgetOrange{ background: url(http://img.timeinc.net/recipes/static/i/grilling/bk_grillingRtWidget.png) bottom no-repeat; }
div.rightWidgetYellow{ background:url(http://img.timeinc.net/recipes/static/i/bgRt1.gif) bottom left no-repeat;}

div.rightWidgetOrange h3 {background: url(http://img.timeinc.net/recipes/static/i/grilling/bk_grillingRtWidget.png) no-repeat; color:#000;}
div.rightWidgetYellow h3 {background:url(http://img.timeinc.net/recipes/static/i/bgRt1.gif) top left no-repeat; color:#879297;}

div.rightWidgetOrange, div.rightWidgetYellow{ padding-bottom:6px; width: 300px; clear: right;} /*clear for IE repeat */
div.rightWidgetOrange h3, div.rightWidgetYellow h3  { padding: 4px 10px;  font-size:  170%; }
div.rightWidgetOrange .rwInner , div.rightWidgetYellow .rwInner{ background:#fff; border:1px solid #cfd6d8; margin:0 6px; padding:6px 4px 4px 6px; _width:276px;} /* Inner widget structure*/


/*mini calendar */
#calendarTout li.cal_title { color:#2f2f2f;}

#miniCalendar { background:url(http://img.timeinc.net/recipes/static/i/grilling/burntPaper.jpg) no-repeat;}
#miniCalendar li.cal_date { color:#c00; text-transform:uppercase; }
#miniCalendar li.cal_date strong { color:#c00; }

#calendarTout ul.nextCalendarPost li.cal_title{border-top:1px solid #d9e1e4;}

#adCol #tools a.videoIcon {background:url( http://img.timeinc.net/recipes/static/i/video.gif) right center no-repeat; padding-right:18px;}}
#adCol #tools a.rss { background:url( http://img.timeinc.net/recipes/static/i/rss.gif) left center no-repeat; color:#F07410;margin-left:5px; padding-left:15px; font: 95% Arial, Helvetica, sans-serif; }
#adCol #grillTimer{ padding-bottom:10px; }
#adCol #sauceSeeker{ border-top:1px solid #d9e1e4; padding:10px 0; }
#adCol #sauceSeeker dt{border:1px solid #e0e0e0;}

#adCol dl{ overflow: hidden; width:270px; }
#adCol dt{ float: left;}

#adCol dd.toutHeader{ font-size: 90%; font-weight: bold;}
#adCol dl.tout75 dd{ width: 185px; float:right;}


/*Calendar Page*/
#moreCalendars{border-top: 3px solid #c6330c; border-bottom:1px solid #d9e1e4; }
#calendarList p{ color:#464646; }

/*videoPage */
#brightcove{border: 1px solid #d9e1e4; border-top: none;}
#videoRelatedLinks h3 { border-top: 3px solid #956e5f;}
#videoNav{ background:url(http://img.timeinc.net/recipes/static/i/grilling/bk_videoNav.gif) repeat-x left bottom; }
#videoNav a{ color:#f07410; }
#videoNav li.selected{ background: #000 url(http://img.timeinc.net/recipes/static/i/grilling/videoNavCorners.gif) no-repeat; }
#videoNav li.selected a{ background: #000 url(http://img.timeinc.net/recipes/static/i/grilling/videoNavCorners.gif) no-repeat right top; color:#fff; cursor: text; text-decoration:none;}

/*sauceSeeker*/
#sauceSeeker{ width: 656px; }
#sauceSeekerBanner{ background:url(http://img.timeinc.net/recipes/static/i/grilling/bk_sauceSeekerBanner.png) no-repeat; width:656px; height:77px;  margin-left: 15px;}
#sauceSeekerBanner .sponsorByLogo{ margin-top: 30px;}
#sauceSeekerTool{margin-left: 15px; }


/*grillingTimer Tool*/
div.grillItem {display:none; }
#grillingTimer{position: relative; width:484px; margin-bottom:40px; padding-left: 10px;}
#grillingTimer h1{  font-size: 215%; color: #000; margin-top: 12px;}
#grillingTimer p{color: #626262; margin-bottom: 12px;}
#timerOptions{ width:494px; border-top: 1px dotted #fac98c; }
#timerOptions h3{ background: url(http://img.timeinc.net/recipes/static/i/grilling/bk_timerOptionsHdr.jpg) no-repeat;  padding: 18px 0 36px 66px; margin: 12px 0 0 20px; }
div.options{ width: 220px; float: left; margin: 0 0 12px 18px;}

div.grillItem h3{ font-size: 200%; color: #000; margin-top: 12px; width:486px; position: relative;  top:0; left: 4px; background: url(http://img.timeinc.net/recipes/static/i/grilling/bk_yellowRoundedCrn.png) no-repeat; padding:20px 0 10px 20px; }
div.grillItem h4{ font: bold 95% Georgia, "Times New Roman", Times, serif;}
div.grillItem div.grillBox{ background: url(http://img.timeinc.net/recipes/static/i/grilling/bk_yellowRoundedCrn.png) no-repeat left bottom; width:486px; padding-bottom: 24px;  margin-bottom: 10px;float:left; }

div.grillItem div.grillNotes h5, div.grillItem div.suggestedRecipes h5, div.grillItem div.grillTips h5 { background: url(http://img.timeinc.net/recipes/static/i/grilling/bk_grillingH5.jpg) no-repeat left top; padding:2px 0px 0px 28px; height:24px; color:#666670; font-weight:bold; font-size:110%; margin-top:12px; }
div.grillItem div.grillTips h6{ font-size:160%; margin:4px 0px 7px 0px; }

div.grillItem div.grillNotes, div.grillItem div.suggestedRecipes, div.grillItem div.grillTips{ padding-bottom:10px; margin-bottom:10px; border-bottom: 1px dotted #fac98c;/* background: url(http://img.timeinc.net/recipes/static/i/grilling/bk_grilling_dash.jpg) repeat-x left bottom*/; float:left;  width:474px; margin-left:10px; }
div.grillItem div.grillTime{ width: 220px; top:0; left:20px;  position: relative; float:left; }
div.grillItem div.grillTemp{ width: 220px; position: relative;0; left:35px; float:left;}
div.grillItem div.grillTime div.grillIcon{  background: url(http://img.timeinc.net/recipes/static/i/grilling/bk_grillTime.png) no-repeat left top; padding-left:60px; height:100px; }
div.grillItem div.grillTemp div.grillIcon{  background: url(http://img.timeinc.net/recipes/static/i/grilling/bk_grillTemp.png) no-repeat left top; padding-left:60px; height:100px; }
div.grillItem div.grillIcon span{ font-size:200%; color:#c6320c; font-family:Arial, Helvetica, sans-serif; }
div.grillItem div.grillTime p.guidelines, div.grillItem div.grillTemp p.guidelines{  margin: 10px 0 0px 0px; border-top: 1px solid #cfd6d8; padding-top:10px; font-size:90%; font-family:Arial, Helvetica, sans-serif;}

div.grillItem div.grillTime h4, div.grillItem div.grillTemp h4{ padding:30px 0px 0px 0px;}
div.grillItem div.grillTime ul, div.grillItem div.grillTime span{ color:#c5320c;}
div.grillItem div.grillTime ul {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:95%;}
div.grillItem div.grillTime ul li { list-style:none; margin:0 0 1px 0; float:left; clear:both; width:200px; }
div.grillItem div.grillTime ul span {font-size:110%; font-weight:bold; float:left;}
div.grillItem div.grillTime ul li .linkTitle{width:35px; font-weight:normal;}

#grillA{ width:1px; height:1px; position:absolute; top:0; left:0;}

