/* =GENERAL ====================================================================================== */ * {margin: 0; padding: 0;} ol,ul {list-style:none;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-family: "Trebuchet MS", Arial, Verdana,Helvetica, sans-serif; } a img {border: 0;} table {border-collapse: collapse;} fieldset {border: none;} /* body {background: #780f3c url(/images/bg-body.gif) 0 0 repeat-x; font: 62.5%/1.4 Arial, "Trebuchet MS", Helvetica, Verdana, sans-serif; /* set up 10px = 1em at default end-user/browsers settings */ color: #010101;} */ body {background:#fff;} #headerPrinterFriendly { display:block;padding-left:10px; } #frameBelowHeader { border:0px; } #challenge {top: 200px;} /* =LINKS ====================================================================================== */ /* Defaults */ a, a:link { text-decoration:none; color:#d10702; outline: none;} a:visited { color:#ba0702;} a:hover { color:#e83f00; text-decoration:underline;} a:active { color:#e83f00;} /* Sub Menu nav text links */ ul#submenu li a, ul#submenu li a:link {color:#d26103;} ul#submenu li a:visited {color:#d26103;} ul#submenu li a:hover, ul#submenu li a:active {color:#000;} ul#submenu li.on a, ul#submenu li.on a:link {color:#000; cursor:default;} /* set 'active' page with 'class="on"' set on LI element */ /* Recipes in this Article widget links */ #recipes-in-article-widget ul li a, #recipes-in-article-widget ul li a:link {color: #a01258;} #recipes-in-article-widget ul li a:visited {color: #6f0c3d;} #recipes-in-article-widget ul li a:hover, #recipes-in-article-widget ul li a:active, #recipes-in-article-widget ul li.active a {color: #020001;} /* Sidebar Marketplace Ad box */ #secondary #marketplace ul a, #secondary #marketplace ul a:link {color: #a01258;} #secondary #marketplace ul a:visited {color:#6f0c3d;} #secondary #marketplace ul a:hover, #secondary #marketplace ul a:active {color: #a01258;} /* same as :link */ /* Image-replaced links - basic color styles as backup for no images */ #nav a, #search a, #footer a {color:#fff;} /* "more" links */ #content a.more {letter-spacing:1px; font:bold .8em "Trebuchet MS", Arial, Verdana, sans-serif; text-transform:uppercase; color:#a01258; height:15px; background:url(/images/bg-more.gif) top left no-repeat; padding-left: 12px;} /* =TYPOGRAPHY ====================================================================================== */ #container {font-size: 1.2em;}/* top level // 1.2em = 12px at default end-user/browser settings */ #main h2 {font-size:1.8em;} #secondary h2 {font-size:1.4em;} #main h3 {font-size:1.6em; font-family:Georgia, "Times New Roman", Times, serif; text-transform:lowercase; line-height:1.2em;} #main #city-guides h3, #main #at-home h3 { font-size:1.6em; color:#b93200;} #secondary h3 {font-size:1.2em; font-family:Georgia, "Times New Roman", Times, serif;} #main h4 {font:bold 1em "Trebuchet MS", Verdana, sans-serif; letter-spacing:1px; color:#000; padding:2px 0; text-transform:uppercase; line-height:1.2em;} #secondary h4 {font-size:1.15em;} p {margin: 10px 0 10px 0;} ul#submenu li a {font-size: 1em; font-weight:bold; text-transform:uppercase;} ul.list { list-style:disc; color:#668899; margin-left:15px;} .highlight {background-color:#a01258; color:#fff; padding:0 3px; font:bold .8em "Trebuchet MS", Arial, Verdana, sans-serif; text-transform:uppercase;} #main dl dt {font:bold 1em "Trebuchet MS"; letter-spacing:1px} #main dl dd {} #ad_top_728x90 {position:relative; background-color:#FFFFFF; margin-top:50px;} /* =IMAGES ====================================================================================== */ /* vertical images */ .image-large {background-image:url(/images/bg-image-large.gif) top no-repeat; width:200px; height:250px;} .image-large img {width:190px; height:240px;} .image-medium {background-image:url(/images/bg-image-medium.gif); background-position:top left; background-repeat:no-repeat; padding:5px; margin:2px 5px; width:136px; height:158px;} .image-medium img {width:130px; height:150px;} .image-small {background-image:url(/images/bg-image-small.gif); background-position:top left; background-repeat:no-repeat; padding:5px 0 0 5px; margin:2px 5px; width:100px; height:114px;} .image-small img {width:90px; height:104px;} /* horizontal images */ .image-wide-large {background-image:url(/images/bg-image-wide-large.gif); background-position:top left; background-repeat:no-repeat; margin:2px; padding:5px; width:250px; height:200px;} .image-wide-large img {width:240px; height:190px;} .image-wide-medium {background-image:url(/images/bg-image-wide-medium.gif); background-position:top left; background-repeat:no-repeat;margin:2px; padding:5px; width:158px; height:136px;} .image-wide-medium img {width:150px; height:130px;} .image-wide-small {background-image:url(/images/bg-image-wide-small.gif); background-position:top left; background-repeat:no-repeat;margin:2px; padding:5px; width:114px; height:100px;} .image-wide-small img {width:104px; height:90px;} /* image credit */ .imageCredit { text-align: left; color: #333; font: normal 11px arial, sans-serif; width: 200px; } .image-small .imageCredit { text-align: left; margin: 6px 0 0 0; width: 100px; } .image-medium p .imageCredit { text-align: left; margin: 10px 0 10px 0; width: 140px; } .image-medium2 .imageCredit2 { float: left; text-align: left; margin: 5px 0 10px 0; } .image-large .imageCredit { text-align: left; margin: 10px 0 0 0; } .image-wide-medium .imageCredit { text-align: left; margin: 7px 0 0 0; width: 140px; } /* graphic headers */ h1.cooking-guides {width:660px; height:55px; margin-bottom:5px; background:url(/images/bg-cookingguides-h1.gif) 0 0 no-repeat; text-indent:-9999px;} h1.menus {width:660px; height:55px; margin-bottom:5px; background:url(/images/bg-menus-h1.gif) 0 0 no-repeat; text-indent:-9999px;} h1.chefs {width:660px; height:55px; margin-bottom:5px; background:url(/images/bg-chefs-h1.gif) 0 0 no-repeat; text-indent:-9999px;} h1.slideshows {width:660px; height:55px; margin-bottom:5px; background:url(/images/bg-slideshows-h1.gif) 0 0 no-repeat; text-indent:-9999px;} h1.recipe-of-the-day {width:660px; height:55px; margin-bottom:5px; background:url(/images/bg-recipe-of-the-day-h1.gif) 0 0 no-repeat; text-indent:-9999px;} h1.travel {width:660px; height:55px; margin-bottom:5px; background:url(/images/bg-travel-h1.gif) 0 0 no-repeat; text-indent:-9999px;} h1.restaurants {width:660px; height:55px; margin-bottom:5px; background:url(/images/bg-restaurants-h1.gif) 0 0 no-repeat; text-indent:-9999px;} h1.wine-cocktails {width:660px; height:55px; margin-bottom:15px; background:url(/images/bg-wine-cocktails-h1.gif) 0 0 no-repeat;text-indent:-9999px;} h1.entertaining-home {width:660px; height:55px; margin-bottom:5px; background:url(/images/bg-entertaining-home-h1.gif) 0 0 no-repeat; text-indent:-9999px;} h1.recipes {width:660px; height:55px; margin-bottom:5px; background:url(/images/bg-recipes-h1.gif) 0 0 no-repeat; text-indent:-9999px;} h1.graphic {width:660px; height:55px; margin-bottom:10px; text-indent:-9999px;} h1.american-menus {width:660px; height:55px; margin-bottom:10px; background:url(/images/bg-american-menus-h1.gif) 0 0 no-repeat; text-indent:-9999px;} h1.appetizers {background:url(/images/bg-appetizers-h1.gif) 0 0 no-repeat;} /* =LAYOUT DIVS ====================================================================================== */ #container {width: 1002px; margin: 0 auto;} /* #wrap {width: 1002px;} */ #wrap {width:1000px;} // #wrap {top:104px; position:relative;} /* =MASTHEAD - Includes Branding, Navigation, and Search ====================================================================================== */ /* #masthead {position:relative; width: 990px; padding: 97px 6px 0; background: #fff url(/images/bg-masthead.gif) 0 0 no-repeat;} */ #masthead{background:#fff; margin-bottom:10px;} /* Branding */ /* #branding {float:left; width:610px; /* take advantage of max width for horizontal expansion of inner text elements, up to search box */} */ #branding {width:610px; clear:both;} /* #branding h1 {float:left; position:relative; width: 360px; height: 52px; margin-top: 14px; overflow: hidden;} */ #branding h1 {font-size:18pt; clear:both; margin: 15px 0 0 0;} #branding h1 em {position: absolute;top:0;left:0; width: 100%; height: 100%; background: url(/images/logo.gif) 0 0 no-repeat; cursor:pointer;} #branding h1 a{font-size:18pt; text-decoration:none;} #branding h1 img{font-size:18pt; border:0px;} /* User Meta */ #user {width:590px; height:23px; padding-left:20px; font-size:.9em;} #user em {float:left; font-style:normal;} #skip {display:none;} #usiOptions em {} #usiOptions a{font-weight: bold; text-transform: uppercase; color:#a01258; padding-left:15px;} /*Beta Preview*/ #beta{float:left; margin:13px 0 5px 0; background:url(/images/betapreview.gif) top left no-repeat; width:213px; height:75px;} #beta a {color:#CC0066;} #beta ul {margin:32px 0 0 40px; list-style-type:disc; color:#668899; font-weight:bold;} #user-pane-wrapper{width:340px;} #beta-comment-wrapper{background-color: #fff;margin-left:6px;margin-right:6px;} #beta-comment-box{background:url(/images/betaFeedbackForm_big.gif) no-repeat;width:859px; height:140px; margin-left: 70px;} #beta-comment-box h1 {margin-left: 30px; padding:10px 0;} #beta-comment-box p {margin-left: 50px; position:relative; width: 860px; height:100px; font-weight: bold;} #beta-comment-box table {margin-left:30px;} #feedbackText{float:left;} #feedbackBtn{float:left; margin:20px 0 0 5px;} #comment_submit{background:url(/images/btn-feedback-submit.gif) no-repeat; width:75px; height:45px;border:none;} /* =Search */ #search{float:right;width:363px;background:#39c url(/images/bg-search.gif) 0 0 no-repeat;margin:14px 17px 0 0;} #search-form{float:left;width:351px;padding-left:12px;} #search-text{float:left;width:250px;margin:9px 7px 0 0;} #search-submit{float:left;margin-top:4px;width:82px;} /* Advanced Search styles */ #search dl{float:left;width:363px;background:#39c url(/images/bg-search.gif) 0 100% no-repeat;padding-bottom:4px;} #search dt,#search dd{position:relative;float:left;height:19px;overflow:hidden;} #search dt{width:134px;margin-left:12px;} #search dd#search-rec{width:73px;} #search dd#search-wine{width:54px;} #search dd#search-art{width:78px;} /* Advanced Search links image replacement */ #search dd a{display:block;} #search dd a:hover{z-index:1;} #search dt em,#search dd em{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/bg-search-adv.gif) no-repeat;} #search dt em{background-position:0 0;} #search dd#search-rec em{background-position:-134px 0;} #search dd#search-wine em{background-position:-207px 0;} #search dd#search-art em{background-position:-261px 0;} #search dd a em{cursor:pointer;} /* =Subscription Link */ /* #subscribe-link{position:absolute;top:4px;left:750px;width:210px;height:60px;background-color:#fff;overflow:hidden;padding:15px 0 15px 15px;} */ #subscribe-link {display:none; background-color:#FFFFFF; height:60px; left:750px; overflow:hidden; padding:15px 0pt 15px 15px; top:4px;width:210px; } /* Subscription Link image replacement */ #subscribe-link a{display:block;} #subscribe-link a:hover{z-index:1;} #subscribe-link a em{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/bg-subscribe-link.gif) 0 0 no-repeat;cursor:pointer;} /* =Navigation */ #nav-wrap {clear:both;} /* Main Menu bar */ ul#nav{float:left;width:990px;background:#b13000;} /* Main Menu navigation list - Image replacement */ ul#nav li{float:left;position:relative;overflow:hidden;} li#nav-recipes{width:161px;} li#nav-wine{width:193px;} li#nav-travel{width:137px;} li#nav-athome{width:211px;} li#nav-video{width:118px;} li#nav-mag{width:170px;} #nav li a{display:block;height:31px;} #nav li a:hover{visibility:visible;z-index:1;} /* activates :hover for IE6, to prep for 'a:hover em' selector used in rollovers / fixes Firefox/Mac hover bug - pushes 'a:hover' text to bottom of stack */ /* set common '#nav li' styles */ #nav li#nav-recipes a em, #nav li#nav-wine a em, #nav li#nav-travel a em, #nav li#nav-athome a em, #nav li#nav-video a em, #nav li#nav-mag a em {position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/bg-navbar-NEW.gif) no-repeat;cursor:pointer;} /* set unique background-positions for each '#nav li' ID */ #nav li#nav-recipes a em {background-position: 0 0;} #nav li#nav-wine a em {background-position: -161px 0;} #nav li#nav-travel a em {background-position: -354px 0;} #nav li#nav-athome a em {background-position: -491px 0;} #nav li#nav-video a em {background-position: -702px 0;} #nav li#nav-mag a em {background-position: -820px 0;} /* Main Menu - Rollovers and Site Section "On" States ** "On" state selector combines Site Section type ID selector (e.g. #ss-recipes for Recipes site section) on 'BODY' element with with appropriate main nav 'LI' item selector (e.g. li#nav-recipes) */ #nav li#nav-recipes a:hover em, body#ss-recipes #nav li#nav-recipes a em {background-position: 0 -31px;} #nav li#nav-wine a:hover em, body#ss-wine #nav li#nav-wine a em {background-position: -161px -31px;} #nav li#nav-travel a:hover em, body#ss-travel #nav li#nav-travel a em {background-position: -354px -31px;} #nav li#nav-athome a:hover em, body#ss-athome #nav li#nav-athome a em {background-position: -491px -31px;} #nav li#nav-video a:hover em, body#ss-video #nav li#nav-video a em {background-position: -702px -31px;} #nav li#nav-mag a:hover em, body#ss-mag #nav li#nav-mag a em {background-position: -820px -31px;} /* turn off pointer for "On' states */ body#ss-recipes #nav li#nav-recipes a em, body#ss-wine #nav li#nav-recipes a em, body#ss-travel #nav li#nav-recipes a em, body#ss-athome #nav li#nav-recipes a em, body#ss-video #nav li#nav-recipes a em, body#ss-mag #nav li#nav-recipes a em {cursor:default;} /* =Sub Menu */ #nav-wrap ul#submenu {clear:both; float:none; width:915px; background:#fffcfa url(/images/bg-nav-submenu.gif) 0 100% repeat-x; height:35px; font-family:"Trebuchet MS",Arial, Verdana, sans-serif; letter-spacing:1px; border-top: 1px solid #b35203; padding-left:75px; } #nav-wrap ul#submenu li {float:none;display:inline;} #nav-wrap ul#submenu li a {display:inline; padding:5px 32px; line-height:2.5em; color:#a01258;} /* =CONTENT - Includes Main Content Well and Sidebar (secondary) ====================================================================================== */ /* #content {width:990px; padding: 8px 6px 20px; background: url(/images/bg-content.png) 0 0 repeat-y;} */ #content {background:#fff; border:solid 1px #999; width:850px;} //#content, #content_padding { width:6.5in; } #properFontandColor { color:#fff; padding-top:5px; padding-left:5px;} /* MP: what is this?? */ /* =Main Content *******************************/ /* #main {float: left; width: 660px; background: #fff; margin: 0 0 0 11px;} */ #content #main {background:#fff; background-image:none; width: 850px;} .cleardiv {clear:both;} /* =MODULES in main content well ====================================================================================== */ /* UNIVERSAL MODULES */ /* container module */ .module-wrapper {clear:both; width:660px; margin:5px 0; padding:5px 0;} .module-wrapper ul {padding:5px 40px 10px 5px; margin:0 2px; font:normal 1em arial; list-style-type:none; } .module-wrapper ul li {margin-bottom:2px; padding:0 0 2px 10px; border-bottom:dashed 1px #cde1eb; background:url(/images/bullet-module.gif) 0 5px no-repeat;} .module-wrapper ul li.cooking-guide {float: left; width: 24%; margin-bottom:2px; padding:0 0 2px 10px; background:url(/images/bullet-module.gif) 0 5px no-repeat; border-bottom: none;} .module-wrapper ul li.cooking-guide a { padding: 0 0 3px 0; border-bottom: dashed 1px #cde1eb;} /* The below css will be applied only in IE */ * html .module-wrapper ul li.cooking-guide {width: 26%;} * html .module-wrapper ul li.cooking-guide a { padding: 0 0 1px 1px;} *+ html .module-wrapper ul.cooking-guides{width: 70%} *+ html .module-wrapper ul li.cooking-guide {width: 30%;} *+ html .module-wrapper ul li.cooking-guide a { padding: 0 0 1px 1px;} .module-wrapper ul.columns{padding: 0px 0px 2px 10px;} .module-wrapper ul li.column {float: left; width: 31%; margin-bottom:2px; padding:0 0 2px 10px; background:url(/images/bullet-module.gif) 0 5px no-repeat; border-bottom: none;} .module-wrapper ul li.column a { padding: 0 0 3px 0; border-bottom: dashed 1px #cde1eb;} /* The below css will be applied only in IE */ * html .module-wrapper ul li.column {width: 30%;} * html .module-wrapper ul li.column a { padding: 0 0 1px 1px;} *+ html .module-wrapper ul li.column {width: 31%;} *+ html .module-wrapper ul li.column a { padding: 0 0 1px 1px;} /* sub-modules */ .module-narrow {width:310px; margin:5px 0;} .mod-narrow {width:315px; margin:5px 0;} .mod-wide {width:356px;} .mod-small {width:282px;} .module-xwide { width:670px;} /* MP: where's this used? anyone know? */ /* graphic backgrounds for module headings */ h2.section {position:relative; overflow:hidden; margin:15px 0 5px 0; width:660px; height:40px; background-image: url(/images/bg-section-h.gif); background-repeat:repeat-x; background-position:top left; background-color:#a62d00;padding:7px 0 0 5px;color:#fff;letter-spacing:1px;font:normal 1.8em Arial, "Trebuchet MS", Verdana, sans-serif;text-transform:uppercase;} h2.section-narrow {position:relative; overflow:hidden; margin:15px 0 5px 0; width:310px; height:40px; background-image: url(/images/bg-section-h.gif); background-repeat:repeat-x; background-position:top left; background-color:#a62d00;padding:7px 0 0 5px;color:#fff;letter-spacing:1px;font:normal 1.8em Arial, "Trebuchet MS", Verdana, sans-serif;text-transform:uppercase;} h2.subsection {position:relative; overflow:hidden; margin:15px 0; width:660px; height:30px; background:url(/images/bg-subsection-h.gif) no-repeat; background-position:top left; background-color:#de7106;padding:3px 0 0 0;color:#fff;letter-spacing:1px; text-align:center; font:normal 1.6em Arial, "Trebuchet MS", Verdana, sans-serif;text-transform:uppercase;} h2.subsection-alt {position:relative; overflow:hidden; margin:15px 0; width:660px; height:40px; background:url(/images/bg-subsection-h2.gif) top left no-repeat; padding:3px 0 0 0;color:#fff;letter-spacing:1px; text-align:center; font:normal 1.4em Arial, "Trebuchet MS", Verdana, sans-serif;text-transform:uppercase;} h2.subsection-narrow {width:320px; height:30px; background:url(/images/bg-subsection-narrow-h.gif) no-repeat; background-position:top left; background-color:#de7106;padding:3px 0 0 0;color:#fff;letter-spacing:1px; text-align:center; font:normal 1.6em Arial, "Trebuchet MS", Verdana, sans-serif;text-transform:uppercase;} .interior {position:relative; overflow:hidden; margin:15px 0; width:660px; height:30px; background:url(/images/bg-interior-h.gif) bottom left no-repeat; padding:0 0 15px 0; margin:0; color:#000;letter-spacing:1px; text-align:center; font:bold 2.2em Georgia, "Times New Roman", Times, serif;} /* section box - please don't use these; phasing out this nomenclature. Use "module-wrapper" instead. */ .section-box {clear:both;} .section-box h2 {position:relative; overflow:hidden; margin:15px 0 5px 0; width:660px; height:40px; background-image: url(/images/bg-section-h.gif); background-repeat:repeat-x; background-position:top left; background-color:#a62d00;padding:7px 0 0 5px;color:#fff;letter-spacing:1px;font:normal 1.8em Arial, "Trebuchet MS", Verdana, sans-serif;text-transform:uppercase;} /* graphic dividing line */ .divider {clear:both; height:15px; color:#fff; border:0; margin:5px 0; background:url(/images/hr.gif) bottom left repeat-x; background-color:#fff; width:100%;} /* styles for feature module at top of section fronts */ .feature {padding:15px 0 5px 0;} .feature p {margin:.5 0 1em 0; font-size:1.25em; padding-bottom:10px;} .feature ul {font-size:1.2em;} .feature h3 {font-size:1.8em;} /* SPECIFIED MODULES */ /* Feature module */ #feature {width:660px; margin:10px 0;} #feature h3 {padding-top:5px; font-size:1.9em;} #feature ul {float:left; padding:5px 40px 10px 15px; font:bold 1.08em arial; list-style-type:disc; color:#668899;} #feature ul li {margin-bottom:5px;} #feature img {float: left; padding-right:15px;} #feature img.placeholder {float:none; margin:0; width:100%;} /* Slideshows flash module */ .slideshows {width:356px;} /* Featured Recipe flash module */ #featured-recipe {width:356px;} /* Most Popular modules */ .most-pop h3{position:relative;width:282px;height:79px;overflow:hidden;} .most-pop h3 em{position:absolute;top:0;left:0;width:100%;height:100%;} /* specific styles for Most Popular Recipes module */ #mostpop-rec h3 em {background:url(/images/bg-most-popular-recipes.gif) 0 0 no-repeat;} /* Most Popular Hors D'Oeuvres module */ #mostpop-hors h3{margin-bottom:18px;height:56px;} #mostpop-hors h3 em{background:url('/images/bg-popular-hors-h.gif') 0 0 no-repeat;} .most-pop img{float:right;margin-top:-1px;width:138px;} .most-pop ol{color:#a52d00;line-height:1.3;} .most-pop ol li{margin-bottom:8px;padding:2px 0 0 22px;} .most-pop ol li em{color:#a01258;font-style:normal;font-weight:700;} .most-pop ol #one{background:url(/images/ol-1.gif) no-repeat 0 0;} .most-pop ol #two{background:url(/images/ol-2.gif) no-repeat 0 0;} .most-pop ol #three{background:url(/images/ol-3.gif) no-repeat 0 0;} .most-pop ol #four{background:url(/images/ol-4.gif) no-repeat 0 0;} .most-pop ol #five{background:url(/images/ol-5.gif) no-repeat 0 0;} /* Recommendation of the Week */ #rec{width:100%;} #rec h3 {font-size:1.5em;} /* Tasting room today */ #taste {width:100%;} /* Pairing of the Day */ #pairing { position:relative;} #pairing h3 {position:relative; margin-top:209px; width:356px; height:28px; overflow:hidden;} #pairing img{position:absolute;top:0;left:0;width:356px;height:209px;} #content #pairing h4{margin-bottom:10px;width:356px;} /* CITY GUIDE module */ #city-guides {width:429px;} #city-guides h2 {position:relative; margin:15px 10px 15px 0; width:425px; height:36px; overflow:hidden;} #city-guides h3 { float:left; margin: 0 0 10px 2px;} #city-guides img {float:left; margin-top:-25px; width:202px;} #city-guides p { float:left; width:215px;} #city-guides ul { float:left; width:202px; list-style-type:disc; color:#668899;} /* AT HOME module */ #at-home{width:225px;} #at-home h2{position:relative;width:100%;height:36px;overflow:hidden;margin:15px 0;} #at-home h2 em{position:absolute;top:0;left:0;width:100%;height:100%;} #at-home h3{margin-bottom:10px;float:right;width:133px;padding-left:5px;} #at-home img{float:left;margin-top:0;width:87px;} #at-home p{float:right;width:133px;padding:0 0 0 5px;} /* BOOKS + CLUBS module */ #books,#clubs{float:left;margin-bottom:17px;width:429px;} #books ul{float:left;padding-left:25px;} #books-clubs h3,#clubs h3{float:left;margin-bottom:10px;width:297px;padding-left:12px;font-family:"Trebuchet MS", Arial, Verdana, sans-serif;font-weight:700;font-size:1.1em;letter-spacing:1px;line-height:1.2;color:#000;text-transform:uppercase;} #books img,#clubs img{float:left;width:120px;} #books p,#clubs p{float:left;width:295px;padding:0 2px 0 12px;} /* EVENTS module */ #events h3{margin-bottom:10px;width:225px;font-family:"Trebuchet MS", Arial, Verdana, sans-serif;font-weight:700;font-size:1.1em;letter-spacing:1px;line-height:1.2;color:#000;text-transform:uppercase;} #events dl,#events dt{margin-top:15px;width:225px;} #events,#events img{width:225px;} /* RECIPE SEARCH module */ #recipe-search{background:url(/images/bg-recipe-search-btm.gif) 0 100% no-repeat;} #recipe-search-wide { background:url(/images/bg-recipe-search-btm-wide.gif) 0 100% no-repeat; background-position: bottom center; width: 654px; height: 280px; margin-bottom: 20px; } #recipe-search h3.narrow { position:relative; width:282px; height:55px; overflow:hidden; } #recipe-search h3.narrow em{ position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/bg-recipe-search-h.gif) 0 0 no-repeat;} #recipe-search-wide h3.wide { position:relative; width:660px; height:55px; overflow:hidden; } #recipe-search-wide h3.wide em {position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/bg-recipe-search-h-wide.gif) 0 0 no-repeat;} #recipe-search #recipe-form { padding: 0px 5px 14px 10px;} #recipe-search-wide #recipe-form { padding: 0px 5px 14px 10px;} #recipe-search #recipe-form{ padding-top: 5px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px;} #recipe-form h4{font-size:.9em;color:#000;} #recipe-form label{font-size:.9em;font-weight:700;text-transform:uppercase;} #recipe-form label em{font-weight:400;font-style:normal;text-transform:none;} #recipe-form div.textinput { margin-bottom:8px; margin-left: 5px; } #recipe-form div.textinput input{width:250px;border-top:2px solid #ccc;border-left:2px solid #ccc;} #recipe-form #course1 select,#recipe-form #ethnic1 select {width:252px;} #recipe-form #course2 select,#recipe-form #ethnic2 select {width:215px;} #show-only div.narrow-div{ display: inline; width:49%;float:left;} #show-only input{ float:left;width:auto;margin-right: 1px;} #show-only label{padding-left:12px;} #show-only label#fast-label{background:url(/images/bullet-fast.gif) 0 0 no-repeat;} #show-only label#healthy-label{background:url(/images/bullet-healthy.gif) 0 0 no-repeat;} #show-only label#ahead-label{background:url(/images/bullet-ahead.gif) 0 0 no-repeat;} #show-only label#veg-label{background:url(/images/bullet-veg.gif) 0 0 no-repeat;} #show-only label#stafffav-label{background:url(/images/bullet-stafffav.gif) 0 0 no-repeat;} #show-only label#webex-label{background:url(/images/bullet-webex.gif) 0 0 no-repeat;} #threecolumns { padding: 0px; margin: 0px; position: relative; width: 630px; } #threecolumns ul { margin: 0; } #threecolumns li.seta { margin-right: 18px; display: inline; float: left; } #threecolumns li.setb { margin: 0 0 10px 0; display: inline; float: left; } #ethnic-course-cont { margin-top: 16px; } #show-only-wide { width: 252px; } #show-only-wide div.left { width:125px; float: left; display: inline; } #show-only-wide div.right { width:127px; float: left; display: inline; } #show-only-wide input{float:left;width:auto;margin-right:5px;} #show-only-wide label{padding-left:12px;} #show-only-wide label#fast-label{background:url(/images/bullet-fast.gif) 0 0 no-repeat;} #show-only-wide label#healthy-label{background:url(/images/bullet-healthy.gif) 0 0 no-repeat;} #show-only-wide label#ahead-label{background:url(/images/bullet-ahead.gif) 0 0 no-repeat;} #show-only-wide label#veg-label{background:url(/images/bullet-veg.gif) 0 0 no-repeat;} #show-only-wide label#stafffav-label{background:url(/images/bullet-stafffav.gif) 0 0 no-repeat;} #show-only-wide label#webex-label{background:url(/images/bullet-webex.gif) 0 0 no-repeat;} #recipe-form fieldset#pub-date1 { float:left;width:121px;} #recipe-form fieldset#pub-date2 { width:121px; } #recipe-form #pub-month select,#recipe-form #pub-year select{width:121px;} #recipe-form #pub-month label, #recipe-form #pub-year label { display:none; } #recipe-form #recipe-form-ctrl1{float:right;width:107px;margin:20px 0 0;} #recipe-form #recipe-form-ctrl1 a { margin-left:8px;font-weight:700;} #recipe-form #recipe-form-ctrl2 { text-align: right; width:97%; } #recipe-form #recipe-form-ctrl2 a { font-weight:700;} #recipe-form #recipe-form-ctrl2 p { display: inline; } #recipe-form div.textinput,#recipe-form #course1,#recipe-form #ethnic1,#pub-month,#pub-year{margin-bottom:8px;} #recipe-form #course label,#recipe-form #ethnic1 label,#recipe-form #pub-month label,#recipe-form #pub-year label{display:none;} #recipe-form div.textinput,#recipe-form #course2,#recipe-form #ethnic2,#pub-month,#pub-year{margin-bottom:8px;} #recipe-form #course label,#recipe-form #ethnic2 label,#recipe-form #pub-month label,#recipe-form #pub-year label{display:none;} #recipe-form div.textinput,#recipe-form #course1,#recipe-form #ethnic,#pub-month,#pub-year{margin-bottom:8px;} #recipe-form #course1 label,#recipe-form #ethnic1 label,#recipe-form #pub-month label,#recipe-form #pub-year label{display:none;} #recipe-form div.textinput,#recipe-form #course2,#recipe-form #ethnic,#pub-month,#pub-year{margin-bottom:8px;} #recipe-form #course2 label,#recipe-form #ethnic2 label,#recipe-form #pub-month label,#recipe-form #pub-year label{display:none;} /*----------------------------Search Styles from _general_styles.css----------------------*/ /* wineguide and recipe search results */ #wine_results th { background-color: #DDDDDD; padding: 4px; border-left: 1px solid #FFFFFF; font-weight: bold; text-align:left; } #wine_results th.first { border-left: none; } #wine_results td { padding:4px; border-left: 1px solid #CCCCCC; border-top:1px solid #CCCCCC } /* #wine_results tr.odd { background-color:#eeeeee; } */ #wine_results .highlight { text-decoration:underline; background-color:#ffff00; text-transform:none; } #wine_results .wineregion { font-weight: normal; text-transform:uppercase; font-size: 11px; } #wine_results .winename { font-weight: bold; color: #990000; padding-bottom: 4px; } #wine_results .character { background-color: #EEEEEE; padding: 2px; margin-top: 4px; } #wine_results .wine { border-left:none; }/* this is the first column */ #wine_results .region { ; } #wine_results .price { color: #339900; } #wine_results .rating { color: #CC0066; font-size: 18px; } #wine_results .orderimage { border:0px; margin-left:3px; } #recipe_results td { padding:4px; border-left: 1px solid #CCCCCC; } #recipe_results tr.odd { background-color:#eeeeee; } #recipe_results td.rownumber { color:#000000;border-left:none; } #recipe_results td.recipe a { padding-left:24px; display:block; } #recipe_results td.recipe .ingredients { padding:5px 0px 1px 24px; display:block; font-size:11px; margin-top:6px; border-top:1px dotted #cccccc; } #recipe_results td.recipe .ingredients .highlight { text-decoration:none; text-transform:none; } #recipe_results td.recipe a.imageIcon { background: url(/images/icon_camera.gif) no-repeat 0 0; } #recipe_results td.date { margin:0px;width:60px; padding:3px; } #recipe_results ul.type { width:85px; margin-right:3px; } .searchPopImage { border:3px solid black; } /* this is the colored image on that pops up on the search page */ li.fast { padding-left:12px; background:url(http://www.foodandwine.com/images/recipe_fast.gif) no-repeat 0 50%; } li.healthy { padding-left:12px; background:url(http://www.foodandwine.com/images/recipe_healthy.gif) no-repeat 0 50%; } li.makeahead { padding-left:12px; background:url(http://www.foodandwine.com/images/recipe_makeahead.gif) no-repeat 0 50%; } li.favorite { padding-left:12px; background:url(http://www.foodandwine.com/images/recipe_favorite.gif) no-repeat 0 50%; } li.web { padding-left:12px; background:url(http://www.foodandwine.com/images/recipe_web.gif) no-repeat 0 50%; } #wgerror { font:bold 12px verdana,sans-serif; color: #990000; padding:12px 48px; border:1px dashed #999999; margin-top:12px;} /*these are used in the search forms*/ #searchform_form { margin:0px; padding:15px 0 0 0; } #searchform_form .highlight { background-color: #ffff00; } .searchform_table { } .searchform_table-bottom { width: 422px; } .searchform_table td { padding: 5px 15px 3px 0; font-size:12px; } .searchform_table td input.slim { font-size: 13px; width: 250px; border: 1px solid #666666; } .searchform_submit { font: bold 11px verdana; border: 1px solid #330000; padding: 2px; background-color: #990000; color: #FFFFFF; } .for_example { color:#999999 } .search_reset { margin-left:9px; } div.wine-field-title { color: #990000; font-weight: bold; } /*td.wine-search-button { margin-top: 20px; text-align: right; }*/ #wine-form-ctrl { text-align: right; font-weight: bold; } #wine-form-ctrl p { } #wine-ez-cont {float: right; } #wine-ez-cont img { margin: 5px 0px 0 0; } #wine-ez-cont input { margin-right: 0px; } /* this is the green arrow that appears on "see all n recipes" on the quicksearch page */ .searchArrowLink { display:block; background:url(/images/button_next.gif) no-repeat bottom left; padding:5px 0px 0px 20px; font-weight:bold; } /* this is the header that appears at the top of results throughout the search pages (i.e. "found 260 articles" */ h2.resultsFound { text-align: center; font: bold 1em Georgia, "Times New Roman", Times, serif; color:#000 text-transform:none; margin-bottom: 5px; padding:3px 10px; background-color:#fff; } /* these are the results that appear in google searches */ ol#google_results { padding:10px 10px 0px 10px; margin-bottom:0px; } #google_results li { margin:0px 20px 10px 20px; list-style-type:decimal; } #quickSearch ul#ingredient_results { padding:6px; } /* this is where is says "you searched for..." */ #quickSearch h1 { background:url(/images/button_next.gif) no-repeat 0 50%; padding-left:20px; margin:0px 0px 10px 0px; font:bold 16px arial; color:#666600; } #quickSearch h1.sorry { background:none; } #quickSearch #wine_results, #quickSearch #recipe_results, #quickSearch #google_results, #quickSearch #ingredient_results { border:1px solid #cccccc; } #quickSearch #ingredient_results { border:1px solid #cccccc; } #quickSearch #wine_results img.orderImage { display:none; } #quickSearch h2.resultsFound { margin-top:20px; } .PageNav { font: 14px Arial, Helvetica, sans-serif; padding-top: 10px; padding-bottom: 10px; margin: 0px; text-align:center; } .PageNav .totResults { display:none; margin-top:0px; } /*-------------------------------------- end old search styles ------------------------------ */ /* RECIPES ARTICLES module */ #recipes-article{margin-top:15px;background:url(/images/bg-recipes-article.gif) 0 0 no-repeat;} #recipes-article h3{padding-left:22px;} #recipes-article h4{width:312px;color:#000;padding:0 22px 5px;} #recipes-article h4 em{text-transform:none;color:#b93200;font-size:1.16em;font-style:normal;} #recipes-article p{width:312px;line-height:1.2;padding:0 22px;} #recipes-article a.more{width:196px;margin-left:22px;} #recipes-article a.more em{background:url(/images/link-recipes-article.gif) 0 0 no-repeat;} /* POPULAR MENUS module */ #pop-menus h3{text-align:center;position:relative;width:282px;height:29px;overflow:hidden;} #pop-menus p{text-align:center;} #pop-menus dl{float:left;margin:0 0 10px 21px;} #pop-menus dl.first{margin-left:0;} #pop-menus dl dd{margin-top:-5px;text-align:center;font-weight:700;text-transform:uppercase;} #pop-menus a.more{clear:both;margin-left:79px;width:120px;} /* FEATURED MENU module -appears as "Menu of the Day" on recipe section front */ #featured-menu {width:335px;} #featured-menu h3 {} #featured-menu h3 em {font-style:normal;color:#a52d00;} #featured-menu h4 {padding:0 0 5px 0;} #featured-menu p {} #featured-menu img {float:right; margin-top:15px; width:138px;} #featured-menu dl {float:left; margin-top:15px;} #featured-menu dt {font-weight:bold; letter-spacing:1px;} #featured-menu dd {margin-bottom:10px;} #featured-menu a.more {float:left; margin-top:5px;} /* FEATURED COOKING GUIDE module - phase out */ #featured-guide {} #featured-guide h3 {} #featured-guide h4 {padding:10px 0 5px 0;} #featured-guide ul {padding-left:15px;} #featured-guide p { margin-top:15px; } #featured-guide p em { font-style:normal; color:#a52d00;} /* QUIZ module */ #quiz h3{font-size:1.6em;} #quiz img{float:left;width:274px; margin:0 25px 0 0;} #quiz p{} #quiz ul {float:left;} /* FEATURED ARTICLES module */ #feat-art-widget {width:282px; background:url(/images/bg-featured-articles-widget.gif) 0 100% no-repeat;} #feat-art-widget h4{position:relative;width:282px;height:36px;overflow:hidden;} #feat-art-widget h4 em{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/bg-featured-articles-h.gif) 0 0 no-repeat;} #feat-art-widget dl#featured-list{width:268px;padding:0 7px 5px;} #featured-list dt{height:25px;background:#fbfbfb url(/images/bg-featured-articles-bar.gif) 0 0 no-repeat;border-top:1px solid #d7d7d7;padding-left:25px;line-height:2.4;text-transform:uppercase;font-weight:700;font-style:normal;color:#981154;cursor:pointer;} #featured-list dt.first{border:none;} #featured-list dt.last{background-image:url(/images/bg-featured-articles-last.gif);} /* hardcoded for ie ix - in lieu of JS onload event in /js/main.js */ dl#featured-list dd {display:none;} dl#featured-list ul{list-style:disc;color:#b93200;padding-left:40px;} dl#featured-list ul a{font-weight:700;} /* ARTICLES module */ #articles-mod {position:relative;} #articles-mod h3 { /* margin-top:138px;move below image */ width:356px; padding-left:2px;} #articles-mod img {top:0; left:0; width:356px height:124px;} #articles-mod h4 {margin-bottom:0px; padding-left:2px;} #articles-mod p {margin-top:-5px;} /* Highlights Links module */ #highlights-links {} #highlights-links h3 {} #highlights-links ul {margin-bottom:15px; padding-left:15px;} /* Highlights Heads module */ #highlights-heads {} #highlights-heads h4 {line-height:1.5;} #highlights-heads ul {margin-bottom:15px;padding-left:15px;} #highlights-heads p {} #highlights-heads p em {font-style:normal;color:#a52d00;} /* =RECIPES FOR PRINT VERSION ====================================================================================== */ #recipe-content-print #recipe-head-print { margin: 0; padding: 0;} #recipe-content-print #recipe-head-print p.tab-title { clear:both; font: bold 20px arial,sans-serif; color: #fff; background-color:#999; padding: 5px 5px 5px 18px; margin: 0 0 10px 0; } #recipe-content-print #recipe-head-print .recipe-info { float: left; padding: 5px 0 0 20px; width: 820px; } #recipe-content-print #recipe-head-print .recipe-info h2 { float: left; width: 590px; padding: 0 0 0 20px; font: bold 32px arial, sans-serif; color:#000; line-height: 1em; } #recipe-content-print #recipe-head-print .recipe-info ul li { float: left; width: 590px; font: bold 18px arial,sans-serif; color: #666; padding: 4px 0 0 20px; } #recipe-content-print #recipe-head-print .recipe-info p { float: left; width: 565px; padding: 5px 10px 0 20px; font:normal 18px arial; line-height:1.3em; color:#333; } /* recipe image */ #recipe-head-print #recipe-head-print #image-time-print { float: left; margin:10px; width: 200px; } #recipe-head-print #recipe-head-print #image-time-print img { float: left; width: 200px; } #image-time-print #featured_image_frame { float: left; width: 200px; padding: 0 10px 0 0; } #recipe-content-print { margin:0; padding:0; } #recipe-content-print h2 { float: left; } /*#recipe-content-print h2 em { width:660px; float: left; }*/ #recipe-content-print h3 {margin:15px 0 5px 0; font:bold 1.2em "Trebuchet MS", Verdana, sans-serif; letter-spacing:1px; color:#000; text-transform:uppercase;} #recipe-content-print #cooking-time-print { width: 830px; float: left; margin: 10px 0 0 1px; padding: 5px 0 5px 15px; text-transform: uppercase; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } #recipe-content-print #cooking-time-print ul {float:left; width:800px; } #recipe-content-print #cooking-time-print ul li { margin: 3px 0 0 0; text-transform: uppercase; font-size: 18px;color:#9b5e7c;text-indent:5px;} #recipe-content-print #cooking-time-print ul li#time-veg { float: left; padding:0 18px 0 14px; background:url(/images/bullet-veg.gif) 0% 0% no-repeat; font: bold 18px arial,sans-serif; color:#000; display: inline; } #recipe-content-print #cooking-time-print ul li#time-staff { float: left; padding:0 18px 0 14px; background:url(/images/bullet-stafffav.gif) 0% 0% no-repeat; font: bold 18px arial,sans-serif; color:#000; display: inline; } #recipe-content-print #cooking-time-print ul li#time-fast { float: left; padding:0 18px 0 14px; background:url(/images/bullet-fast.gif) 0% 0% no-repeat; font: bold 18px arial,sans-serif; color:#000; display: inline; } #recipe-content-print #cooking-time-print ul li#time-healthy { float: left; padding:0 18px 0 14px; background:url(/images/bullet-healthy.gif) 0% 0% no-repeat; font: bold 18px arial,sans-serif; color:#000; display: inline; } #recipe-content-print #cooking-time-print ul li#time-webex { float: left; padding:0 18px 0 14px; background:url(/images/bullet-webex.gif) 0% 0% no-repeat; font: bold 18px arial,sans-serif; color:#000; display: inline; } #recipe-content-print #cooking-time-print ul li#time-ahead { float: left; padding:0 18px 0 14px; background:url(/images/bullet-ahead.gif) 0% 0% no-repeat; font: bold 18px arial,sans-serif; color:#000; display: inline; } #recipe-content-print #time-box-print { width: 750px; float: left; font: normal 18px arial,sans-serif; } #recipe-content-print #time-box-print ul { float: left; width: 750px; } #recipe-content-print #time-box-print ul li { float: left; padding: 0 20px 0 0;} #recipe-content-print #time-box-print #time-servings-print { float: left; font: normal 16px arial,sans-serif; } #recipe-content-print #time-box-print #time-active-print { float: left; font: normal 16px arial,sans-serif; } #recipe-content-print #time-box-print #time-total-print { float: left; font: normal 16px arial,sans-serif; } #recipe-content-print #time-box-print #time-servings-print { float: left; font: normal 16px arial,sans-serif; } #recipe-content-print #time-box-print #time-servings-print { float: left; font: normal 16px arial,sans-serif; } #recipe-content-print #ingredients-print { float:left; margin-top:5px; width:350px; padding-left:22px; } #recipe-content-print #ingredients-print ol li { margin:0; padding:5px 0; border-top:dashed 1px #cde1eb; font: normal 18px arial,sans-serif; } #recipe-content-print #ingredients-print h2 { width: 300px; margin-top: 10px; padding: 0; text-transform: uppercase; color: #ba0702; font-size: 20px; } #recipe-content-print #ingredients-print h3 { margin:15px 0 5px 0; font:bold 22px "Trebuchet MS", Verdana,sans-serif; letter-spacing:1px; color:#000; text-transform:uppercase; } /* directions */ #recipe-content-print #directions-print { float:right; margin-top:5px; width:350px; padding-right:22px; } #recipe-content-print #directions-print ol { margin-bottom:8px; list-style:decimal; margin-left:18px; font: normal 18px arial,sans-serif; } #recipe-content-print #directions-print ol li { margin-bottom:8px; list-style:decimal; margin-left:18px; font: normal 18px arial,sans-serif; } #recipe-content-print #directions-print ol p { margin-bottom:8px; list-style:decimal; margin-left:18px; font: normal 18px arial,sans-serif; } #recipe-content-print #directions-print h2 { font-size:1.1em; padding:0;} #recipe-content-print #directions-print h3 { margin:15px 0 5px 0; font:bold 22px "Trebuchet MS", Verdana,sans-serif; letter-spacing:1px; color:#000; text-transform:uppercase; } /* other content */ #other-content-print { float: left; padding: 20px 0; width: 800px; } #other-content-print .other-item-wine-print { border-bottom: 1px dotted #999; border-top: 1px dotted #999; margin-bottom: 10px; padding: 10px; width: 800px; } #other-content-print .other-item-wine-print h2 { margin-bottom: 5px; } #other-content-print .other-item-print { border-right: 1px dotted #aaa; padding: 0 10px; width: 800px; } #other-content-print .other-item-print h2 { margin-bottom: 5px; } #other-content-print .other-item-wine-print #recipeWines-print { font: normal 18px arial,sans-serif; width: 800px; } #other-content-print .other-item-wine-print #recipeWines-print h2 { font: bold 22px "Trebuchet MS",Arial,Verdana,Helvetica,sans-serif; } /* =ARTICLE PAGE ====================================================================================== */ #article {width:660px;} /* Article Header and Dek */ #article-head {} #article-head h1 {margin:5px 0; font-family:Georgia, serif; font-size:2.12em; color:#000; line-height:1em;} #article-head ul {margin-bottom:10px; font:bold .95em "Trebuchet MS", arial, verdana, sans-serif;color:#666;} #article-head .author { font: bold 12px arial,sans-serif; } #article-toolbox {margin:15px 0;} #article-toolbox #article-bookmark { display: inline; margin-bottom:5px;} /* Article Content */ #article-content {} #article-content img {} #article-content h1 { margin: 10px 0 0 0; font: bold 22px arial, sans-serif; } #article-content h2 {margin:15px 0 5px 0; font-family:Georgia, serif; font-size:1em; color:#000; line-height:1em; text-transform:lowercase;} #article-content h3 {margin:10px 0 2px 0; font:bold 1.4em "Trebuchet MS", Verdana, sans-serif; color:#5d0b2f; text-transform:uppercase;} #article-content h4 {margin:5px 0 0 0; font:bold 1em Georgia, serif; color:#405f6e; letter-spacing:0; text-transform:uppercase; line-height:1em;} #article-content p { margin:3px 15px 10px 0; font: normal 12px arial, sans-serif; line-height:1.4em; color:#000; } #article-content p.dek {margin-bottom: 25px;font:bold .8em arial;color:#333;} #article-content .image-medium { margin: 10px 5px 20px 0; } #article-content .image-medium .imageCredit { float: left; margin: 8px 0 5px 0; width: 125px; font: normal 11px arial, sans-serif; line-height: 11px; } /* Article Extras */ #article-extras-wrapper {clear:both; float:right; margin:0 0 10px 10px; } #article-extras-wrapper .article-extra {width:200px; background:url(/images/bg-sidebar-btm.gif) 0 100% no-repeat; padding-bottom:12px;} #article-extras-wrapper .article-extra h3 {background:url(/images/bg-menu-sidebar-top.gif) 0 0 no-repeat; padding:5px 0 2px 12px; font:bold .9em arial, "Trebuchet MS", verdana, sans-serif; color:#fff; text-transform:uppercase; letter-spacing:1px;} #article-extras-wrapper .article-extra ul {padding:0 12px; list-style-type:disc; color:#668899; padding-left:25px;} /* Article Photo */ #article-photoBox {margin:0 15px 15px 15px; text-align:center; width:200px;} #article-photoBox img {padding:5px; border:solid 1px #ccc; } #publish-info { float: left; margin: 10px 0 0 3px; font: bold 12px arial, sans-serif; color:#000; } /* Article Recipes Widget */ #article-extras-wrapper #recipes-in-article-widget {clear:both; width:248px; padding-bottom:10px; background:url(/images/bg-recipes-article-widget.gif) 0 100% no-repeat;} /* header image replacement */ #recipes-in-article-widget h2 {position:relative; width:248px; height:34px; overflow:hidden;} #recipes-in-article-widget h2 em {position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/bg-recipes-article-h.gif) 0 0 no-repeat;} /* picture cycler container */ #recipes-in-article-widget #pic-cycler {margin: 6px 0 18px;padding: 0 9px;} #recipes-in-article-widget #pic-cycler img {margin-bottom:8px; width:230px; height:230px;} /* Slide links for pic cycler */ #pic-cycler span#slide-links {float:left; width:104px; margin-left:64px; background:url(/images/bg-sep.gif) 50% 50% no-repeat; text-align:center; font-size:.9em;} #slide-links a {cursor:pointer;} #slide-links a#btn-prev-art {display:block; float:left; position:relative; margin-right:2px; width:51px; height:10px; overflow:hidden;} #slide-links a#btn-prev-art em {position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/btn-prev-art.gif) 0 0 no-repeat;} #slide-links a#btn-next-art {display:block; position:relative; width:51px; height:10px; overflow:hidden;} #slide-links a#btn-next-art em {position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/btn-next-art.gif) 0 0 no-repeat;} /* Recipes in this Article list */ #recipes-in-article-widget ul#articles-list {padding: 0 9px; font-size:.9em;} ul#articles-list li {margin-bottom:10px; padding-left:24px;} ul#articles-list li.has-pic {background:url(/images/bullet-camera.gif) 0 0 no-repeat;} /* =RECIPE PAGE ====================================================================================== */ #email-button {display:none;} #print-button {display:none;} #user-buttons {display:none;} #buzz-box {display:none;} #save-button {display:none;} #write-button {display:none;} /* #image-time {display:none;} */ /* #recipe-head {width:660px;} */ #recipe-head {width:6.5in;} /* recipe intro div */ /* #recipe-head #recipe-intro {float:left;width:332px;} */ #recipe-intro {width:6.5in;} /* #recipe-intro h2 {margin: 0 0 15px; width:100%; font:bold 2.12em Georgia, "Times New Roman", Times, serif; color:#000; line-height:1em;} */ #recipe-intro h2 {font:18pt Arial, Helvetica, sans-serif; color:#900; width:6.5in;} #recipe-intro ul {margin-bottom:20px; font:bold .95em "Trebuchet MS", arial, verdana, sans-serif; color:#666;} #recipe-intro ul li{font:10pt Arial, Helvetica, sans-serif; width:6.5in;} #recipe-intro ul li a{color:#CC6600; font-weight:bold; } /* #recipe-intro p {margin:0 15px 25px 0; font:normal 1.2em arial; line-height:1.4em; color:#333;} */ #recipe-intro p{font:11pt Georgia, "Times New Roman", Times, serif; width:6.5in;} #recipe-toolbox{margin:0 25%;} #recipe-toolbox img {margin:2px;} #bookmark-box { margin:0 0 0 85px; } /* recipe image */ /* #recipe-head #image-time {float:left;width:317px; margin:0 0 0 10px;} */ #recipe-head #image-time {float:left; margin:0; width:6.5in;} #recipe-head #image-time img {} /* cooking time */ /* #cooking-time{margin-top:20px;border-top:solid 1px #951152;border-bottom:solid 1px #951152;} */ #cooking-time {border-bottom:1px solid #CCCC99; border-top:1px solid #CCCC99; margin:0; padding:0;} /* #cooking-time ul{float:left;margin-top:15px;width:105px;} */ #cooking-time ul {float:left; width:23%; } /* #cooking-time ul li{margin-bottom:2px;font-size:.91em;color:#9b5e7c;text-indent:5px;} */ #cooking-time ul li{font:10pt Arial, Helvetica, sans-serif; margin-bottom:2px;} #cooking-time ul li strong{font-size:1em;font-weight:700;color:#000;} #cooking-time ul li#time-veg{padding-left:18px;background:url(/images/bullet-veg.gif) 0 50% no-repeat;font-size:1em;font-weight:700;color:#000;} #cooking-time ul li#time-staff{padding-left:18px;background:url(/images/bullet-stafffav.gif) 0 50% no-repeat;font-size:1em;font-weight:700;color:#000;} #cooking-time ul li#time-fast{padding-left:18px;background:url(/images/bullet-fast.gif) 0 50% no-repeat;font-size:11pt;font-weight:700;color:#000;} #cooking-time ul li#time-healthy{padding-left:18px;background:url(/images/bullet-healthy.gif) 0 50% no-repeat;font-size:1em;font-weight:700;color:#000;} #cooking-time ul li#time-webex{padding-left:18px;background:url(/images/bullet-webex.gif) 0 50% no-repeat;font-size:1em;font-weight:700;color:#000;} #cooking-time ul li#time-ahead{padding-left:18px;background:url(/images/bullet-ahead.gif) 0 50% no-repeat;font-size:1em;font-weight:700;color:#000;} /* Recipe Content section */ /* #recipe-content #directions h3{font:bold 11pt Arial, Helvetica, sans-serif; text-transform:uppercase; margin:5px 0;} */ /* #recipe-content {margin:12px 0 0 0; width:660px; background:url(/images/bg-recipe-content.gif) 0 100% no-repeat; padding:0 0 10px 0;} */ #recipe-content {margin: 0; border-bottom:1px solid #cc9; background-color:#fff; background-image:none; font:14pt Georgia, "Times New Roman", Times, serif; color:#333;} #recipe-content h2 {position:relative; width:660px; height:33px; overflow:hidden;} #recipe-content h2 em {position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/bg-recipe-h.gif) 0 0 no-repeat;} #recipe-content h3 {margin:15px 0 5px 0; font:bold 1.2em "Trebuchet MS", Verdana, sans-serif; letter-spacing:1px; color:#000; text-transform:uppercase; font-size:11pt;} /* ingredients */ /* #recipe-content #ingredients {float:left; margin-top:20px; width:293px; padding-left:22px;} */ #recipe-content #ingredients {margin-bottom:20px;padding-left:0px; width:6.5in; float:none;} #recipe-content #ingredients ol{font:11pt Georgia, "Times New Roman", Times, serif; padding-left:15px; margin:0px 0px 12px;} #recipe-content #ingredients ol { list-style-image:none; list-style-position:outside; list-style-type:none; } #ingredients ol li {margin:0; padding:5px 0; border-top:dashed 1px #cde1eb;} #ingredients h2 { height: 25px; margin-top: 10px; padding: 0; text-transform: uppercase; color: #ba0702; font-size: 1em; } #recipe-content #ingredients h3{font:bold 11pt Arial, Helvetica, sans-serif; text-transform:uppercase; margin:15px 0;} /* directions */ /* #recipe-content #directions {float:right; margin-top:20px; width:297px; padding-right:22px; } */ #recipe-content #directions {margin-top:20px; width:6.5in; float:none;} #recipe-content #directions ol{font:11pt Georgia, "Times New Roman", Times, serif;} #directions ol li {margin-bottom:8px; list-style:decimal; margin-left:18px;} /* other content */ #other-content { padding: 20px 0; } .other-item-wine { border-bottom: 1px dotted #aaa; margin-bottom: 10px; padding: 0 10px; } .other-item-wine h2 { margin-bottom: 5px; } .other-item { border-right: 1px dotted #aaa; padding: 0 10px; } .other-item h2 { margin-bottom: 5px; } /* =RECIPE REVIEW ====================================================================================== */ #recipe-review {margin:12px 0 0 0; width:660px; background:url(/images/bg-recipe-review.gif) 0 100% no-repeat; padding:0;} #recipe-review h2 {position:relative; width:660px; height:33px; overflow:hidden;} #recipe-review h2 em {position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/bg-reviews-h.gif) 0 0 no-repeat;} #recipe-review h3 {margin:15px 0 5px 21px; font:bold 1.4em Georgia, "Times New Roman", Times, serif; text-transform:lowercase;} #recipe-review h3.user-reviews {margin:0 20px 0 0; float:left;} #recipe-review h3.write-a-review {background:url(/images/icons/pencil.gif) no-repeat; background-position:0 4px; padding-left:20px;} /* review form */ #review-form {margin-left:20px; padding:10px 10px 30px 10px; width:600px; height: 100px; background:url(/images/bg-form.jpg) bottom left no-repeat; color:#555;} #review-form #comment {width:450px; float:left; margin:0;} #review-form #comment textarea {width:450px; height:100px;} #review-form .mceToolbarContainer{left:0;top:0;width:450px; height:25px;} #review-form #submit{height:125px; float: left; margin-left:15px;} .instructions {font:normal 10px arial; } .reset {font:bold 11px arial;} #review-form input.submitbutton{background:url('/images/btn-review-submit.gif') no-repeat;border:0;width:72px;height:35px;font-weight:400;color:#fff;font-size:11px;float:center;cursor:pointer;clear:both;align:center;margin:10px 0 5px 20px;} #review-form #star-rating{} #review-form #star-rating .star_1{float:left;} #review-form #star-rating .star_2{float:left;} #review-form #star-rating .star_3{float:left;} #review-form #star-rating .star_4{float:left;} #review-form #star-rating .star_5{float:left;} fieldset#comments{float:left;width:450px;} fieldset#submit-actions{float:right;width:115px;height:109px;border:none;} /* ANIKA: are these rules referenced anywhere? i commented them out and don't see anything breaking... let's delete them if we're not using them. #submit-rating p{padding-top:2px;text-align:center;margin:0;} #submit-rating img{margin-left:12px;width:92px;height:16px;} #submit-actions ul#edit-tools{width:75px;height:21px;margin:8px 0 8px 18px;} #submit-actions ul#edit-tools li{float:left;width:25px;} ul#edit-tools li img{width:25px;height:21px;} #review-submit{clear:both;margin-left:21px;width:72px;height:32px;}*/ /* posted reviews */ #posted-comments{padding:0 21px;} #posted-comments #average-rating {float:left; margin:0;} #posted-comments #average-rating img {float:left;} #posted-comments #average-rating p {float:left; padding-top:5px; text-transform:uppercase; font:bold 10px arial, verdana, helvetica, sans-serif; letter-spacing:1px; color:#999;} #posted-comments #topline p#rate-user{float:right;text-indent:-9999px;width:112px;height:19px;background:url(/images/bg-recipe-user-rating.gif) 0 0 no-repeat;margin:0;} #posted-comments #topline{margin:25px 0;border-bottom:2px groove #ab2d6a; padding:5px 0;} #posted-comments .user-post{margin-bottom:20px;border-bottom:dotted 1px #cd8dac; background-image:url(/images/quotes.gif); background-position:top left; background-repeat:no-repeat} #posted-comments .user-post p {text-indent: 25px; font-size:1.1em;} #posted-comments .user-post div{float:left;width:500px;} #posted-comments .user-post h4{margin-bottom:8px;color:#000;line-height:1;} #posted-comments .user-post p.postedby{font-size:10px; text-transform:uppercase; font-family: Arial, Verdana, Helvetica, sans-serif; color:#999;} #posted-comments .user-post img.stars{float:right;width:92px;} /* =SECONDARY CONTENT ====================================================================================== */ #secondary { float:right; /* virtual gutter of 9px between #main and #secondary floats */ width: 310px; background:#fff; } /* What's New module */ #new { width:310px; background:url(/images/bg-new-tile.gif) 5px 0 repeat-y; } #new div.wrap { width:310px; background:url(/images/bg-new-frame.gif) 0 0 no-repeat; padding-top: 4px; } #new h2 { position:relative; margin:0 0 9px 5px; width:300px; height:30px; overflow:hidden; } #new h2 em { position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/bg-new2-h.gif) 0 0 no-repeat; } body#home #new h2 em { background-image:url(/images/bg-new-h.gif); } /* Blog */ #new #blog { display:block; width:300px; padding: 0 5px; } #blog h3 { float:right; margin: -4px 0 0 2px; width:209px; color:#10557c; } #blog img { float:left; width:89px; height:73px; } #blog ul { float:right; margin-left:2px; width:184px; } /* Community */ #new #community { /* turn off for all pages */ /*display:none;*/ margin: 20px 0 0; } body#home #new #community { /* turn on for home page inclusion */ display:block; margin-top:22px; } #community h3 { float:right; margin: -4px 0 0 2px; width:209px; color:#668c47; } #community div#author { float:left; width:89px; } #author p { padding:0 0 0 17px; font-size:.9em; line-height:1.2; } #community div#post { float:right; margin-left:2px; width:209px; } #post blockquote { background:url(/images/bg-quote-top.gif) 0 5% no-repeat; } #post blockquote p { margin: 0 15px 0 0; padding: 0 0 0 15px; background: url(/images/bg-quote-btm.gif) 90% 95% no-repeat; line-height:1.3; } #post p.reply { padding: 0 0 0 15px; font-size:.9em; line-height:2; } /* Newsletter */ body#home #new #newsletter { /* set proper top margin for home page inclusion */ margin-top: 5px; } div#newsletter-label{ float:left; vertical-align: middle; } #new #newsletter { margin: 5px 0 0; background: url(/images/bg-new-frame.gif) 0 100% no-repeat; padding: 0 5px 5px 0; } #newsletter img { float:left; } #newsletter p { margin-right:6px; float:right; padding:22px 0 5px; font-weight:bold; } #newsletter form { float:right; } input#newsletter-text { margin:3px 2px 0 0; float:left; width:120px; border-top:1px solid #ccc; border-left:1px solid #ccc; } input#newsletter-submit { float:left; margin-top:-5px; width:46px; height:34px; } /* grouping for all =Secondary Content modules after what's new */ #col { margin:10px 0 0; width:309px; border: 1px solid #acc3cd; border-right:none; background: #cde1eb; } #col div.wrap { width: 300px; padding: 0 4px 5px; border: 1px solid #fff; border-right:none; } /* Marketplace module */ #marketplace { margin:10px 0 0; width:300px; background:url(/images/bg-dotbox.gif) 0 0 no-repeat; } #marketplace h2 { position:relative; width:300px; height:25px; overflow:hidden; } /* Marketplace headline image replacement */ #marketplace h2 em { position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/bg-marketplace-h.gif) 0 0 no-repeat; } #marketplace ul { /*background: url(/images/bg-dotbox.gif) 0 100% no-repeat;*/ padding:0 2px 5px 28px; color:#a01258; font-size:.92em; } #marketplace ul li { margin:5px 0 0; } #marketplace-bottomCap { background: url(/images/bg-dotbox.gif) 0 100% no-repeat; } /* =Subscription Form module */ #subscribe { margin:10px 0 0; width:300px; background:url(/images/bg-dotbox.gif) 0 0 no-repeat; } #subscribe h2 { position:relative; width:300px; height:25px; overflow:hidden; } /* Subscribe headline image replacement */ #subscribe h2 em { position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/bg-subscribe-h.gif) 0 0 no-repeat; } #subscribe img { width:297px; height:227px; padding: 0 0 0 2px; } #subscribe-form { width:283px; padding: 0 7px 7px 10px; background: url(/images/bg-dotbox.gif) 0 100% no-repeat; } #subscribe-form input.text, #subscribe-form select { border-top:2px solid #ccc; border-left:1px solid #ccc; } #subscribe-form dt { float:left; width:79px; clear:both; margin:5px 0 0 0; } #subscribe-form dt input#subscribe-submit { float:none; margin-left:73px; } #subscribe-form dd { float:right; width:204px; margin:0 0 5px 0; } #subscribe-form dd input {width:204px;} /* state and zipcode fields, contained in a wrapper */ #subscribe-form dt.wrap { /* hide by moving offscreen */ text-indent:-9999px; margin-top: -19px} #subscribe-form dd.wrap { float:left; width:283px; } /* state select */ #subscribe-form dd.wrap div.sub-state { float:left; width:145px; } #subscribe-form dd.wrap div.sub-state label { float:left; width:79px; } #subscribe-form dd.wrap div.sub-state select { float:left; width:auto; } /* zip code */ #subscribe-form dd.wrap div.sub-zip { float:left; width:138px; } #subscribe-form dd.wrap div.sub-zip label { float:left; width:65px; } #subscribe-form dd.wrap div.sub-zip input { float:right; width:70px; } /* Events sidebar module */ #events-sidebar { margin:10px 0 0; width:300px; background:url(/images/bg-dotbox.gif) 0 100% no-repeat; padding-bottom:5px; } #events-sidebar h2 { position:relative; width:300px; height:25px; overflow:hidden; padding-left:7px; } /* Events Sidebar headline image replacement */ #events-sidebar h2 em { position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/bg-events-sb-h2.gif) 0 0 no-repeat; } #events-sidebar h3 { margin-top:10px; padding-left:7px; } #events-sidebar img { width:225px; } #events-sidebar dl { margin-top: 15px; width:225px; padding:0 7px; } #events-sidebar dt { margin-top:15px; } /* =Storybox ad modules */ #col div.top { margin-top:5px; } div.storybox { margin:10px 0 0 ; } /* =FOOTER - Includes Brands, Footer Navigation, and Copyright *******************************/ #footer { clear: both; width: 1002px; padding: 8px 16px 0 15px; background: url(/images/bg-footer.png) 0 0 no-repeat; } /* Brands */ dl#brands { width:958px; height:59px; padding: 2px 7px 2px 6px; background: url(/images/bg-brands.gif) 0 0 no-repeat; } #brands dt, #brands dd { float:left; } #brands dt { position:relative; width:144px; height:59px; overflow:hidden; } /* Brands title image replacement */ #brands dt em { position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/bg-brands-title.gif) 0 0 no-repeat; } /* Footer Navigation */ ul#footer-nav { margin: 11px 0 14px 122px; width:698px; } ul#footer-nav li { position:relative; float:left; height:15px; overflow:hidden; } #footer-sub { width:125px;} #footer-contact {width:100px;} #footer-map {width:84px;} #footer-press {width:127px;} #footer-feat {width:151px;} #footer-adv {width:111px;} ul#footer-nav li a { display:block; } ul#footer-nav li a:hover { z-index:1; /* fixes Firefox/Mac hover bug - pushes 'a:hover' text to bottom of stack */ } /* Footer Nav image replacement */ ul#footer-nav li em { position:absolute; top:0; left:0; width:100%; height:100%; background: url(/images/bg-footer-nav.png) no-repeat; cursor:pointer; } ul#footer-nav li#footer-sub em {background-position:0 0;} ul#footer-nav li#footer-contact em { background-position:-125px 0;} ul#footer-nav li#footer-map em {background-position:-225px 0;} ul#footer-nav li#footer-press em {background-position:-309px 0;} ul#footer-nav li#footer-feat em {background-position:-436px 0;} ul#footer-nav li#footer-adv em {background-position:-587px 0;} /* Copyright */ p#copyright { margin: 20px 0 105px; text-align:center; font-size:11px; color:#b88299; } /* =LEADERBOARDS *******************************/ /* #ad-top { position:absolute; /* relative to #container */ top:4px; left:21px; z-index:2; /* above #masthead bg */ } */ #ad-top {left:21px; top:4px; position:absolute; float:left;} #ad-btm { position:absolute; /* relative to #container */ bottom:0; left:137px; } /* =MISC ====================================================================================== */ /*------------------- P.I.E. FLOAT CLEARING - non-IE browsers only See http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { content: "."; height: 0; visibility: hidden; display: block; clear: both; } /* END P.I.E. FLOAT CLEARING --------------------- */ /* Generic classes for floats */ .left {float:left;} .right {float:right;} /* Class for clearing floats */ .clear { clear:both; } .hide { display:none; } /* =TOC ====================================================================================== */ div#toc_container { padding: 10px; } div#toc_container img.toc_image { float:left } div#toc_container div#month_drop_down { float: right; padding-top: 10px; border } table.toc_table { margin-bottom: 12px; width: 100%; } table.toc_table td.toc_header { background-color: #990000; width: 290px; color: #FFFFFF; font: bold 12px verdana; padding: 6px; } #toc_recipes { margin-bottom:12px; } #toc_recipes td { padding: 0px 2px; vertical-align: top; } #toc_recipes .dot { width: 40px; text-align: right; } .toc_button { width: 210px; background-color: #DD3333; font: bold 12px verdana; padding: 5px; border-left: 1px solid #FFFFFF; } .toc_button a:link { color: #FFFF99; } .toc_button a:visited { color: #FFFF99; } .toc_button a:hover { color: #FFFFFF; } #toc_anchors { background-color: #EEEEEE; padding: 4px 10px; margin-top: 8px; } #toc_anchors a { font-weight:bold; } .img-fav { float:right; margin-left: 6px; border-width: 0px; } .cont-fav { margin: 10px 0px; padding: 7px 5px; border: 1px #DDD solid; border-width: 1px 0px; } .underline { border-bottom: 1px solid #CCCCCC; margin-bottom: 10px; } .img-feat-150 { width: 150px;float:left; } .img-feat-200 { width: 200px;float:left; margin-right: 10px; } .monthly-article { margin-bottom:12px; } .column-left { float:left;width:48%;padding-right:10px; } .column-right { float:left;width:48%; } /* =SLIDESHOWS ====================================================================================== */ .slideshows { margin-top: 3px; } /*Hi Marissa C., this rule is overriding a previous .slideshow class already defined; when you set the width here to be 660px it makes the slideshow modules on landing pages a little wonky. Maybe you can just re-name this class instead? thanks :) */ .slideshows .topbar {margin: 0px 0px 5px 0px; padding: 3px; background-color: #a62d00; } .slideshows .topbar h1 { margin-left: 5px; } .slideshows .topbar h1 a, .slideshows .topbar h1 a:visited {color: #fff; padding: 0px; margin: 0px;} .slideshows .topbar a#more-button { margin-right: 5px; color: #FF842B; width: 200px; float: right; text-align: right;} .slideshows img.slideimg {float: left; margin: 0px 7px 7px 0px;} .slideshows .controls {margin: 20px 0px;} #featured-slideshows {padding:10px 0;} #featured-slideshows h2 {} #featured-slideshows h4 {font-size:.9em; margin:0; padding:0; text-align:center;} #featured-slideshows .slide {float:left; margin:10px;} #slideshow-index ul { list-style:disc; color:#668899; margin-left:15px; width:110px; float:left;} #slideshow-index li {margin-bottom:2px;} #slideshow-index .category {margin:10px 0; padding:10px 0;} /* =MENUS ====================================================================================== */ #menus h1 {font-size:2.2em; font-family:Georgia, "Times New Roman", Times, serif; text-transform:lowercase; line-height:1.2em;} #menus h2 {font:bold 1.6em Georgia, "Times New Roman", Times, serif; text-transform:lowercase; } #menus h3 {font-size:1em; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1px; color:#333; margin:10px 0 0 0; padding:0; line-height:.8em;} .menu {float:left; width:200px; margin:15px 5px;} #featured-menus {margin:10px 5%;} #menu-graphic {width:200px; height:184px; padding:15px 15px 0 40px; float:left; background:url(/images/bg-featured-menus.gif) top left no-repeat;} #menu-copy {margin:10px 5px; padding-top:15px; font:1.2em Arial, Helvetica, sans-serif;} #menus ul {padding:5px 10px 10px 5px; margin:0 2px; font:normal 1em arial; list-style-type:none; } #menus ul li {margin-bottom:2px; padding:0 0 2px 10px; border-bottom:dashed 1px #cde1eb; background:url(/images/bullet-module.gif) 0 5px no-repeat;} #menu-listings {margin:0 5%; padding-left:50px;} #menu-listings ul {padding-right:40px;} #menu-intro {margin:15px 5%;} /* =COOKING GUIDES ====================================================================================== */ /* =THE DISH ====================================================================================== */ div#dish-header-cont { margin-bottom: 15px; width: 100%; } div#dish-header-cont h1 { padding-bottom: 5px; border-bottom: 1px dotted #aaa; text-align: left; font-size: 1.6em; font-family: Georgia,"Times New Roman",Times,serif; text-transform: lowercase; line-height: 1.1em; } div#dish-subcont { width:620px; padding: 20px; border:1px solid #CCCCCC; } div#dish-subcont ul.imageBullets { list-style-type: disc; margin: 10px 10px 20px 30px; font-weight:bold; font-size:13px; } div#dish-subcont ul.imageBullets li { margin: 8px 0;} div#dish-subcont2 { background-color: #EEEEDD; padding: 2px 8px 8px 8px; border:1px solid #CCCCCC; } div#dish-subcont2 .img-dish { margin-left:6px; } div#dish-subcont2 div#dish-subcont3 { padding:5px; } div#dish-subcont3 p { font-weight: bold; display: inline; } div#dish-subcont3 input.dish-email-box { margin-left: 5px; width: 240px; border: 1px solid #666666; } div#dish-subcont3 div.dish-disclaimer { margin-top:10px; padding:10px 0px; border-top:1px solid #BBBBBB; } div.dish-signup { text-align:center; } div.dish-signup input.dish-button { font-size:12px; } div.dish-unsub { font-size:10px;color:red;margin-top:6px; } /* hidden elements */ #beta-comment-wrapper {display:none;} #secondary {display:none;} #recipe-review {display:none;} #footer dl{display:none;} #footer ul{display:none;} #user-pane-wrapper {display:none;} #nav-wrap {display:none;} #search {display:none;} #recipe-toolbox {display:none;} #beta { display:none;} #article_sidebar, #recipe_sidebar {display:none;} #header, #miniTools, #recipe_otherlinks, #sidebar {display:none;} #footer {display:none;} #recipe-review h2 {display:none;} #recipe-content h2 {display:none;} #bookmark-box {display:none;} ul#breadcrumb {padding-left:10px;} #recipeWines {font-family:Georgia,"Times New Roman",Times,serif; font-size:11pt; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal;} #recipe-intro-end {font-family:Georgia,"Times New Roman",Times,serif; font-size:11pt; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal;} .recipe-intro-end ul li{padding:0 0 10px 20px;}