/* health.com | home.css */
/* Updated 12/05/2011, removed extra css for newsletter, carblover sign-up module update - Marvin Carlos */
#content {width:993px}
#widecol {clear:left; width:981px; margin:10px 0 0 12px; padding:0; font:12px verdana, arial, sans-serif; overflow:hidden}
#adcol {width:310px; float:right; margin:0 12px 0 12px; font:1.1em verdana, arial, sans-serif}
#adcol .ad300x250 {font-size:9px; float:right}
.ad300x250, .ad306 {text-align:center}
.hpOfie {margin:15px 0 15px 10px; float:right}

/* Begin: Top Content Area & Toobar */
#mainStory {float:left; padding-top:10px; width:330px; border:1px solid #c3dee9; background:#fdfbf0; margin-bottom:25px}
#mainStory strong {font:bold 1.6em "Trebuchet MS", Trebuchet, arial, sans-serif; color:#000; margin:0; padding:0; line-height:16px}
#mainStory p {font:normal 0.95em Verdana,sans-serif; color:#000; padding:9px 0; margin:0; line-height:1.2em}
#mainStoryWrap {width:100%; clear:both}
#mainStory1, #mainStory2, #mainStory3, #mainStory4, #mainStory5 {display:none; width:308px; margin:0 11px 10px 11px}
#mainStory1 {display:block}
#playLink {background:url("http://img2.timeinc.net/health/static/i/home_pg_ctrl_btn_playpause2.png") 0px 0px no-repeat; margin:0 0 0 3px; background:#fff}
.mainStoryCopy {padding:0 5px 0px 2px}	
#mainStory .mainStoryCopy p {padding:5px 0 8px 0}
.mainStoryCopy a:hover {text-decoration:underline}
.mainStoryImg {z-index:99; border:1px solid #f4f2e7; padding:2px}
.mainStoryImg img {border:1px solid #c1dce8}
#topStories {float:right; margin-right:14px}
.numStories {float:left}
.listInline {list-style-type:none; margin:0 0 5px 0; padding:0; color:#858585}
.listInline li {font:bold 10px verdana,sans-serif; display:inline; position:relative; top:-1px}
.btn {float:left}
.btn a {display:block; cursor:pointer; width:24px; height:24px}
.listInline a {font:bold 1.1em Verdana, Arial, Helvetica, sans-serif; color:#0076a3; text-decoration:none; cursor:pointer; padding:2px 4px 2px 4px; line-height:25px} 
.listInline a.on {color:#ff4f00; text-decoration:none}
.listInline a:hover.on {color:#ff4f00} 
.listInline a:hover.off {color:#ff4f00} 

#toolbar {float:left; width:614px; border:1px dotted #999; border-width:1px 0; padding:4px 0; margin:0 0 10px 22px; color:#a6a6a6}
#toolbar li {float:left; list-style:none; font-size:.9em; margin-right:6px; line-height:1.3em}
#toolbar li a {display:block; float:left; padding:2px 8px 2px 22px; background:url("http://img2.timeinc.net/health/static/i/sprite_gen.png") -310px -255px no-repeat}

#news-wrap {margin:7px 0 0 22px; width:288px; float:left}
#news-wrap #top-news-head {font-size:1.75em; margin-bottom:15px}
#news-wrap p {font-size:.9em;color:#fa5200; margin-bottom:9px; font-weight:bold} 
#news-wrap h3 {font-size:1.5em; line-height:4px; font-family: "Trebuchet MS",Trebuchet,Arial,sans-serif} 
#news-wrap ul {margin:20px 0 15px 0; padding:0}
#news-wrap ul li {list-style:none; padding:0 0 3px 12px; background:url("http://img2.timeinc.net/health/static/i/sprite_gen.png") -920px 3px no-repeat; line-height:1.2em}

/* Begin: Main Content Area */
#main-content {float:left}
#hp-left-content, #hp-mid-content {float:left; width:155px; margin-right:20px; clear:left}
#hp-mid-content {width:470px; margin-right:0; float:right}
.mod {float:left; width:155px; padding-bottom:1px; border-bottom:1px solid #b0d6ee; margin-bottom:15px}
.mod h3 {float:left; background:url("http://img2.timeinc.net/health/static/i/sprite_corners.png") 0 -625px no-repeat; font:bold 1.75em "Trebuchet MS", Trebuchet, arial, sans-serif; padding:5px 7px 6px 7px; width:141px}
.mod .mod-more {float:left; font-size:0.9em; width:137px; padding:4px 10px 4px 6px; text-align:right; border:1px solid #d2e7f3; margin-top:1px; border-width:1px 1px 2px 1px; border-top-color:#b0d6ee; border-bottom-color:#b0d6ee}
.mod-inner {float:left; width:141px; padding:0 6px; border:1px solid #d2e7f3; border-width:0 1px 2px 1px; border-bottom-color:#b0d6ee}
.mod-inner h4 {font:bold 0.9em Verdana, Arial, Helvetica, sans-serif; width:144px; letter-spacing:-0.03em}
.mod-inner ul {margin:0; padding:7px 0 17px 15px; font-size:.95em}
.mod-inner ul li {list-style:none; padding-bottom:6px}
.tout-img {border:1px solid #e5e5e5; padding:2px}

#pkg-promo {width:470px}
#pkg-promo h3 {width:450px; background-position:0 -106px; padding:5px 10px 6px 10px}
#pkg-promo #subhead {clear:both; display:block; font:normal 0.55em Verdana, Arial, Helvetica, sans-serif}
#pkg-promo .mod-inner {width:450px; padding:0 9px}
#pkg-promo .mod-more {width:452px; text-align:left; padding:6px 10px 6px 6px}
#pkg-promo .mod-more span {text-transform:uppercase; display:block; float:left; padding-right:10px}
#pkg-promo .mod-more a {display:block; font-weight:bold}
#pkg-touts {margin:5px 0; padding:0}
#pkg-touts li {float:left; list-style:none; width:150px}
#pkg-touts p {font:bold 1.3em "Trebuchet MS", Trebuchet, arial, sans-serif; color:#60b212; margin:0; padding:5px 0; width:120px}
#pkg-touts .typ-list {padding:0}
#pkg-touts .typ-list li {float:none; width:110px}

#three-col {float:left; width:480px; margin:15px 0; padding:0}
#three-col li {float:left; list-style:none; width:147px; margin:0 12px 4px 0; font-size:0.97em}
#three-col ul {margin:3px 0 0 0; padding:0}
#three-col .three-col-eyebrow {display:block; height:15px; clear:right; color:#fa5200; font:bold 1em "Trebuchet MS", Trebuchet, arial, sans-serif; margin-bottom:5px}
#three-col h4 {width:153px; border-bottom:1px dotted #999; font:bold 1.5em "Trebuchet MS", Trebuchet, arial, sans-serif; padding-bottom:2px; margin-bottom:2px}
#three-col .touts li {float:none; margin-top:8px; margin:0; font-size:0.95em}
#three-col .touts .tout-img {padding:3px; float:left; margin:0 6px 6px 0}
#three-col .touts .tout-links li {padding-bottom:8px; list-style:none; float:left}

#a-z, #secondary {width:155px}
#secondary h3 {font-size:1.5em; line-height:1em; padding-top:0; background-position: 0 -645px}
#secondary .mod-eyebrow {display:block; clear:right; padding:5px 0 0 7px; color:#fa5200; font:bold 1em "Trebuchet MS", Trebuchet, arial, sans-serif; background:url("http://img2.timeinc.net/health/static/i/sprite_corners.png") 0 -625px no-repeat}
#secondary .mod-inner span {display:block; clear:left}
#secondary .mod-inner ul {padding-left:0; color:#595959}
#secondary .mod-inner li {padding-bottom:10px; width:134px}

#sp-mod {float:left; margin-bottom:15px}
#sp-mod h4 {width:470px; height:66px; float:left; margin:0; padding:0; background:url("http://img2.timeinc.net/health/static/i/sprite_sp.jpg") left top no-repeat; text-indent:-9999px}
#sp-mod div {float:left; width:468px; border:1px solid #d9d9d9; border-top:none}
#sp-mod .typ-list {float:left; margin:15px 10px 5px 15px; width:250px}
#sp-mod .typ-list li {padding-bottom:5px}
#sp-button {float:right; width:169px; height:129px; padding:10px 5px 10px 0; background:url("http://img2.timeinc.net/health/static/i/sprite_sp.jpg") -526px 0 no-repeat; text-indent:-9999px}

#nl-iframe {width:467px; height:200px}
/* End: Main Content Area */

/* Facebook Like Box */
#fb-like-box {float:right; margin-bottom:20px; width:300px}

/* Twitter */
#twitterfeed{display:none;border:1px solid #ccc;padding:1px;overflow:auto;zoom:1; float:right; margin-bottom:20px; width:296px; float:right; margin-left:10px}
#twitterfeed *{margin:0;padding:0}
#twitterfeed.active{display:block}
#twitterfeed .title{width:auto;height:auto;text-indent:0}
#twitterfeed .celeb{float:left;background:url("http://img2.timeinc.net/health/static/i/twitterfeed-bg.gif") 0 bottom no-repeat}
#twitterfeed h3{position:absolute;top:-9999px;left:-9999px}
#twitterfeed .celeb .title{padding:33px 10px 4px;font:normal 14px/20px Arial,sans-serif;color:#ff7000;background:url("http://img2.timeinc.net/health/static/i/twitterfeed-bg.gif") 0 -109px no-repeat}
#twitterfeed .tweets{overflow:hidden}
#twitterfeed .tweets ol{list-style-type:none}
#twitterfeed li{float:left;padding:8px 20px;width:256px;height:62px;overflow:hidden}
#twitterfeed li.hide{display:none}
#twitterfeed .profile-pic{float:left;width:48px;height:48px;overflow:hidden}
#twitterfeed .entry-content{float:right;width:203px;font:11px Arial,sans-serif;color:#999}
#twitterfeed .entry-content a{font-weight:normal;color:#60b212}
#twitterfeed .fn{font-weight:bold}
#twitterfeed .more{float:right;padding:6px 90px 30px 0;background:0}
#twitterfeed .more a{font:bold 11px Arial,sans-serif;color:#fff;text-align:right}
#twitterfeed .sponsor{float:left;position:relative;z-index:1;width:296px;background:url("http://img2.timeinc.net/health/static/i/twitterfeed-bg.gif") 0 0 no-repeat;height:109px}
#twitterfeed .sponsor .title{font:11px/11px Arial,sans-serif;color:#fff;position:absolute;top:90px;left:80px}
#twitterfeed .sponsor .tweets{height:84px}
#twitterfeed .sponsor ol{height:84px;background:0}
#twitterfeed .sponsor li{height:68px}
#twitterfeed .sponsor .profile-pic{margin-right:5px}

/* PollDaddy Poll */
#dailyPDPoll {float:right; width:284px; background:#e2f1f9; padding:8px}
#dailyPDPoll h3 {font:normal 1.5em Georgia, "Times New Roman", Times, serif; padding:5px 0 0 15px; height:20px; width:270px; background:#fff}
#poll-img {width:256px; background:#fff; padding:14px; padding-bottom:0}
#poll-img img {padding:1px}
#PDPoll {float:right; padding:0 0 10px 0; background:#fff; width:284px}
#PDPoll #PDPollLink {font:normal 0.9em Verdana, Arial, Helvetica, sans-serif; padding:0 15px 5px 15px}
#PDPoll #PDPollLink a {font-size:1em}
#poll-link-eyebrow {color:#fa5200; display:block; font:bold 0.95em "Trebuchet MS", Trebuchet, arial, sans-serif; padding-top:5px; border-top:1px dotted #999}