/*----------------------------------------------------------------------------- Title: Screen Style Sheet Site: Food & Wine http://www.foodandwine.com/ Version: 2.0.1 Last Updated: 2011.08.5 Authors: Pam Abbott, Marissa Campanella, David Gowrie, Marissa Perry, Anika Reynolds, Antero Ortiz Validation: This CSS document validates for conformance to W3C recommendations. Validate upon changes - http://jigsaw.w3.org/css-validator -----------------------------------------------------------------------------*/ /* =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: #fff; font: 62.5%/1.4 Arial, "Trebuchet MS", Helvetica, Verdana, sans-serif; /* set up 10px = 1em at default end-user/browsers settings */ color: #010101;} /* =LINKS ====================================================================================== */ /* Defaults */ a, a:link { text-decoration:none; color:#d10702; outline: none;} a:visited { color:#d10702;} 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; } /* padding on top */ .padding-top { padding: 45px 0 0 0; } /* =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 { padding: 5px 0 0 0; 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: .2em 0 .5em 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;} .uppercase {text-transform:uppercase;} .lowercase {text-transform:lowercase;} #main dl dt {font:bold 1em "Trebuchet MS"; letter-spacing:1px} #main dl dd {} .caps { font-size:.8em; text-transform: uppercase; } /* =IMAGES ====================================================================================== */ /* vertical images */ .image-large {background-image:url(/images/bg-image-large.gif); background-position:top left; background-repeat:no-repeat; padding:5px 5px 0 5px; margin: 10px 0 0 0; width:200px; height:250px;} .image-large img {width:190px; height:240px; margin-bottom: 8px;} .image-medium {background-image:url(/images/bg-image-medium.gif); background-position:top left; background-repeat:no-repeat; padding:5px; margin: 5px 10px 0 5px; width:136px; height:158px;} .image-medium img {width:130px; height:150px; margin-bottom:8px; } .image-small {background-image:url(/images/bg-image-small.gif); background-position:top left; background-repeat:no-repeat; padding:5px 0 0 5px; margin: 0 2px 5px 2px; width:100px; height:114px;} .image-small img {width:90px; height:104px; margin-bottom:8px; } .image-small-extra-pad {background-image:url(/images/bg-image-small.gif); background-position:top left; background-repeat:no-repeat; padding:5px 0 0 5px; margin: 0 7px 5px 2px; width:100px; height:114px;} .image-small-extra-pad img {width:90px; height:104px; margin-bottom: 8px; } .recipes-image-small {background-image:url(/images/bg-image-small.gif); background-position:top left; background-repeat:no-repeat; padding:5px 0 0 5px; margin: 0 5px 0 0; width:100px; height:114px;} .recipes-image-small img {width:90px; height:104px; float: left; } #four-images-bottom-pad { float: left; width: 100%; margin: 0 0 15px 0; padding: 9px 0 10px 2px; } #feature-four-images-bottom-pad { float: left; margin: 0 0 20px 0; padding: 8px 0 5px 2px; border-top: solid; border-width: thin; border-color: #ccc; } /* Section Fronts different layouts */ #feature-four-images-bottom-pad3 { float: left; margin: 0 0 20px 0; padding: 3px 0 5px 2px; } #feature-four-images-bottom-pad3-more { float: left; margin: 6px 0 20px 0; padding: 3px 0 5px 2px; } /* image credit */ .imageCredit { text-align: left; color: #333; font: normal 11px arial, sans-serif; width: 200px; } .image-small .imageCredit { text-align: left; margin: 0 0 10px 0; width: 100px; } .image-medium .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: 5px 0 10px 0; width: 180px; font: normal 11px arial, sans-serif; } .image-wide-medium .imageCredit { text-align: left; margin: 7px 0 0 0; width: 140px; } /* horizontal images */ .image-wide-large {background-image:url(/images/bg-image-wide-large.gif); background-position:top left; background-repeat:no-repeat; width:250px; height:200px; margin: 2px 2px 2px 2px; padding: 5px 5px 5px 5px;} .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; width:208px; height:168px; margin: 2px 2px 2px 2px; padding: 5px 5px 5px 5px; } .image-wide-medium img {width:200px; height:160px;} .image-wide-small {background-image:url(/images/bg-image-wide-small.gif); background-position:top left; background-repeat:no-repeat; width:114px; height:100px; margin: 2px 2px 2px 2px; padding: 5px 5px 5px 5px;} .image-wide-small img {width:104px; height:90px;} /* 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:5px; 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.entertaining-guide {width:660px; height:55px; margin-bottom:5px; background:url(/images/bg-entertainingguides-h1.gif) 0 0 no-repeat; text-indent:-9999px;} h1.party-guide {width:660px; height:55px; margin-bottom:5px; background:url(/images/bg-partyguide-h1.gif) 0 0 no-repeat; text-indent:-9999px;} h1.gifts-guide {width:660px; height:55px; margin-bottom:5px; background:url(/images/bg-giftsguide-h1.gif) 0 0 no-repeat; text-indent:-9999px;} h1.cocktails-guide {width:660px; height:55px; margin-bottom:5px; background:url(/images/bg-cocktailsguide-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.appetizers {background:url(/images/bg-appetizers-h1.gif) 0 0 no-repeat;} .interior {overflow:hidden; margin:15px 0; width:660px; height:30px; background:url(/images/bg-interior-h.gif) bottom left no-repeat; padding:5px 0 15px 0; margin:0; color:#000; text-transform:lowercase; text-align:center;} /* graphic module headers */ h3.mostpop-rec em {background:url(/images/bg-most-popular-recipes.gif) 0 0 no-repeat;} /* most popular recipes graphic */ /* =LAYOUT DIVS ====================================================================================== */ #container {position:relative; width: 1002px; margin: 0 auto;} #wrap {width: 1002px;} /* =MASTHEAD - Includes Branding, Navigation, and Search ====================================================================================== */ #masthead {width: 990px; padding: 0px; margin:0px 0px 0px 6px;background-color:white;} /* Branding */ #branding {display: inline; float:left; width:598px; /* take advantage of max width for horizontal expansion of inner text elements, up to search box */} #branding p { float:left; position:relative; width: 350px; height: 70px; margin-top: 14px; overflow: hidden;} #branding p em { position: absolute;top:0;left:0; width: 100%; height: 100%; background: url(/images/logo.gif) 0 0 no-repeat; cursor:pointer;} /* User Meta */ #user {width:590px; height:10px; padding-left:10px; font-size:1em;} #user em {float:left; font-style:normal;} #skip {display:none;} #usiOptions em { } #usiOptions a{font-weight: bold; text-transform: uppercase; color:#a01258; padding:0 10px; border-right:solid 1px #ccc;} #usiOptions a.last {border-right:none;} /*Beta Preview*/ #beta{ float: left; margin:13px 0 5px 28px; background:url(/images/deals-and-wine-club.gif) top left no-repeat; width:218px; height:65px;} #beta a {color:#CC0066;} #beta button {border:none;color:#CC0066;font-weight:bold; background-color:#fffffd;font-size:1.1em} #beta ul { margin:0 0 0 40px; background: #fff; } #beta ul li.deals {font:bold 12px arial; padding-top:0; line-height:13px; } #beta ul li.club {font:bold 12px arial; padding-top:8px; line-height:14px; } #beta ul li a:link { color:#d10702; } #beta ul li a:visited { color:#d10702; } #beta ul li a:hover { color:#e83f00; } #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 */ #input-favorites{width:298px; url(/images/bg-search.gif) 0 0 no-repeat;margin:0px 15px 0 0;} #search{background: #fff; float: right; width: 363px; margin-right:0px;} #search-form{float: right; margin-top:10px; width: 358px;} #search-text{float: left; margin: 4px 3px 0 6px; width: 250px; height:24px; font-family:arial, sans-serif; font-size:12px; line-height:24px;} #search-submit{float: left; margin-top: 4px; width: 75px; height:28px; margin-left:-4px;} /* 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;} /* =Search Tabs */ #searchtabs { float: left; padding: 0; margin: 0 0 0 5px; font: bold 11px arial,sans-serif; background: url(/images/recipe/recipe-tab-bg.gif) repeat-x bottom; } #searchtabs ul { margin: 0; padding: 10px 10px 0 10px; list-style: none; } #searchtabs li { float: left; margin: 0 5px 0 0; padding: 0; background: url(/images/recipe/norm-right.gif) no-repeat right top; } #searchtabs a:link { display: block; color: #666; background: url(/images/recipe/norm-left.gif) no-repeat left top; padding: 3px 15px 2px 15px; } #searchtabs a:visited { display: block; color: #666; background: url(/images/recipe/norm-left.gif) no-repeat left top; padding: 3px 15px 2px 15px; } #searchtabs a:hover { display: block; color: #666; background: url(/images/recipe/norm-left.gif) no-repeat left top; padding: 3px 15px 2px 15px; } #searchtabs #selected { background-image: url(/images/recipe/current-right.gif); } #searchtabs #selected a:link { background-image: url(/images/recipe/current-left.gif); font: bold 11px arial,sans-serif; color: #333; } #searchtabs #selected a:visited { background-image: url(/images/recipe/current-left.gif); font: bold 11px arial,sans-serif; color: #333; } #searchtabs #selected a:hover { background-image: url(/images/recipe/current-left.gif); font: bold 11px arial,sans-serif; color: #333; } /* =Subscription Link */ #subscribe-link{position:absolute;top:4px;left:750px;width:225px;height:90px;background-color:#5B0B2E;overflow:hidden;padding:0px 0 0px 2px;} /* 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:156px;} li#nav-wine{width:175px;} li#nav-travel{width:214px;} li#nav-athome{width:202px;} li#nav-community{width:129px;} li#nav-blogs{width:129px;} li#nav-mag{width:114px;} #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-community a em, #nav li#nav-blogs a em, #nav li#nav-mag a em {position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/bg-navbar2011.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: -164px 0;} #nav li#nav-travel a em {background-position: -348px 0;} #nav li#nav-athome a em {background-position: -567px 0;} #nav li#nav-community a em {background-position: -780px 0;} #nav li#nav-blogs a em {background-position: -781px 0;} #nav li#nav-mag a em {background-position: -874px 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: -164px -31px;} #nav li#nav-travel a:hover em, body#ss-travel #nav li#nav-travel a em {background-position: -348px -31px;} #nav li#nav-athome a:hover em, body#ss-athome #nav li#nav-athome a em {background-position: -567px -31px;} #nav li#nav-community a:hover em, body#ss-community #nav li#nav-community a em {background-position: -780px -31px;} #nav li#nav-blogs a:hover em, body#ss-blogs #nav li#nav-blogs a em {background-position: -780px -31px;} #nav li#nav-mag a:hover em, body#ss-mag #nav li#nav-mag a em {background-position: -874px -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-shop #nav li#nav-recipes a em, body#ss-mag #nav li#nav-recipes a em {cursor:default;} /* =Sub Menu */ /* selected navigation elements*/ #nav-wrap ul#submenu li.selected a.selected {display:inline; padding:5px 55px 0 15px; line-height:2.5em; color:#000000;} #nav-wrap ul#submenu-right li.selected a.selected {display:inline; padding:5px 55px 0 15px; line-height:2.5em; color:#000000;} #nav-wrap ul#nav li a {text-indent:-9999999px;} #nav-wrap ul li a:visited {text-decoration: none;} #nav-wrap ul li a:hover {text-decoration:underline;} #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:left; display:inline;} #nav-wrap ul#submenu li a {display:inline; padding:5px 30px 0 15px; line-height:2.5em; color:#a01258;} /* =Sub Menu RIGHT*/ #nav-wrap ul#submenu-right {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-right li {float:right; display:inline; font-size: 1em; font-weight: bold; text-transform: uppercase;} #nav-wrap ul#submenu-right li a {display:inline; padding:5px 55px 0 15px; 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;} #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;} /* =MODULES in main content well ====================================================================================== */ /* UNIVERSAL MODULES */ /* module container */ .module-wrapper {clear:both; width:660px; margin:0 0 0 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;} .module-narrow4 {width:310px; margin:0 10px 5px 5px;} .module-narrow4 h3 { font-size: 1.6em; font-family: Georgia,"Times New Roman",Times,serif; text-transform: lowercase; line-height: 1.2em; } .mod-narrow {width:315px; margin:5px 0;} .mod-wide {width:356px;} .mod-small {width:280px;} .mod-small2 {width:240px; margin-bottom: 15px;} .module-xwide { width:670px;} /* MC: it's used in the large search module */ .module-wine-blog { width: 660px; } /* Module font styles for homepage without flash */ .mod-small2 a:link { text-decoration:none; color:#d10702; outline: none;} .mod-small2 a:visited {color:#d10702;} .mod-small2 a:hover {color:#e83f00; text-decoration:underline;} .mod-small2 a:active {color:#e83f00;} .mod-small2 h1 { font: normal 27px georgia, serif; margin: 5px 0 0 0; } .mod-small2 h1 a:link { text-decoration:none; color:#000; outline: none; margin: 5px 0 0 0; } .mod-small2 h1 a:visited {color:#000; margin: 5px 0 0 0; } .mod-small2 h1 a:hover {color:#e83f00; text-decoration:underline; margin: 5px 0 0 0; } .mod-small2 h1 a:active {color:#e83f00; margin: 5px 0 0 0; } .mod-small2 h2 { font: normal 27px georgia, serif; margin: 5px 0 0 0; } .mod-small2 h2 a:link { font: normal 27px georgia, serif; text-decoration:none; color:#000; outline: none; margin: 5px 0 0 0; } .mod-small2 h2 a:visited { font: normal 27px georgia, serif; color:#000; margin: 5px 0 0 0; } .mod-small2 h2 a:hover { font: normal 27px georgia, serif; color:#e83f00; text-decoration:underline; margin: 5px 0 0 0; } .mod-small2 h2 a:active { font: normal 27px georgia, serif; color:#e83f00; margin: 5px 0 0 0; } .mod-small2 p {margin: 3px 0 3px 0;} .mod-small2 ul { } .mod-small2 ul li { margin-bottom:2px; padding:0 0 2px 10px; background:url(/images/bullet-module.gif) 0 5px no-repeat; } .mod-small3 { float: left; width: 270px; margin: 23px 0 0 10px; } .mod-small3 .image-small {background-image:url(/images/bg-image-small.gif); background-position:top left; background-repeat:no-repeat; padding:5px 0 0 5px; margin: 0 19px 5px 2px; width:100px; height:114px;} .mod-small3 .image-small img {width:90px; height:104px;} .feature .mod-small3 h3 { padding: 0 0 0 5px; font-size: 19px; font-family: Georgia,"Times New Roman",Times,serif; text-transform: lowercase; line-height: 1.1em; } .feature .mod-small3 h4 { padding: 0 0 4px 5px; font-size: 19px; font-family: Georgia,"Times New Roman",Times,serif; text-transform: lowercase; line-height: 1.1em; } .mod-small3 a:link { text-decoration:none; color:#d10702; outline: none;} .mod-small3 a:visited {color:#d10702;} .mod-small3 a:hover {color:#e83f00; text-decoration:underline;} .mod-small3 a:active {color:#e83f00;} .mod-small3-headline { float: left; margin: 0 0 0 13px; width: 340px; } .mod-small3-headline h1 { font: normal 27px georgia, serif; margin: 0 0 0 0; width: 340px; } .mod-small3-headline h1 a:link { text-decoration:none; color:#000; outline: none; margin: 5px 0 0 0; } .mod-small3-headline h1 a:visited {color:#000; margin: 5px 0 0 0; } .mod-small3-headline h1 a:hover {color:#e83f00; text-decoration:underline; margin: 5px 0 0 0; } .mod-small3-headline h1 a:active {color:#e83f00; margin: 5px 0 0 0; } .mod-small3-headline p {margin: 3px 0 3px 5px; width: 330px; } .mod-small3-headline ul { } .mod-small3-headline ul li { margin-bottom:2px; padding:0 0 2px 10px; background:url(/images/bullet-module.gif) 0 5px no-repeat; } .mod-small3-headline-padtop { float: left; margin: 5px 0 0 4px; width: 340px; } .mod-small3-headline-padtop h1 { font: normal 27px georgia, serif; margin: 0 0 0 0; width: 340px; } .mod-small3-headline-padtop h1 a:link { text-decoration:none; color:#000; outline: none; margin: 5px 0 0 0; } .mod-small3-headline-padtop h1 a:visited {color:#000; margin: 5px 0 0 0; } .mod-small3-headline-padtop h1 a:hover {color:#e83f00; text-decoration:underline; margin: 5px 0 0 0; } .mod-small3-headline-padtop h1 a:active {color:#e83f00; margin: 5px 0 0 0; } .mod-small3-headline-padtop p {margin: 3px 0 3px 5px; width: 330px; } /* graphic header floats */ .title-header-float-left { float: left; padding: 0 0 0 10px; letter-spacing:1px; font:normal 1em Arial, "Trebuchet MS", Verdana, sans-serif;text-transform:uppercase; } #main h2.title-header-float-left { float: left; padding: 0 0 0 10px; letter-spacing:1px; font:normal 1em Arial, "Trebuchet MS", Verdana, sans-serif;text-transform:uppercase; } .title-header-float-right { float: right; padding: 0 202px 0 0; letter-spacing:1px; font:normal 1em Arial, "Trebuchet MS", Verdana, sans-serif;text-transform:uppercase; } #main h2.title-header-float-right { float: right; padding: 0 202px 0 0; letter-spacing:1px; font:normal 1em Arial, "Trebuchet MS", Verdana, sans-serif;text-transform:uppercase; } /* graphic backgrounds for module headings */ h2.section {position:relative; overflow:hidden; margin:5px 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:8px 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; 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.section-narrow4 {position:relative; overflow:hidden; margin:75px 0 15px 0; width:655px; height:40px; background-image: url(/images/bg-subsection-h.gif); background-repeat:repeat-x; background-position:top left; padding:3px 0 0 5px;color:#fff;letter-spacing:1px;font:normal 1.8em Arial, "Trebuchet MS", Verdana, sans-serif;text-transform:uppercase;} .section-narrow4 {position:relative; overflow:hidden; margin:10px 0 15px 0; width:655px; height:40px; background-image: url(/images/bg-subsection-h.gif); background-repeat:repeat-x; background-position:top left; padding:3px 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:5px 0 5px 0; width:660px; height:30px; background:url(/images/bg-subsection-h.gif) no-repeat; background-position:top left; background-color:#de7106;padding:3px 0 5px 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;} /* 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 lines */ /* .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%;} */ .divider { padding: 15px 0 0 0; clear:both; border-bottom:dashed 1px #cde1eb; width:100%;} .divider2 { float: left; padding-bottom: 2px; clear:both; border-top:dashed 1px #cde1eb; width:100%;} .divider3 { float: left; padding-bottom: 2px; clear:both; border-top:dashed 1px #cde1eb; width:100%;} .divider-wavy {height:15px; color:#fff; border:0; margin:5px 0; background:url(/images/bg-divider-wavy.gif) bottom left repeat-x; background-color:#fff; width:100%;} /* styles for feature module at top of section fronts */ .feature {padding:5px 0 5px 0;} .feature p {margin: 1px 0 5px 0; font-size:12px; padding-bottom:0;} .feature ul {font-size:1.2em;} .feature h3 {font-size:1.8em;} /* SPECIFIC MODULES */ /* Feature module */ #feature { float: left; margin:20px 0 0 0; background: url(/images/homepage/photo-box.gif) top left no-repeat; width: 409px; height: 330px; padding: 11px 0 0 11px; } #feature3 { float: left; margin:20px 0 0 0; background: url(/images/homepage/photo-box3.gif) top left no-repeat; width: 360px; height: 280px; padding: 10px 0 0 10px; } #feature h3 {padding-top:5px; font-size:1.9em;} #feature3 .mod-wide img { width: 340px; } #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; } #feature img.placeholder {float:none; margin:0; width:100%;} .hompage-menu { float: left; } /* Slideshows flash module */ .flash-slideshows {width:356px;} /* Featured Recipe flash module */ #featured-recipe { margin: 5px 5px 0 0; width:356px;} #featured-potd { float: right; margin: 32px 5px 0 0; width:356px;} /* Most Popular modules */ .most-pop h3{position:relative;width:282px; padding-bottom: 10px; overflow:hidden; font-size: 30px; } .most-pop h3 em{} /* Most Popular Hors D'Oeuvres module */ #mostpop-hors h3{ font-size: 20px; } #mostpop-hors h3 em{ } .most-pop ol{color:#a52d00;line-height:1.3;} .most-pop ol li{margin-bottom:8px;padding:2px 0 0 25px;} .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{ float: left; width: 250px; } #rec h3 {font-size:1.5em; margin-top: 2px;} #rec-taste { float: left; width: 250px; } /* Tasting room today */ .taste { float: left; width: 310px; padding-bottom:10px; } .taste h3 { float:left; padding: 0; margin: 0; } .blue-divider-dotted { padding: 5px 0; width:311px; } #taste-blog { } /* Pairing of the Day -- Wide */ #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;} /* Pairing of the Day -- Narrow */ .pairing-narrow { background-image:url(/images/bg-image-large.gif); background-position:top left; background-repeat:no-repeat; padding:5px; margin:2px 5px; width:280px; height:250px;} .module-narrower {width:310px; margin: 0; padding: 0;} .module-narrower h3.pairing {line-height:0; position:relative; margin: 0 0 2px 0; padding: 0; overflow:hidden; } .pairing-narrow img {width:190px; height:240px;} #content .pairing-narrow 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{float:left;width:290px;} #clubs{float:left;margin-top:10px;width:290px;} #books ul{float:left;padding-left:35px; line-height:1.09em;} #books-clubs h3,#clubs h3{float:left;margin-bottom:2px;width:200px;padding-left:12px;font-family:"Trebuchet MS", Arial, Verdana, sans-serif;font-weight:700;font-size:1.1em;letter-spacing:0;line-height:1.2;color:#000;text-transform:uppercase;} #books img,#clubs img{float:left;width:60px; height: 121px; } #books p,#clubs p{float:left;width:200px;padding:0 2px 0 12px; line-height:1.0em;} /* EVENTS module */ #growforgood{float:left;width:290px;} #sonomafestival,#aspenclassic{float:left;margin-top:10px;width:290px;} #growforgood h3,#sonomafestival h3,#aspenclassic h3{float:left;margin-bottom:2px;width:200px;padding-left:12px;font-family:"Trebuchet MS", Arial, Verdana, sans-serif;font-weight:700;font-size:1.1em;letter-spacing:0;line-height:1.2;color:#000;text-transform:uppercase;} #growforgood img,#sonomafestival img,#aspenclassic img{float:left;width:60px;} #growforgood p,#sonomafestival p,#aspenclassic p{float:left;width:200px;padding:0 2px 0 12px; line-height:1.0em;} /* #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: 315px; 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;} #rev-head-cont { float: left; margin: 0 0 10px 0; } .rev-title-cont h1 { padding: 0 6px 0 3px; font: bold 22px arial,sans-serif; } .rev-title-cont a { padding: 0 6px 0 3px; } #rev-head-cont h1#reviewer-heading { float: left; padding: 0 6px 0 3px; font: bold 22px arial,sans-serif; } #rev-head-cont span#rev-user { float: left; margin: -12px 0 0 0; padding:0; font: normal 18px arial,sans-serif; color: #666; } /*----------------------------Search Styles from _general_styles.css----------------------*/ #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%; } li.veg { padding-left:12px; background:url(http://www.foodandwine.com/images/bullet-veg.gif) no-repeat 0 50%; } #wgerror { font:bold 12px verdana,sans-serif; color: #990000; padding:12px 48px; border:1px dashed #999999; margin-top:12px;} /* 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: left; font: bold 1em Georgia, "Times New Roman", Times, serif; color:#000; text-transform:none; margin: 0 0 5px 8px; width: 250px; } /* 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; float: left; } #quickSearch h2.resultsFound { margin-top:20px; } .PageNav { font: 12px Arial, Helvetica, sans-serif; margin: 0px; margin: 9px 9px 0 0; float: right; } .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;} #recipes-article2{ margin: 0 0 10px 0; padding: 0 5px 0 5px; background:url(/images/bg-recipes-article.gif) 0 0 no-repeat; } #recipes-article2-text { float: left; padding: 5px 6px 0 20px; width: 200px; } #recipes-article2 h3{ float: left; } #recipes-article2 h4{ float: left; color:#000; } #recipes-article2 h4 em{ float: left; text-transform:none; color:#b93200; font-size:1.16em; font-style:normal;} #recipes-article2 p{ float: left; line-height:1.2; } #recipes-article2 a.more{ float: left; } #recipes-article2 a.more em{ float: left; background:url(/images/link-recipes-article.gif) 0 0 no-repeat;} #recipes-article3{ margin: 0 0 10px 0; padding: 0 5px 0 5px; background:url(/images/bg-recipes-article-narrow.gif) 0 0 no-repeat; } #recipes-article3-text { float: left; padding: 5px 6px 0 20px; width: 200px; } #recipes-article3 h3{ float: left; } #recipes-article3 h4{ float: left; color:#000; } #recipes-article3 h4 em{ float: left; text-transform:none; color:#b93200; font-size:1.16em; font-style:normal;} #recipes-article3 p{ float: left; line-height:1.2; } #recipes-article3 a.more{ float: left; } #recipes-article3 a.more em{ float: left; 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;} /* POPULAR MENUS NEW module */ #pop-menus-menu .menu-photo-box { float: left; padding: 5px 0 0 5px; margin: 0 13px 0 0; background: url(/images/menus-photo-box.gif) top left no-repeat; width: 75px; height: 75px; } #pop-menus-menu h3{text-align:center;position:relative;width:282px;height:29px;overflow:hidden;} #pop-menus-menu p{text-align:center;} #pop-menus-menu dl{float:left;margin:0 0 10px 21px;} #pop-menus-menu dl.first{margin-left:0;} #pop-menus-menu dl dd{margin-top:-5px;text-align:center;font-weight:700;text-transform:uppercase;} #pop-menus-menu a.more{ float: left; margin: 20px 0 0 0; width:120px;} #pop-menus-menu img { float: left; padding: 0 0 3px 0; width: 69px; height: 69px; } #pop-menus-menu .padding-top { padding: 20px 0 0 0; } /* 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;} /* =ARTICLES ====================================================================================== */ #article {width:430px; margin: 10px 0 0 0; float: left; } #article-titles { float: left; } /* Article Header and Dek */ #article-head { float: left; } #article-head h1 { width: 350px; font: bold 22px arial, sans-serif; color:#000; line-height:1em;} #article-head ul { width: 350px; font: bold 12px arial, sans-serif; color:#666; } #article-head p { width: 350px; font-size: 1.2em; line-height: 1.7em; } #article-head .author {font-size:1em; margin: 9px 0 5px 0; font: bold 12px arial, sans-serif; color:#666; } #article-toolbox {margin:15px 0; float: left; width: 350px; } #article-toolbox img { float: left; padding: 0 4px 0 0; } #article-toolbox #article-bookmark { display: inline; margin-bottom:5px; float: left; } #article-bookmark { float: left; margin: 10px 4px 0 0; } #article-buzz-box { float: left; margin: 5px 2px 0 0; } #article-write-review img { float: left; margin: 5px 3px 5px 2px; } #article-save-button { float: left; margin: 0 2px 5px 2px; } #article-buttons { float: left; width: 190px; margin: 7px 0 7px 10px; } #article-top-buttons { float: right; width: 195px; margin: 7px 10px 0 0; } #article-email-button img { float: left; margin: 0; } #article-print-button img { float: left; margin: 0 0 0 10px; } #article-top-buttons #facebook-like { margin-top: 10px; } #rss-box { float: left; margin: 10px 0 0 0; } #article-breadcrumbs { float: left; width: 430px; } #article-title h1 { float: left; margin:0 0 8px 0 ; padding: 0; font: bold 22px arial, sans-serif; color:#000; } #article-title-extrapadtop h1 { float: left; margin:15px 0 8px 0 ; padding: 0; font: bold 22px arial, sans-serif; color:#000; } #publish-info { float: left; margin: 10px 0 0 3px; font: bold 12px arial, sans-serif; color:#666; } .line-border{ float: left; margin: 0; padding: 10px 0 0 0; } /* Article Content */ #article-content { float: left; clear:left; width: 430px; } #article-content img { float: left; } #article-content h2 { margin:18px 0 5px 0; font: bold 16px arial, sans-serif; color:#906; line-height:1em; } #article-content h3 { margin:15px 0 2px 0; font: bold 12px arial, sans-serif; color:#603; text-transform:uppercase; } #article-content h4 { margin:5px 0 0 0; font: bold 14px arial, sans-serif; text-transform:lowercase; line-height:1em;} #article-content h5 { margin:3px 0 0 0; font: bold 14px arial, sans-serif; text-transform:uppercase;} #article-content p { margin:3px 15px 10px 0; font: normal 12px arial, sans-serif; line-height:1.4em; color:#333; } #article-content p.dek { line-height:1.5em; margin: 5px 0 10px 0; font: normal 15px arial, sans-serif; color:#333;} #article-content .pairing-list { float: left; width: 275px; } #article-content .article-list { float: left; width: 275px; } #article-content ul li { margin-bottom:2px; padding:0 0 2px 10px;background:url(/images/bullet-module.gif) 0 5px no-repeat;} #article-content ul ol { margin-bottom:5px; list-style-type: decimal;} #article-content ol { padding: 5px 0 0 15px; } #article-content ol li { margin-left:15px; margin-bottom:5px; list-style-type: decimal; font: bold 12px arial,sans-serif; color: #a01258; } #article-content ol li p{ font: normal 12px arial,sans-serif; color: #000; } #article-content .subhead { font: bold 18px arial, sans-serif; } #article-float-left { float: left; } #article-content .image-small { float: left; margin: 10px 5px 10px 0; padding-bottom:5px; } #article-content .image-medium { margin: 10px 5px 20px 0; } #article-content .image-large { float: left; margin: 10px 5px 25px 0; } #article-content .image-small .imageCredit { float: left; margin: 5px 0 5px 0; width: 100px; font: normal 11px arial, sans-serif; line-height: 11px; } #article-content .image-small p.imageCredit { float: left; margin: 5px 0 15px 0; width: 100px; font: normal 11px arial, sans-serif; line-height: 11px; } #article-content .image-medium .imageCredit { float: left; margin: 5px 0 5px 0; width: 125px; font: normal 11px arial, sans-serif; line-height: 11px; } #article-content .image-large .imageCredit { float: left; margin: 2px 0 5px 0; width: 180px; font: normal 11px arial, sans-serif; line-height: 11px; } #article-content .itemslide { width: 95%; margin: 10px 0 0 0; padding: 10px 10px; border: 1px #C4C4C4 dotted;} #article-content .featured {border: 3px #000 double;} #article-content .itemslide h3 {margin: 0px 0px;} #article-content .itemslide img {float: right; height: 120px; margin: 0px 0px 0px 10px; border-width: 0px;} #article-content-newsletter { float: left; width: 650px; } #article-content-newsletter img { float: left; } #article-content-newsletter h2 { margin:18px 0 5px 0; font: bold 16px arial, sans-serif; color:#333; line-height:1em; } #article-content-newsletter h3 { margin:15px 0 2px 0; font: bold 12px arial, sans-serif; color:#333; text-transform:uppercase; } #article-content-newsletter h4 { margin:5px 0 0 0; font: bold 14px arial, sans-serif; text-transform:lowercase; line-height:1em;} #article-content-newsletter h5 { margin:3px 0 0 0; font: bold 14px arial, sans-serif; text-transform:uppercase;} #article-content-newsletter p { margin:3px 15px 10px 0; font: normal 12px arial, sans-serif; line-height:1.4em; color:#333; } #article-content-newsletter p.dek { line-height:1.5em; margin: 5px 0 0 0; font: normal 15px arial, sans-serif; color:#333;} #article-content-newsletter ul li { margin-bottom:2px; padding:0 0 2px 10px;background:url(/images/bullet-module.gif) 0 5px no-repeat;} #article-content-newsletter ul ol { margin-left:15px; margin-bottom:5px; list-style-type: decimal;} #article-content-newsletter .thanks_subscript { border: 1px solid #ccc; background-color: #f2f2f2; padding-left: 7px; } #article-content-newsletter .thanks_subscript #thank-you h2 { margin:10px 0 10px 0; font: bold 22px arial, sans-serif; color:#333; } #article-content-newsletter .thanks_subscript #copy h3 { margin:5px 0 5px 0; font: bold 14px arial, sans-serif; color:#333; line-height:1em; text-transform: none; letter-spacing: normal; } #article-content-newsletter p.privacy { font: normal 11px arial,sans-serif; color: #666; } #article-content-newsletter .subscribe-section { float: left; margin: 0 0 5px 0; } #article-content-newsletter .subscribe-section h2 { font: bold 16px arial,sans-serif; color: #906; } #article-content-newsletter .subscribe-section p a img { float: left; margin: 0 5px 0 0; } #article-content-newsletter .subscribe-section2 { float: left; margin: 5px 0 15px 0; width: 650px; } #article-content-newsletter .subscribe-section2 h2 { float: left; font: bold 16px arial,sans-serif; color: #906; } #article-content-newsletter .subscribe-section2 .section { float: left; width: 475px; margin: 0 0 0 10px; } #article-content-newsletter .subscribe-section2 .section .section-title { float: left; } #article-content-newsletter .subscribe-section2 .section .section-info { float: left; } #article-content-newsletter .subscribe-section2 .section ul { padding:5px 40px 10px 22px; margin:0 2px; font:normal 1em arial; list-style-type:none; width: 160px; } #article-content-newsletter .subscribe-section2 .section li {margin-bottom:2px; padding:0 0 2px 10px; border-bottom:dashed 1px #cde1eb; background:url(/images/bullet-module.gif) 0 5px no-repeat;} #article-content-newsletter .subscribe-section2 .section h3 { float: left; font: bold 12px arial,sans-serif; text-transform: uppercase; margin-top: -5px; } #article-content-newsletter .subscribe-section2 .section p { float: left; } #article-content-newsletter .subscribe-section2 .section-photo img { float: left; } #article-content-newsletter .subscribe-section2 img { float: left; } #article-content-newsletter .subscribe-section2 p a img { float: left; margin: 0 5px 0 0; } /* Article Content for Menu page */ #article-content .menu-page { float: left; padding: 10px 0 0 0; } #article-content .menu-page p { margin: 10px 0 5px 0; font: bold 12px arial,sans-serif; color: #603; text-transform: uppercase; } #article-content .menu-page ul li { font: normal 12px arial,sans-serif; color: #000; margin-bottom:2px; padding:0 0 2px 10px; background:url(/images/bullet-module.gif) 0 5px no-repeat; text-transform: none; } #article-content .menu-page { margin: -10px 0 0 0; } /* Article Content for Weekly Meal Planner page */ #article-content #weekly-calendar { float: left; width: 316px; min-height:55px; margin: 20px 0 10px 9px; background: url(/images/weekly-planner/purple-calendar.gif) top left no-repeat; } #article-content #weekly-calendar #grid { position: relative; } #article-content #weekly-calendar #grid #sat a { position: absolute; display: block; font: bold 13px arial,sans-serif; padding: 27px 19px 15px 18px; width: 6px; height: 7px; top: 1px; left: 1px; } #article-content #weekly-calendar #grid #sun a { position: absolute; display: block; font: bold 13px arial,sans-serif; padding: 27px 17px 0 19px; width: 7px; height: 22px; top: 1px; left: 45px; } #article-content #weekly-calendar #grid #mon a { position: absolute; display: block; font: bold 13px arial,sans-serif; padding: 27px 18px 0 20px; width: 6px; height: 22px; top: 1px; left: 90px; } #article-content #weekly-calendar #grid #tue a { position: absolute; display: block; font: bold 13px arial,sans-serif; padding: 27px 19px 0 20px; width: 6px; height: 22px; top: 1px; left: 135px; } #article-content #weekly-calendar #grid #wed a { position: absolute; display: block; font: bold 13px arial,sans-serif; padding: 27px 18px 0 20px; width: 6px; height: 22px; top: 1px; left: 180px; } #article-content #weekly-calendar #grid #thur a { position: absolute; display: block; font: bold 13px arial,sans-serif; padding: 27px 18px 0 20px; width: 6px; height: 22px; top: 1px; left: 225px; } #article-content #weekly-calendar #grid #fri a { position: absolute; display: block; font: bold 13px arial,sans-serif; padding: 27px 10px 0 20px; width: 13px; height: 22px; top: 1px; left: 270px; } /* Article Content Wide stage */ #article-content-wide { float: left; width: 650px; } #article-content-wide img { float: left; } #article-content-wide h2 { margin:18px 0 5px 0; font: bold 16px arial, sans-serif; color:#906; line-height:1em; } #article-content-wide h3 { margin:15px 0 2px 0; font: bold 12px arial, sans-serif; color:#603; text-transform:uppercase; } #article-content-wide h4 { margin:5px 0 0 0; font: bold 14px arial, sans-serif; text-transform:lowercase; line-height:1em;} #article-content-wide h5 { margin:3px 0 0 0; font: bold 14px arial, sans-serif; text-transform:uppercase;} #article-content-wide p { margin:3px 15px 10px 0; font: normal 12px arial, sans-serif; line-height:1.4em; color:#333; } #article-content-wide p.dek { line-height:1.5em; margin: 5px 0 0 0; font: normal 15px arial, sans-serif; color:#333;} #article-content-wide ul li { margin-bottom:2px; padding:0 0 2px 10px;background:url(/images/bullet-module.gif) 0 5px no-repeat;} #article-content-wide ul ol { margin-left:15px; margin-bottom:5px; list-style-type: decimal;} #article-content-wide .subhead { font: bold 18px arial, sans-serif; } #article-content-wide .image-medium { margin: 10px 5px 20px 0; } #article-content-wide .image-medium .imageCredit { float: left; margin: 8px 0 5px 0; width: 125px; font: normal 11px arial, sans-serif; line-height: 11px; } #cheese-plate-swf { margin: 20px 0 0 0; } /* Article Extras */ #article-extras-wrapper { float: right; margin: 0 5px 0 0; width: 205px; } #article-extras-wrapper-img { float: right; margin: 15px 5px 0 0; width: 200px; } #article-extras-wrapper .article-extra { width: 200px; padding: 0 0 7px 0; margin: 15px 0 0 0; float: left; background:url(/images/bg-sidebar-btm.gif) 0 100% no-repeat; } #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 12px arial, sans-serif; color:#fff; text-transform:uppercase; } #article-extras-wrapper .article-extra ul {padding:0 12px 0 0; list-style-type:disc; color:#668899; padding-left:25px;} #article-photo-credit { width: 180px; font: normal 11px arial, sans-serif; margin: 0 0 0 3px; } #article-photo-credit p { } #article-extras-wrapper .article-extra2 { padding: 0 0 7px 0; margin: 15px 0 8px 0; float: left; background:url(/images/bg-sidebar-btm2.gif) 0 100% no-repeat; } #article-extras-wrapper .article-extra2 h3 {background:url(/images/bg-menu-sidebar-top.gif) 0 0 no-repeat; padding:5px 0 2px 12px; font: bold 12px arial, sans-serif; color:#fff; text-transform:uppercase; } #article-extras-wrapper .article-extra2 ul {padding:0 12px 0 0; list-style-type:disc; color:#668899; padding-left:25px;} /* Article Photo */ #article-photoBox { float: left; margin:0 15px 15px 15px; text-align:center; width:200px;} #article-photoBox img {padding:5px; border:solid 1px #ccc; float: left; } /* Sidebar Content */ #sidebar-content { float: left; margin: 12px 0 0 0; } #sidebar-content h2 { font: bold 16px arial,sans-serif; color: #333; } #sidebar-content h3 { margin:10px 0 2px 0; font: bold 12px arial, sans-serif; color:#603; text-transform:uppercase; } #sidebar-content ul { margin: 0 0 0 15px; } #sidebar-content ul li { font: normal 12px arial,sans-serif; list-style: disc; margin: 0 0 0 0; line-height: 1.4em; } #sidebar-content ol { margin: 0 0 0 15px; } #sidebar-content ol li { font: normal 12px arial,sans-serif; list-style: disc; margin: 0 0 0 0; line-height: 1.4em; } #weekly-planner-logo { float: left; margin: 15px 0 0 0; } /* Magazine TOC Article */ .toc-photo-credit { width: 200px; float: right; padding: 0 0 5px 10px; } .toc-photo-credit a:link { width: 200px; font: bold 12px arial, sans-serif; color: #d10702; padding: 2px 0 0 0; } .toc-photo-credit a:visited { width: 200px; font: bold 12px arial, sans-serif; color: #d10702; padding: 2px 0 0 0; } .toc-photo-credit a:hover { color: #e83f00; } /* Article Recipes Widget */ #article-extras-wrapper #recipes-in-article-widget {margin: 5px 0 0 0; clear:both; width:200px; 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:200px; height:34px; overflow:hidden;} #recipes-in-article-widget h2 em { padding: 8px 0 0 10px; font: bold 12px arial, sans-serif; color:#fff; text-transform: uppercase; 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: 0 0 5px 0; padding: 0;} #recipes-in-article-widget #pic-cycler img {margin: 0 0 3px 5px; width:190px; } /* Slide links for pic cycler */ #pic-cycler span#slide-links {float:left; width:104px; margin: 7px 0 0 45px; 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: normal 12px arial, sans-serif; } 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;} /* =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;width:300px;height:30px;overflow:hidden;margin:0 0 9px 5px;} #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;width:209px;color:#10557c;margin:-4px 0 0 2px;} #blog img{float:left;width:89px;height:73px;} #blog ul{float:right;margin-left:2px;width:184px;list-style-image: url('/images/bullet_arrow_orange.gif'); } /* 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;width:209px;color:#668c47;margin:-4px 0 0 2px;} #community div#author{float:left;width:89px;} #community ul{float:right;margin-left:2px;width:184px;list-style-image: url('/images/bullet_arrow_orange.gif'); } #author p{font-size:.9em;line-height:1.2;padding:0 0 0 17px;} #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{background:url(/images/bg-quote-btm.gif) 90% 95% no-repeat;line-height:1.3;margin:0 15px 0 0;padding:0 0 0 15px;} #post p.reply{font-size:.9em;line-height:2;padding:0 0 0 15px; list-style-type: disc;} /* Newsletter */ body#home #new #newsletter{margin-top:5px;} div#newsletter-label{float:left;vertical-align:middle;} #new #top_box{background:url(/images/bg-new-frame.gif) 0 100% no-repeat;margin:0px 0 0;padding:0 5px 5px 0;} #newsletter img{float:left;} #newsletter p{ float: left; margin-right:6px; font-weight:700;padding:3px 0 5px;} #newsletter form{float:left;} #newsletter #dish-icon { float: left; } #newsletter #dish-icon img { float: left; } #newsletter #dish-form { float: left; width: 300px; margin-left: 5px; } #newsletter #dish-form p { float: left; } input#newsletter-text{float:left;width:120px;border-top:1px solid #ccc;border-left:1px solid #ccc;margin:3px 2px 0 0;} input#newsletter-submit{float:left;margin-top:-5px;width:46px;height:34px;} /* Newsletter Signup Right Rail */ #newsletter-button { background:url(/images/signup-button2.gif) top left no-repeat; width: 310px; height: 105px; } #newsletter-button #signup-text { padding: 17px 0 0 120px; } #newsletter-button #signup-text #signup-text1 { font: bold 11px Georgia,"Times New Roman",Times,serif; text-transform: uppercase; color: #4e404f; } #newsletter-button #signup-text #signup-text2 { font: bold 1.2em Georgia,"Times New Roman",Times,serif; text-transform: uppercase; color: #bb0005; } /* grouping for all =Secondary Content modules after what's new */ #col{width:309px;margin:10px 0 0;} #col div.wrap{width:300px;border:none;padding:0 4px 5px;} /* Marketplace module */ #marketplace{width:300px;margin:10px 0 0 0;} #marketplace h3{position:relative;width:300px;height:40px;overflow:hidden;} /* For the text that appears behind the image, move it so it's not partly visible */ #marketplace .hiddenText {margin-top:7px;margin-left:7px;} /* Marketplace headline image replacement font-size:.92em;*/ #marketplace h3 em{position:absolute;top:4px;left:5px;width:100%;height:100%;background:url(/images/bg-marketplace-h.gif) 0 0 no-repeat;} #marketplace ul{color:#a01258;padding:0 4px 8px 10px;} #marketplace ul li{margin:0px 0 0 0; line-height:1.1;} #marketplace-bottomCap{background:url(/images/bg-blue-shadow.gif) 0 100% no-repeat; margin:-5px 0 0 0;} /* Books and Clubs Module */ #booksandclubs{width:300px;background:url(/images/bg-blue-shadow.gif) 0 0 no-repeat;margin:10px 0 0 0;} #booksandclubs h2{position:relative;width:300px;height:40px;overflow:hidden;} /* For the text that appears behind the image, move it so it's not partly visible */ #booksandclubs .hiddenText {margin-top:7px;margin-left:7px;} /* Books and Clubs content */ #booksandclubs .content {margin-left:10px;} /* Books and Clubs headline image replacement */ #booksandclubs h2 em{position:absolute;top:4px;left:5px;width:100%;height:100%;background:url(/images/bg-books-h.gif) 0 0 no-repeat;} #booksandclubs-bottomCap{background:url(/images/bg-blue-shadow.gif) 0 100% no-repeat; margin:0px 0 0 0;} /* Food and Wine Events Module */ #foodandwineevents{width:300px;background:url(/images/bg-blue-shadow.gif) 0 0 no-repeat;margin:10px 0 0 0;} #foodandwineevents h2{position:relative;width:300px;height:40px;overflow:hidden; } /* For the text that appears behind the image, move it so it's not partly visible */ #foodandwineevents .hiddenText {margin-top:7px;margin-left:7px;} /* Food and Wine Events content */ #foodandwineevents .content {margin-left:10px;} /* Food and Wine Events headline image replacement */ #foodandwineevents h2 em{position:absolute;top:4px;left:5px;width:100%;height:100%;background:url(/images/bg-events-h.gif) 0 0 no-repeat;} #foodandwineevents-bottomCap{background:url(/images/bg-blue-shadow.gif) 0 100% no-repeat; margin:0px 0 0 0;} /*OFIE SUBSRIPTION BOX*/ #ofie {width:300px;background: url(/images/bg-ofie-shadow.gif) top left no-repeat; padding-top:0; margin:0 0 5px 0;} #ofie h2 {position:relative;width:299px;height:30px;overflow:hidden;margin:0 0 9px 5px;background:url(/images/bg-offie-h.gif) 0 0 no-repeat;} #ofie h2 span {visibility:hidden;} #ofie #cover {margin:5px 10px; float:left;} #ofie p{text-align:center;} #ofie #form {background-image:none;} #ofie #form dt {font:bold 10px arial,"Trebuchet MS",verdana,sans-serif; color:#333; text-transform:uppercase; margin-top:2px;} #ofie #form #regular-field {width:150px; background-color:#e0eff6;} #ofie #form #state-province {float:left; width:60px;} #ofie #form #state-field {width:65px; background-color:#e0eff6;} #ofie #form #zip-code {float:left; width:20px; width:70px;padding-left:25px;} #ofie #form #zip-field {width:60px; background-color:#e0eff6;} #ofie #form #email {float:left;} #ofie #form #email-field { background-color:#e0eff6; width:150px;} #ofie #privacy {padding-top:5px; clear:both;} #ofie #submit-button {padding-top:15px; padding-left:100px;} #ofie-footer {background:url(/images/bg-ofie-shadow.gif) bottom left no-repeat; width:300px; height:10px;} /* styles for hidden stuff */ div#TCM_ofie_box {margin-bottom:-10px;} a#TCM_dnp_wi_ofieA_1999 {font:normal bold 10px arial,helvetica;text-decoration: underline; padding-right: 5px; color:#A5502B;} a#TCM_privacy_link {color: rgb(153, 68, 0); text-decoration: underline;} div#TCM_info_wi_ofieA_1999 { border: 1px solid rgb(153, 153, 153); background: rgb(255, 255, 255) none repeat scroll 0%; position: absolute; width: 190px; z-index: 1000; visibility: hidden; /*-moz-background-clip:-moz-initial; -moz-background-origin:-moz-initial; -moz-background-inline-policy:-moz-initial; */ padding:0pt 5px 5px 5px; } div#TCM_holder {border: 0px none ; padding: 1px; text-align: right; font-weight: bold; color: rgb(153, 153, 153); font-family: arial,helvetica; font-size: 12px;} /*end marketing-controlled sidebar elements*/ /* Dish Privacy Notice*/ #dish_privacy_link{ float: left; font: normal 11px arial,sans-serif; text-decoration: none; } #dish_privacy{display:none; border: 1px solid rgb(153, 153, 153); background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: absolute; width: 190px; z-index: 50000; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; padding-bottom: 5px; padding-right: 5px; padding-left: 5px; font-size: 11px; font-family: arial,helvetica,sans-serif; color: rgb(220, 136, 97) } /* Events sidebar module */ #events-sidebar{width:300px;background:url(/images/bg-dotbox.gif) 0 100% no-repeat;padding-bottom:5px;margin:10px 0 0;} #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;} /* Brands */ dl#brands { width:958px; background:url(/images/bg-brands.gif) 0 0 no-repeat;padding:2px 7px 2px 6px; } #brands dt { float: left; width: 180px; height:47px; font-family:"Trebuchet MS", Arial, Verdana, sans-serif;font-weight:bold;font-size:15px;letter-spacing:0;line-height:1.1; color: #666; padding: 3px 10px 0 7px; } #brands dt #brands dd { float:left; width: 50px; } #brands dd a:link { float: left; font: bold 14px arial, sans-serif; color: #d10702; padding: 12px 18px 0 17px; } #brands dd a:visited { float: left; font: bold 14px arial, sans-serif; color: #d10702; padding: 12px 18px 0 17px; } #brands dd a:hover { float: left; font: bold 14px arial, sans-serif; color: #e83f00; text-decoration: underline; padding: 12px 18px 0 17px; } /* Brands title image replacement */ #brands dt em{} /* =FOOTER - Includes Brands, Footer Navigation, and Copyright *******************************/ #footer{clear:both;width:1002px;background:url(/images/bg-footer.png) 0 0 no-repeat;padding:8px 16px 0 15px;} /* Footer Navigation */ ul#footer-nav {width:898px;margin:11px 0 14px 70px;} ul#footer-nav li {position:relative;float:left;height:15px;overflow:hidden;} #footer-sub a{ font: bold 10.5px arial,sans-serif; text-decoration: none; padding-right:40px; } #footer-contact a{ font: bold 10.5px arial,sans-serif; text-decoration: none; padding-right:40px; } #footer-map a{ font: bold 10.5px arial,sans-serif; text-decoration: none; padding-right:40px; } #footer-press a{ font: bold 10.5px arial,sans-serif; text-decoration: none; padding-right:40px; } #footer-feat a{ font: bold 10.5px arial,sans-serif; text-decoration: none; padding-right:40px; } #footer-adv a{ font: bold 10.5px arial,sans-serif; text-decoration: none; padding-right:40px; } #footer-custom a{ font: bold 10.5px arial,sans-serif; text-decoration: none; padding-right:40px; } 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{ } 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 and App Version Tag */ p#copyright {text-align:center;font-size:11px;color:#b88299;margin:20px 0;} /* Version Tag */ div#app-version{text-align:center;font-size:11px;color:#b88299;} /* =LEADERBOARDS *******************************/ #ad-top{padding:2px 0px 2px 6px;text-align:center;display:block;width:990px;} #ad-top-inner{display:inline-block;} #ad-top-center{position:absolute;text-align:center;top:4px;z-index:2;left:133px;} #ad-strip-btm{background-color: white;margin-bottom:10px;} #ad-btm{text-align:center;margin-bottom:4px;width:990px;display:block;padding:0px 0px 0px 6px;left:133px;} #ad-btm-inner{display:inline-block;} /* =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;} .no-margin {margin:0;} .center {text-align:center;} .text-right {text-align:right;} /* =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; } 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: 110px; background-color: #999; font: bold 12px verdana; padding: 5px; border-left: 1px solid #FFFFFF; } .toc_button a:link { color: #FFF; } .toc_button a:visited { color: #FFF; } .toc_button a:hover { color: #F93; } .toc_button2 { width: 200px; background-color: #999; font: bold 12px verdana; padding: 5px; border-left: 1px solid #FFFFFF; } .toc_button2 a:link { color: #FFF; } .toc_button2 a:visited { color: #FFF; } .toc_button2 a:hover { color: #F93; } #toc_anchors { background-color: #EEEEEE; padding: 4px 10px; margin-top: 20px; } #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; width: 100%; } .slideshows .topbar {margin: 0px 0px 5px 0px; padding: 4px; background: url(/images/slideshows_redesign/tab.gif) top left no-repeat; } .slideshows .topbar h1 { margin: 5px 0 0 5px; } .slideshows .topbar h1 a, .slideshows .topbar h1 a:visited {color: #fff; padding: 0px; margin: 0px;} .slideshows .topbar a#more-button { margin: 3px 10px 0 0; color: #fff; width: 200px; float: right; text-align: right;} .slideshows img.slideimg {float: left; margin: 0px 7px 7px 0px;} .slideshows .controls {margin: 20px 0 0 0;} #featured-slideshows {padding:5px 0;} #featured-slideshows h2 {} #featured-slideshows h4 {font-size:.9em; margin:0; padding:0; text-align:center;} #featured-slideshows .slide {float:left; margin:10px 20px 10px 5px; width: 100px; } #featured-slideshows-all-recipe-galleries { border: 1px solid #fed5aa; background: url(/images/bg-nav-submenu2.jpg) top left repeat-x; padding: 3px 0 9px 0; margin: 0 0 8px 0; width: 650px; height: 100px; } /*#featured-slideshows-all-recipe-galleries { border: 1px solid #f0bb85; background-color: #fff2e4; padding: 3px 0 9px 0; margin: 0 0 8px 0; }*/ .all-recipe-galleries { float: left; margin: 0 10px 0 5px; width: 175px; } .all-recipe-galleries h3 { margin: 0 0 5px 10px; padding: 2px 3px 5px 7px; width: 625px; font-size: 1.6em; font-family: Georgia,"Times New Roman",Times,serif; text-transform: lowercase; line-height: 1.2em; } .all-recipe-galleries ul { padding: 0 0 0 25px; } .all-recipe-galleries li { list-style-type:disc; } #slideshow-border { background: url(/images/slideshows_redesign/border.gif) bottom left no-repeat; margin: 0; padding: 0 0 10px 0; } #slideshow-border .advertisement { float: left; margin: 5px 0 0 5px; width:378px; float:left; text-align: center; } #slide { float: left; margin: 5px 0 0 5px; padding-top:14px; background: url(/images/slideshows_redesign/slide.jpg) top left no-repeat; width:378px; height:278px; float:left; text-align: center; } #slide img { } #slide .large img { width: 347px; height: 250px; text-align: center; } #recipe-blurb {padding-top:5px; float: left; width: 250px; } #recipe-blurb h2 { margin: 5px 0 0 10px; } #recipe-blurb p { margin: 5px 0 0 10px; } #recipe-blurb h2.alt-h2 { margin: 5px 0 0 10px; color: #000; font: bold 15px arial, sans-serif; text-transform: none; letter-spacing: normal; line-height: normal; } #recipe-link { font: bold 12px arial, sans-serif; color: #000; } #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;} #play { float: left; margin: 0 0 0 12px; width: 125px; } #back { float: left; margin: 0 0 0 257px; } #next { float: left; margin: 0 0 0 20px; } #pause { float: left; } #slide-count { width: 50px; float: left; margin: 5px 0 0 33px; } #free-issues { margin: 10px 0 0 0; float: left; } #HCSS_promoBTM { float: left; margin: 10px 0 0 0; } /* =MENUS ====================================================================================== */ /*Menu Index page*/ #menus {} #menus h2 {font:bold 1.8em Georgia, "Times New Roman", Times, serif; padding-left:10px; text-transform:lowercase;} #menus h3 {font:bold 1.6em Georgia, "Times New Roman", Times, serif; text-transform:lowercase;} #menus ul {padding:5px 5px 10px 5px; margin:0 10px 0 0; width:190px; 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-mod {float:left; width:215px; margin:15px 2px;} /*Menu Category page*/ #menu-category {margin:0 52px} #menu-category h1 {font:bold 2.6em Georgia, "Times New Roman", Times, serif; text-transform:lowercase;} #menu-category h2 {font:bold 1.2em "Trebuchet MS", Verdana, sans-serif; letter-spacing:1px; color:#333; padding:10px 0 5px 0; text-transform:uppercase; line-height:1.2em;} #menu-category #featured {margin:15px 0; padding:0 50px; width:555px; background:url(/images/bg-featured-menus.gif) top left no-repeat;} #menu-category #featured #copy {float:left; padding-left:15px; } #menu-category #featured li {font-size:1.2em; margin-bottom:2px; padding:0 0 2px 10px; border-bottom:dashed 1px #cde1eb; background:url(/images/bullet-module.gif) 0 7px no-repeat; width:290px;} #menu-category #listings {margin:0 0 0 45px; width:520px;} #menu-category #listings ul {float:left; width:230px; margin-right:20px;} #menu-category #listings li {margin-bottom:2px; padding:0 0 2px 10px; border-bottom:dashed 1px #cde1eb; background:url(/images/bullet-module.gif) 0 5px no-repeat;} /*Individual Menu page*/ #menu h1 {font:bold 2em Georgia, "Times New Roman", Times, serif; text-transform:lowercase;} #menu h2 {font:bold 1.6em Georgia, "Times New Roman", Times, serif; text-transform:lowercase; padding-top:5px;} #menu h3 {font:bold 1.2em "Trebuchet MS", Verdana, sans-serif; letter-spacing:1px; color:#333; padding:10px 0 0 0; text-transform:uppercase; line-height:1.2em;} div#menus_image { text-align:center;margin-bottom:12px;} div#menus_image img { border:1px solid #000000;float:right; } /* =SPECIAL FEATURE SUBPAGES/ARTICLES ====================================================================================== */ #special-feature h1 {font:bold 2em Georgia, "Times New Roman", Times, serif; text-transform:lowercase;} #special-feature h2 {font:bold 1.6em Georgia, "Times New Roman", Times, serif; text-transform:lowercase; padding-top:5px;} #special-feature h2.subsection {position:relative; overflow:hidden; margin:5px 0 0 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;} #special-feature h3 {font:bold 1.2em "Trebuchet MS", Verdana, sans-serif; letter-spacing:1px; color:#333; padding:10px 0 0 0; text-transform:uppercase; line-height:1.2em;} #special-feature .callout { clear:both; padding:10px; border:1px dotted #aaa; } #special-feature ul.one-third { clear:both; list-style:none; margin:10px 0; } #special-feature ul.one-third li { float:left; width:132px; margin:6px 0; padding:0 5px; background:none; } #special-feature .sidebar-wrapper { } #special-feature .sidebar { float: left; margin: 10px 10px 10px 0; width: 205px; padding: 0 0 7px 0; background:url(/images/bg-sidebar-btm2.gif) 0 100% no-repeat; } #special-feature .sidebar h3 { background:url(/images/bg-menu-sidebar-top.gif) 0 0 no-repeat; margin:0; padding:5px 0 2px 12px; font: bold 12px arial, sans-serif; color:#fff; text-transform:uppercase; } #special-feature .sidebar ul { padding:10px 12px 10px 15px; list-style:none; width:auto;} #special-feature .sidebar ul li { border-bottom:dashed 1px #cde1eb; } #special-feature2 { float: left; background: url(/images/bg-sidebar-btm3.gif) bottom left no-repeat; width: 430px; } #special-feature2 .sidebar { float: left; margin: 10px 10px 10px 0; width: 200px; padding: 0 0 7px 0; } #special-feature2 h3 { background:url(/images/bg-menu-sidebar-top2.gif) 0 0 no-repeat; margin:0; padding:5px 0 2px 12px; font: bold 12px arial, sans-serif; color:#fff; text-transform:uppercase; } #special-feature2 .sidebar ul { padding:10px 0 10px 10px; list-style:none; } #special-feature2 .sidebar ul li { border-bottom:dashed 1px #cde1eb; } /* =THE DISH ====================================================================================== */ #dish-header-cont { margin-bottom: 15px; width: 100%; } #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; } #dish-subcont { width:620px; padding: 20px; border:1px solid #CCCCCC; } #dish-subcont ul.imageBullets { list-style-type: disc; margin: 10px 10px 20px 30px; font-weight:bold; font-size:13px; } #dish-subcont ul.imageBullets li { margin: 8px 0;} #dish-subcont2 { background-color: #f2f2f2; padding: 2px 8px 8px 8px; border:1px solid #CCCCCC; width: 640px; } #dish-subcont2 .img-dish { margin-left:6px; } #dish-subcont2 #dish-subcont3 { padding:5px; } #dish-subcont3 p { font-weight: bold; display: inline; } #dish-subcont3 h1 { font: bold 22px arial,sans-serif; } #dish-subcont3 input.dish-email-box { margin-left: 5px; width: 240px; border: 1px solid #666666; } #dish-subcont3 .dish-disclaimer { padding:5px 0 0 3px; font: normal 11px arial,sans-serif; } #dish-subcont3 .dish-disclaimer p { font: normal 11px arial,sans-serif; color: #666; } #dish-subcont3 .dish-disclaimer input { float: left; margin: 11px 5px 0 0; } #dish-subcont3 .dish-disclaimer #more-info { float: left; margin-top: 10px; } #dish-subcont3 .dish-disclaimer #more-info p { font: normal 11px arial,sans-serif; margin: 0 10px 0 0; color: #333; } #dish-subcont3 .dish-disclaimer #more-info #personal-info { font: normal 11px arial,sans-serif; } #dish-subcont3 #signup-newsletter-box { float: left; margin: 9px 0 0 3px; } #dish-subcont3 #signup-newsletter-box h3 { font: bold 12px arial,sans-serif; color: #333; text-transform: none; margin-botom: 5px; } #dish-subcont3 #signup-newsletter-box #signup-newsletter { margin: 0px; padding: 0px; float: left; } #dish-subcont3 #signup-newsletter-box #dish-newsletter-check { margin: 4px 15px 0 0; padding: 0px; float: left; } #dish-subcont3 #signup-newsletter-box #dish-newsletter-check p { float: left; width: 200px; font: normal 11px arial,sans-serif; color: #333; } #dish-subcont3 #signup-newsletter-box #dish-newsletter-check img { float: left; margin: 0; padding: 0; } #dish-subcont3 #signup-newsletter-box #dish-newsletter-check input { float: left; } #dish-subcont3 #signup-newsletter-box #wine-newsletter-check { float: left; } #dish-subcont3 #signup-newsletter-box #wine-newsletter-check p { float: left; width: 190px; font: normal 11px arial,sans-serif; color: #333; } #dish-subcont3 #signup-newsletter-box #wine-newsletter-check input { float: left; } #dish-subcont3 #signup-newsletter-box #wine-newsletter-check img { float: left; margin: 0; padding: 0; } .dish-signup { text-align:center; } .dish-signup input.dish-button { font-size:12px; } .dish-unsub { font-size:10px; color:#333; margin-top:6px; } #dish-subcont3 .signup-newsletter { float: left; width: 200px; margin: 18px 0 0 0; } #dish-subcont3 .newsletter_submit_container { margin: 15px 0 0 3px; } #dish-subcont3 .newsletter_submit_container #newsletter-label { margin: 2px 5px 0 0; font: bold 12px arial,sans-serif; color: #333; } #dish-subcont3 .newsletter_submit_container input { margin: 0 2px 0 0; } #dish-subcont3 .newsletter_submit_container input#newsletter-submit { margin: 0 0 0 -7px; width: 100px; } /* =EMAIL RECIPE FORM ====================================================================================== */ #emailerForm { width: 100%; margin: 20px 0 0 20px; } #emailerForm label { color: #a01258; font-weight: bold; width: 100px; clear: both; float: left; margin: 5px; } #emailerForm label.last-label { color: #a01258; font-weight: bold; width: 100px; clear: both; float: left; margin: 0px 10px 5px 5px; } #emailerForm input { width: 200px; margin: 5px; border-top:2px solid #ccc; border-left:1px solid #ccc; } #emailerForm input.last-input { width: 200px; margin: 5px 5px 10px 5px; } #emailerForm textarea { height: 125px; width: 400px; } div#button-cont { width: 82%; margin-top: 15px; } div#button-cont input { float: right; } /* =COLUMNS ====================================================================================== */ #columns { float: left; } #columns h1 { font: bold 2em Georgia, "Times New Roman", Times, serif; text-transform:capitalize; } #columns h2 { font: bold 2em Georgia, "Times New Roman", Times, serif; text-transform:lowercase; } #columns h4 { font: bold 1em arial,sans-serif; text-transform:uppercase; color: #000000; } #columns p { font: normal 12px arial,san-serif; } #columns img{ float: right; padding: 0 15px 0 0; } #columns .columns-index {width:192px; padding-right:16px;} #columns .feature h2 {font-size:1.6em; font-family:Georgia, "Times New Roman", Times, serif; text-transform:lowercase; line-height:1.2em;} #columns .row {clear:both; border-bottom:dashed 1px #cde1eb;} #columns .columns-mod {padding:5px 10px; width:300px;} #columns .columns-mod h3.subsection { font-size: 14px; } #columns-sidebar-wrapper {clear:both; float:right; margin:10px;} #columns-sidebar-wrapper .columns-sidebar {width:200px; background:url(/images/bg-sidebar-btm.gif) 0 100% no-repeat; padding-bottom:12px;} #columns-sidebar-wrapper .columns-sidebar 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;} #columns-sidebar-wrapper p {margin: 10px;} /* MISC ====================================================================================== */ #cooking-guides-ad { margin: 0 0 0 270px; } #cooking-guides-ad .ad { float: left; margin: 0 0 0 5px; width: 88px; height: 31px; border: 1px solid #900; } #cooking-guides-ad p { float: left; margin: 8px 0 0 0; font: normal 11px arial,sans-serif; color: #333; } #lettie-teague-link { } #lettie-teague-link 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; } #espn-logo { float: left; margin: 10px 0 0 0; } #espn-logo img { float: left; padding: 0 8px 8px 0; } #espn-logo p { float: left; padding: 5px 0 0 0; font: normal 14px arial,sans-serif; } #si-logo { float: left; margin: 15px 0 0 0; } #si-logo img { float: left; padding: 0 8px 8px 0; } #si-logo p { float: left; padding: 12px 0 0 0; font: normal 14px arial,sans-serif; } /* Dept Sidebar Content */ #dept_sidebar { } #dept_sidebar h5 { font: bold 12px arial,sans-serif; } #dept_sidebar h5 em { font: bold 12px arial,sans-serif; } #dept_sidebar p { } #dept_sidebar .books h5 { font: bold 12px arial,sans-serif; margin: 10px 0 5px 0; } #dept_sidebar .books .book-info { float: left; margin: 0 0 15px 0; } #dept_sidebar .books .book-info a img { float: left; width: 75px; padding: 0 5px 0 0; } #dept_sidebar .books .book-info a b { float: left; width: 100px; } /* Temporary Wine Search - delete after new wine search deploys*/ #wine-search { float: left; margin:0; padding: 15px 0 0 20px; } #wine-search p { padding: 0 10px 0 30px; } #wine-search-expand #togglelink { padding: 0 0 0 8px; } #wine-search .find_container { float: left; width: 620px; color: #000; border-top: #fff solid 1px; padding:3px 3px 0 0; font: normal 11px arial,san-serif; } #wine-search .find_container .profile_section { float: left; width: 600px; } #wine-search .find_container .profile_section_plain { float: left; width: 600px; margin: 7px 0 0 0; } #wine-search .find_container .find_container_column1 { float: left; background-color: transparent;} #wine-search .find_container .find_container_column2 { float: left; background-color: transparent;} #wine-search .find_container .find_container_column3 { float: left; background-color: transparent;} #wine-search .find_container .find_container_bottom {background-color: transparent;} #wine-search .find_container .find_container_top { float: left; font: bold 14px aria,sans-serif; width: 50px; } #wine-search .find_container .find_container_prof_top { float: left; padding: 5px 0 0 0; font: bold 12px arial,san-serif; color: #000; } #wine-search .find_container .find_container_prof_column1 { float: left; background-color: transparent; width: 90px; } #wine-search .find_container .find_container_prof_column2 { float: left; background-color: transparent; width: 90px; } #wine-search .find_container .find_container_prof_column3 { float: left; background-color: transparent; width: 90px; } #search_options { display: none } #wine-search { float: left; background: url(/images/wine-tool/wine-search-bg2.gif) top left no-repeat; width: 660px; height: 268px; } #wine-search h3 { margin: 10px 0 18px 11px; color: #451345; font-size: 1.6em; font-family: Georgia,"Times New Roman",Times,serif; text-transform: lowercase; line-height: 1.2em; } #wine-search2 { float: left; background: url(/images/wine-tool/border2.gif) bottom left no-repeat; width: 464px; padding-bottom: 20px; } #wine-search2 p { padding: 0 10px 0 12px; } .advanced { float: left; margin: 0 0 0 24px; } /* wineguide and recipe search results */ #wine_results { font: bold 12px arial,sans-serif; color: #404040; } #wine_results img { float: left; font: bold 12px arial,sans-serif; color: #404040; } #wine_results th { background-color: #dedede; padding: 2px; font-weight: bold; text-align:left; } #wine_results th.first { border-left: none; } #wine_results td { font: normal 12px arial,sans-serif; padding:4px; border-left: 1px solid #CCCCCC; border-top:1px solid #CCCCCC; } .clear {clear: both;} .wine-field-title { color: #000; font: normal 11px arial, san-serif; margin-bottom: 5px; margin-left: 14px; } #wine-ez-cont {float:left; margin: 0 15px 0 15px; } #wine-ez-cont img { margin: 5px 0 0 0; padding-top: 5px; } #wine-ez-cont input { margin-right: 0px; } #wine-form-ctrl { float: left; margin: 0; padding:0 0 0 10px; } #wine-form-ctrl p { float: left; margin: 0; padding:0; } .wine-field-per { margin: 0 0 0 10px; } #cocktails-ad { float: right; width: 165px; margin: 0 0 10px 0; } #cocktails-ad .ad { float: left; margin: 0; width: 88px; height: 31px; border: 1px solid #eee; } #cocktails-ad p { float: left; margin: 8px 3px 0 0; font: bold 10px arial,sans-serif; color: #666; } /* HOME COOK SIGNUP CONFIRMATION PAGE */ #home-cook-signup-text h1 { font: bold 16px arial,sans-serif; margin: 30px 0 0 0; padding: 0 40px 0 40px; text-align: center; color: #5a7e11; } #home-cook-signup-text h1 span { font-style: italic; } #home-cook-signup { padding: 6px 0 0 0; margin: 0 0 0 150px; } #home-cook-signup img { float: left; width: 75px; } #home-cook-signup p a:link { float: left; font: normal 18px arial,sans-serif; color:#5a7e11; padding: 18px 0 0 5px; text-decoration: underline; } #home-cook-signup p a:visited { float: left; font: normal 18px arial,sans-serif; color:#5a7e11; padding: 18px 0 0 5px; text-decoration: underline; } #home-cook-signup p a:hover { float: left; font: normal 18px arial,sans-serif; color:#e83f00; padding: 18px 0 0 5px; text-decoration: underline; } #confirm-message { margin: 10px 0 5px 0; text-align: center; } #superstar-ad-tag { float: right; padding: 0 5px 5px 0; width: 175px; } #superstar-ad-tag p { float: left; font: bold 11px arial,sans-serif; color: #666; padding: 5px 4px 0 0; } #superstar-ad-tag #ad { float: left; width: 88px; height: 31px; } /*LEGAL TEXT smaller*/ #legal-text-small { padding: 15px 15px; font: normal 9px arial,sans-serif; color: #666; text-align: center; } #legal-text-small h3 p { margin: 0; padding: 0; font: bold 11px arial,sans-serif; color: #666; text-align: center; text-transform: none; } /*Beta Preview For Community Pages*/ #beta2{ float: left; margin:13px 0 5px 28px; background:url(/images/deals-and-wine-club.gif) top left no-repeat; width:192px; height:65px;} #beta2 a {color:#CC0066;} #beta2 button {border:none;color:#CC0066;font-weight:bold; background-color:#fffffd;font-size:1.1em} #beta2 ul { margin:0 0 0 40px; } #beta2 ul li.deals {font:bold 13px arial; padding-top:9px;} #beta2 ul li.club {font:bold 13px arial; padding-top:20px;} #beta2 ul li a:link { color:#d10702; } #beta2 ul li a:visited { color:#d10702; } #beta2 ul li a:hover { color:#e83f00; } #deals-ampersand { font: normal 12px arial,sans-serif; color: #666; line-height: 14px; } #deals-ampersand li { padding: 5px 0 0 0; } /*Generic ad tags*/ #right-ad-tag { float: right; padding: 0 5px 5px 0; width: 175px; } #right-ad-tag p { float: left; font: bold 11px arial,sans-serif; color: #666; padding: 5px 4px 0 0; } #right-ad-tag #ad { float: left; width: 88px; height: 31px; } #right-ad-tag #ad-border { float: left; width: 88px; height: 31px; border: 1px solid #666; } #left-ad-tag { float: right; padding: 0 5px 5px 0; width: 175px; } #left-ad-tag p { float: left; font: bold 11px arial,sans-serif; color: #666; padding: 5px 4px 0 0; } #left-ad-tag #ad { float: left; width: 88px; height: 31px; } #left-ad-tag #ad-border { float: left; width: 88px; height: 31px; border: 1px solid #666; } h1.generic-title-center { font: bold 18px arial,sans-serif; text-align: center; padding: 0 0 10px 0; color: #333; } h1.generic-title-left { float: left; display: block; font: bold 18px arial,sans-serif; padding: 0 0 10px 0; color: #333; } h1.generic-title-right { float: right; display: block; font: bold 18px arial,sans-serif; padding: 0 0 10px 0; color: #333; } h1.generic-title-invisible { text-indent: -9999px; float: left; display: block; font: bold 18px arial,sans-serif; padding: 0 0 10px 0; color: #333; } h2.generic-title-center { font: bold 14px arial,sans-serif; font-size: 14px; text-align: center; padding: 0 0 10px 0; color: #333; } h2.generic-title-left { float: left; display: block; font: bold 14px arial,sans-serif; padding: 0 0 10px 0; color: #333; } h2.generic-title-right { float: right; display: block; font: bold 14px arial,sans-serif; padding: 0 0 10px 0; color: #333; } h2.generic-title-invisible { text-indent: -9999px; float: left; display: block; font: bold 14px arial,sans-serif; padding: 0 0 10px 0; color: #333; } #login-form-container h1.generic-title-center { font: bold 18px arial,sans-serif; text-align: center; padding: 0 0 2px 0; color: #333; } #login-form-container h2.generic-title-center { font: normal 14px arial,sans-serif; font-size: 14px; text-align: center; padding: 0 0 10px 0; color: #333; } #login-form-container { float: left; margin: 10px 0 0 110px; } #noaccount { margin: 5px 0 0 195px; } #noaccount a { padding: 5px 0 0 0; } /*PUSHDOWN AD TAGS*/ #test-ad-space { background-color: #fff; width: 970px; text-align: center; margin:0 0 0 6px; padding:10px 10px 0 10px; } #test-ad-space #ad__101x1 { text-align: center; } /*NEW RECIPES SEARCH SIDEBAR*/ #dotted-line-sm { float:left; padding:5px 0 10px; } #recipes-sidebar-pub fieldset#pub-date1 { float:left; width:121px; padding:0 0 0 65px;} #recipes-sidebar-pub fieldset#pub-date2 { width:121px; } #recipe-form-ctrls-sidebar { float:left; padding:5px 0 0 40px; } #recipe-form-ctrls-sidebar p { float:left;} #infiniti-ticker { padding: 5px 0 0 0; } /* Marketplace */ #marketplace {margin: 10px 0 0; width: 300px;} #marketplace h3 {height: 1px; overflow: hidden; position: relative; width: 300px; font-family: Georgia,"Times New Roman",Times,serif; font-size: 1px;} #marketplace h3 span { height: 100%; left: 5px; position: absolute; top: 4px; width: 100%;} #marketplace-bottomCap { margin:0;} .marginleft10 {margin-left:10px;} .margintop5 {margin-top:5px;} .hiddenText {display:none;}