/* Modified: 8/17/11, Marvin Carlos, HL 106, this was a renamed recipes.css, done so we can move it to prod without over-writing the current recipes.css */

/* GLOBAL OVER-RIDES  */
h1, h2, h3, h4, h5, h6 {font-family:"trebuchet ms", trebuchet, arial, sans-serif}
#widecol {margin-left:15px; _margin-left:7px; padding-top:14px; clear:none}
#breadcrumbs {float:none}
#footer {margin-top:60px}
#adcol .ad300x250 {float:left}
#recipe-page h1 {font-size:2.1em}
#recipe-page-sponsor {float:right; margin-top:5px}
#ad_470x175 {text-align:center; width:470px; float:left; margin:15px 0 15px 210px; color:#929396}
#ad_470x175 span {display:block; width:470px; clear:both; font:normal 0.85em Arial, Helvetica, sans-serif; padding-bottom:5px; overflow:hidden}
#twitter-mod {float:left}

.normal-text-color {color:#000}
.thumb {border:1px solid #e5e5e5; padding:1px; float:left; margin-right:5px;}

/* Columns */
.left_col {width:213px; float:left}
.right_col {width:215px; float:right; margin:0; padding-left:10px;}
.right_col p {font-size:1.0em;}
/* Double Border Box */
.dbl-outer {float:left; border:1px solid #d5e8f4; padding:3px; margin-bottom:15px}
.dbl-inner {float:left; border:1px solid #d5e8f4; padding:7px 10px; width:270px}
.curve-top-large {width:419px; height:5px; float:left; background:url(../i/bg_curve_top_large.gif) 0 0 no-repeat}
.curve-top {width:300px; height:3px; float:left; background:url(../i/bg_curve_top.gif) 0 0 no-repeat}
.curve-sm {width:213px; height:4px; float:left; background:url(../i/bg_curve_small.gif) 0 0 no-repeat}
.curve-sm.bot {background-position:0 -6px; margin-bottom:15px;}

/* Addlinks */
.addlinks ul {font-size:0.85em; list-style-image:none; list-style-position:outside; list-style-type:none; margin:6px 0 5px; padding:0}
.addlinks ul li {display:inline; margin-right:1em; padding-left:18px}
.addlinks ul li a {text-decoration:underline}
.addlinks ul li.email {background:url("http://img2.timeinc.net/health/static/i/icons-blog.gif") no-repeat 0 center}
.addlinks li.print {background:transparent url("http://img2.timeinc.net/health/static/i/icons-blog.gif") no-repeat -300px center}
.addlinks ul li ul {background:#fff; width:auto; display:none; position:absolute; border-bottom:1px solid #e5e5e4; margin:0 0 5px 60px; font-size:1em; padding-top:5px;
*margin:12px 0 0 -41px}
.addlinks ul li ul li {display:block; background:#fff; border-left:1px solid #e5e5e4; border-right:1px solid #e5e5e4; margin:0; padding:0}
.addlinks ul li ul li a {display:block; border-top:1px solid #e5e5e4; margin:0 1px; padding:2px 20px 2px 10px}
.addlinks li.share {background:transparent url("http://img2.timeinc.net/health/static/i/icons-blog.gif") no-repeat -600px center; padding-left:15px}

/* Home */
.home_index h1 {float:left; width:500px; margin:0 0 5px 0; font-size:1.8em}
.home_index .left_col {width:213px; float:left; margin-right:14px}
.home_index .right_col {width:419px; float:right; margin:0; padding:0}
#h1-dek {margin-bottom:20px; overflow:hidden; clear:left;}

/* Search/Browse */
#search-browse {float:left; width:191px; margin-bottom:15px; padding:5px 10px; border:1px solid #a5cfe7; background:#d6ecf8; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.33, rgb(233,247,255)), color-stop(0.84, rgb(165,207,231))); background-image: -moz-linear-gradient(center top, rgb(233,247,255) 33%, rgb(165,207,231) 84%);}
#search-browse h3 {font:bold 1.9em "trebuchet ms", trebuchet, arial, sans-serif; color:#007ca9;}
#sb-form {float:left; width:100%; padding:7px 0 18px 0; border-bottom:1px solid #a5cfe7}
#sb-input {float:left; width:134px; height:14px; margin:0; padding:2px 18px 2px 2px; background:#fff; border:solid 1px #98b9ca; color:#989494;}
#sb-btn-search {margin-left:3px;}
#sb-browse {float:left; padding:10px 0 5px 0; border-top:1px solid #f7fcff; width:100%}
#sb-browse h4 {font:bold 1.4em "trebuchet ms", trebuchet, arial, sans-serif; color:#007ca9; letter-spacing:-0.03em; padding-bottom:4px}
#sb-categories {float:left; width:100%; background:#fff;}
#categories, #categories ul {float:left; list-style-type:none; margin:10px; padding:0; width:168px; font:normal 1em Verdana, Arial, Helvetica, sans-serif}
#categories ul {display:none}
#categories a {display:block; text-decoration:none; outline:none}
#categories li {font-weight:bold; overflow:hidden; padding:2px 0}
#categories li a {color:#000; border-top:1px dotted #4098ba; padding:2px 0 0 10px; background:url(../i/sprite_recipes.png) 0 -230px no-repeat}
#categories li a.open {background-position:-217px -230px;}
#categories li a.first-cat {border-top:none; text-transform:uppercase}
#categories li ul {padding:0; margin:6px 0; overflow:hidden;}
#categories li ul li {padding:0 4px;}
#categories li ul li a {color:#0076A3; padding:4px 0 0 15px; border-top:none; font-size:0.85em; font-weight:normal; background:none}
#categories li ul li a:hover {text-decoration:underline}

/* Recipe */
.recipe {border-top:1px dotted #c9c9c9; padding:14px 0 0;}
.recipe h3 {font-family:"trebuchet ms", trebuchet, arial, sans-serif; font-size:1.4em; border-bottom:1px dotted #4098ba; letter-spacing:-0.02em}

/* Misc Links */
#print-recipe {display:block; font-weight:bold; height:16px; float:right; background:url(../i/sprite_recipes.png) 0 0 no-repeat; padding-left:22px}
#review-recipe, .view-recipe, .thousands, .more {font-weight:bold; float:left; display:block; margin:10px 0 8px 10px; background:url(../i/sprite_gen.png) -918px -247px no-repeat; padding-left:15px;}
.thousands, #more-popular-recipes {font-weight:bold; float:right; text-transform:uppercase; background:url(../i/sprite_recipes.png) right -469px no-repeat; padding:0 23px 0 0; margin:0}
#mr-link {float:left; text-transform:uppercase; width:420px; border:1px solid #f2f2f2; border-width:1px 0; margin-bottom:15px;}
#mr-link-inner {float:left; border:1px solid #eaeaea; width:420px; border-width:1px 0; padding:12px 0; background:url(../i/sprite_recipes.png) -740px -218px no-repeat}
#mr-link-inner a {display:block; float:right; background:url(../i/sprite_recipes.png) right -237px no-repeat; padding-right:25px; color:#951a1d; font:bold .9em Verdana, Arial, Helvetica, sans-serif}

/* Recipe Image */
.recipe-img {float:left; margin:0 0 10px 0; position:relative}
.recipe-img .credits {float:right; display:block; color:#a6a6a6; font-size:0.85em;}
#cl-badge-img {position:absolute; left:274px; top:2px}

/* Ingredients */
#ingredients-prep {float:left; width:420px;}
#ingredients-prep h3 {font-size:1.75em; line-height:1.75em; margin-bottom:15px}
#ingredients-prep ul {padding:0 20px 0 0; margin:15px 0 15px 15px; font:bold 1.2em "trebuchet ms", trebuchet, arial, sans-serif;}
#ingredients-prep ul li {list-style-type:none; margin-top:2px; margin-bottom:2px; line-height:1.75em}
#ingredients-prep ol {padding:0 20px; margin:0 0 15px 15px}
#ingredients-prep ol li {padding-bottom:25px}
#ingredients-prep p {padding:0 15px}

/* Times & Yield*/
#yield-time {padding:5px 0; margin:10px 0 0 0; width:205px; list-style:none; font-size:0.9em; float:right; border-top:1px dotted #4098ba}
#yield-time li {padding:3px 0 3px 8px;}
#yield-time span {font-weight:bold; color:#999;}

/* Nutritional Info, Tags */
#nutrition, #recipe-is {border-top:2px solid #aed6ef; float:right; width:205px;}
#nutrition h3, #recipe-is h3 {border-top:1px solid #aed 3sun6ef; margin-top:1px; padding:4px 0 2px 0;}
#nutrition-info {margin:7px 0;}
#nutrition-info span {clear:both; display:block}
#nutrition th {text-align:left; color:#999; padding-left:8px; vertical-align:top}
#nutrition td {text-align:right; vertical-align:top; font-size:0.9em}
#recipe-is {border-bottom:2px solid #aed6ef; margin-top:10px}
#recipe-is h3 {padding:7px 8px 2px 8px; margin:1px auto; border-bottom:none}
#recipe-is ul {padding:10px 0; margin:0 8px; border-top:1px dotted #4098ba; list-style:none; font:bold 0.9em Verdana, Arial, Helvetica, sans-serif}
#recipe-is li {padding:3px 0}

/* Source */
#source {border-top:1px solid #aed6ef; float:right; width:189px; margin-top:1px; padding:20px 8px; font:normal 0.9em Verdana, Arial, Helvetica, sans-serif; color:#999}
#source p {margin-bottom:0.4em}
#source i {font-size:1.1em}

/* Good to Know */
#gtk-outer {float:left; background:url(../i/bg_goodtoknow.gif) top left repeat-y; margin:15px 0; padding-bottom:2px; width:215px}
#good-to-know {font-size:.95em; float:left; margin:0 0 -7px 1px; padding:5px 10px 17px 15px; background:url(../i/bg_gtk_outer.gif) 0 bottom no-repeat; border:2px solid #f5f5f5; border-left:0; border-bottom:0;}
#good-to-know h3 {background:url(../i/sprite_recipes.png) -751px 5px no-repeat; padding-left:35px; margin:0 0 5px 0; font:bold 1.6em/1.6em Georgia, "Times New Roman", Times, serif; border-bottom:1px dotted #4098ba; width:150px}
#good-to-know p {margin-bottom:0}

/* Search Thousands */
.search {margin:0; clear:left}
.search a {font-weight:bold; font-size:1em; margin:0 1em 0 0; padding:0 0 0 18px; background:url("../i/recipes/btn_prev_orange.gif") no-repeat 0 0; font-family:"trebuchet ms", trebuchet, arial, sans-serif}

/* Newsletter Sign-up */
#nl-signup {float:left; margin-top:40px; background:url(../i/sprite_recipes.png) right 10px no-repeat}
#nl-signup h4 {font:normal 1.6em Georgia, serif; color:#007ca9}
#nl-email {border:1px solid #dedede; width:170px; float:left; height:20px; padding-left:5px; margin-right:3px; color:#757575}
#nl-signup p.dek {font-size:1em; margin:4px 0}
#nl-privacy {margin:4px 0 0 0; color:#999; font-size:0.85em; clear:both; float:left}
#nl-privacy a {text-decoration:underline}
.nl-error {display:none; color:red; display:block; margin-bottom:4px; width:300px}

/* Carb Lovers */
#carb-love .view-recipe {margin:4px 0}
#carb-love {float:left; background:url(../i/sprite_recipes.png) 0 -451px no-repeat; margin-bottom:15px; padding:45px 10px 2px 10px; border:1px solid #d9d9d9; width:278px}
#carb-love h4 {font-size:1.5em}
#carb-love-link {display:block; float:left; background:url(../i/sprite_recipes.png) -1129px -301px no-repeat; height:87px; width:278px; text-indent:-9999px; margin-top:5px}

/*** Lead Tout, Editor's Pick/s, Recipe of the Day ***/
#lead h2, #most-popular h3, #rotd h3, #dotd h3, #articles h3 {font-size:1.8em; clear:both; color:#000; border-bottom:1px dotted #4098ba; padding-bottom:5px;}
#editors-picks, #rotd, #editors-pick {float:left; border:1px solid #a5cfe7; border-top-width:0; margin-bottom:15px; padding:7px 10px 10px 10px; width:278px}
#lead h2 a {color:#000}

/* Lead */
#lead {width:100%; padding:0}
#recipe-dek {text-align:left; padding:10px 0 5px 10px; clear:both; margin-bottom:5px; min-height:30px}
#lead .view-recipe {float:right; padding:0 10px 0 15px; margin-top:0}
#lead .new-title, #lead .new-dek {display:none}

/* ROTD, DOTD, Recipes From */
#rotd  {float:left; border-bottom-width:2px; margin-bottom:0}
#xotd-tout {float:left; border-bottom:1px dotted #a5cfe7; padding:5px 0; width:275px}
#rotd h3, #dotd h3 {margin-bottom:5px}
#rotd p {margin-bottom:0;}
#rotd .view-recipe, #dotd .view-recipe {margin:2px 0}
#rotd h4 {font:bold 1.25em "trebuchet ms",sans-serif; clear:both; margin:3px 0; padding:9px 0 4px 0}
#rotd li, #recipes-from li {padding-bottom:4px}
#rotd-bottom {float:left; width:268; border:1px solid #a5cfe7; padding:8px 0 0 0; margin:1px 0 15px 0}
#rotd-bottom .thousands {float:right; display:block; text-align:right; width:268px; border-bottom:2px solid #a5cfe7; margin-bottom:1px; padding:0 30px 7px 0; text-transform:uppercase; background:url(../i/sprite_recipes.png) right -469px no-repeat}
#rotd .ad170x30 {float:right; clear:both}

#dotd {float:left; border-bottom-width:2px; margin-bottom:15px; border:1px solid #e7f2f8; width:278px; padding:10px}
#dotd h3 {font:bold 1.7em Georgia, "Times New Roman", Times, serif; color:#0076a3; padding-left:16px; background:url(../i/sprite_recipes.png) -753px -106px no-repeat}

.recipes-from {display:none; float:left; border-bottom-width:2px; margin-bottom:15px; border:1px solid #e7f2f8; width:298px; padding:0}
.recipes-from ul {margin:0 5px}
.recipes-from h3 {height:28px; float:left; width:140px; color:#2e7b00; padding:6px 0 0 10px; font:bold 1.6em Georgia, "Times New Roman", Times, serif; background:url(../i/bg_recipesfrom.png) 0 0 repeat-y}
.recipes-from .sponsor-logo-100x45 {float:right;  width:100px; margin-right:5px}
.recipes-from .typ-list {clear:both; padding:10px; margin-top:5px}

/* ROTD - Landing Page Overrides */
#recipe-landing #rotd {width:397px; border-color:#d2e7f3; border-bottom-color:#aed6ef}
#recipe-landing #rotd h3 {font-size:1.8em; float:left; border:none; padding-bottom:0}
#recipe-landing #rotd-tout {float:left;width:395px; border:none; border-top:1px dotted #a5cfe7; padding-top:15px}
#recipe-landing #rotd .ad170x30 {clear:none;}
#recipe-landing #rotd-bottom {width:417px; border-color:#d2e7f3; border-bottom-color:#aed6ef}
#recipe-landing #rotd-bottom .thousands {width:387px; border-color:#aed6ef}
#recipe-landing #rotd h4 {padding-bottom:0}
#recipe-landing .typ-list {border-top:1px dotted #a5cfe7; padding:10px 0}

/* Eating and Recipe Articles */
#articles {width:390px; margin:0 auto}
#articles h3 {border:0; padding-bottom:5px; margin-bottom:0}
#articles h4 {font-family:Verdana, Arial, Helvetica, sans-serif}
#articles ul {border-top:1px dotted #c9c9c9; width:100%; list-style:none; padding:10px 0 0 0; margin:0}
#articles li {border-bottom:1px dotted #c9c9c9; width:100%; margin:0; padding:10px 0; overflow:hidden}
#articles p {margin:5px 0}
#articles .more {margin:10px 0 0 0}
#articles .thumb {width:75px; height:75px}

/* Editor's Pick -- Over-rides carousel CSS in global.css */
#editors-pick {width:191px; margin-bottom:0; border-bottom:0}
#editors-pick .carousel-image {border:0; display:block; padding:2px; border:1px solid #e5e5e5; margin:0 auto; width:180px; height:135px}
#editors-pick .carousel-caption p {display:block; margin:0; padding:5px 0 0 0; font-weight:bold; font-size:1.1em}
#editors-pick .carousel-caption span {font-size:0.9em}
#editors-picks h3, #rotd h3  {font-size:1.6em; clear:both; margin-bottom:5px; border-bottom:1px dotted #4098ba}
#editors-pick h3 {font-size:1.9em; margin-bottom:5px}
/* Landing Page Carousel -- Over-rides carousel CSS in global.css  */
#recipe-landing #carousel-container {height:200px; width:420px; margin-bottom:20px; overflow:hidden}
#recipe-landing #carousel {height:200px; width:420px; padding:0}
#recipe-landing #carousel-left, #recipe-landing #carousel-right {bottom:14px; right:374px; background:url(../i/sprite_recipes.png) 0 -48px no-repeat; width:35px; height:150px}
#recipe-landing #carousel .carousel-image {left:4px}
#recipe-landing #carousel-left {left:381px; background-position:-226px -48px}
#recipe-landing .carousel-feature {padding:0}
#recipe-landing #carousel .carousel-image {width:300px; height:200px}

/* Most Popular */
#most-popular {float:left; border:1px solid #d5e8f4; margin-bottom:15px; padding:4px}
#most-popular-inner {float:left; border:1px solid #d5e8f4; padding:10px;}
/* Belt Carousel */
.jcarousel-skin .jcarousel-container {background:#fff; border-bottom:1px dotted #4098ba; margin-bottom:10px}
.jcarousel-skin .jcarousel-direction-rtl {direction:rtl}
.jcarousel-skin .jcarousel-container-horizontal {width:340px; padding:20px 25px 10px 25px}
.jcarousel-skin .jcarousel-clip {overflow:hidden}
.jcarousel-skin .jcarousel-clip-horizontal {width:340px; height:128px; font-size:.8em;}
.jcarousel-skin .jcarousel-item {width:75px; height:128px}
.jcarousel-skin .jcarousel-item-horizontal {margin-left:0; margin-right:10px}
.jcarousel-skin .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left:10px; margin-right:0}
.jcarousel-skin .jcarousel-item-placeholder {background:#fff; color:#000}
/* Horizontal Buttons */
.jcarousel-skin .jcarousel-next-horizontal {position:absolute; top:43px; right:5px; width:22px; height:32px; cursor:pointer; background:url(../i/sprite_recipes.png) -1125px -442px  no-repeat}
.jcarousel-skin .jcarousel-direction-rtl .jcarousel-next-horizontal {left:-10px; right:auto; background-image:url(prev-horizontal.png)}
.jcarousel-skin .jcarousel-prev-horizontal {position:absolute; top:43px; left:5px; width:22px; height:32px; cursor:pointer; background:url(../i/sprite_recipes.png) -747px -442px  no-repeat}
.jcarousel-skin .jcarousel-direction-rtl .jcarousel-prev-horizontal {left:auto; right:5px; background:url(../i/sprite_recipes.png) -1130px -450px  no-repeat}

/* My Recipes */
#my-recipes h4 {font:bold 1.5em "trebuchet ms",sans-serif; color:#951a1d; margin-top:3px; padding:15px 0 6px 110px; height:20px; background:url(../i/sprite_recipes.png) -751px -336px no-repeat;}
#my-recipes .typ-list {font-size:1.05em; border:1px dotted #4098ba; border-width:1px 0; padding:8px 0 6px 0; margin:10px 0 8px 0}
#my-recipes li {padding-bottom:7px}

/* Reviews */
#reviews h3 {font-size:1.75em; line-height:1.75em; margin-bottom:15px;}
#reviews div.form h3.form_title {margin-bottom:0}
#new_comment_form {float:left; margin-top:15px}

/* Third Party */
#fb-like-recommend {float:left; width:150px}
#twitterfeed, #facebookLike {float:left}

/* Print Page Declarations and Over-rides */
#print-main {width:540px; overflow:hidden; margin:auto}
#print-content {overflow:hidden; margin:10px 0 20px 0; padding-top:10px; border-top:1px dotted #8c8c8c}
#print-main h1 {font-size:1.7em;}
#print-main .left_col {width:210px; float:left}
#print-main .right_col {width:300px; float:right; margin:0; padding-left:25px;}
#print-main .right_col p {font-size:1.0em;}
#print-main .recipe-img {width:150px}
#print-main #ingredients-prep {float:left; width:100%;}
#print-main #ingredients-prep h3 {font-size:1.3em; border-color:#8c8c8c; border-bottom:1px dotted #8c8c8c}
#print-main #yield-time {font-size:0.9em; float:left; border-top:none}
#print-main #ingredients-prep {float:left; width:100%;}
#print-main #ingredients-prep ul {font:normal 1.15em "trebuchet ms", trebuchet, arial, sans-serif;}
#print-main #good-to-know {background:none; padding-left:0}
#print-main #good-to-know h3 {border-color:#8c8c8c}
#print-main #nutrition {border-top:none}
#print-main #nutrition th {padding-left:0; color:#000}
#print-main #nutrition h3 {border-top:none; margin-top:1px; padding:4px 0 2px 0; border-bottom:1px dotted #8c8c8c}
#print-page-health-logo {clear:both; width:100%}
.print-page-btns {float:right; clear:both; margin:10px 0; overflow:hidden}
#print-page-sponsor-logo {float:right; padding:10px 10px 0 0}

/* for Healthline */
.lhs-nav .left_col {width:213px}
.lhs-nav .left_col .ad160x600 {clear:both; margin:10px auto}