/* health.com | home.css */
/* Updated for HL1631, HL1578, HL1681 - Oswald font weight changes, tweaks - 2/27/2013, Marvin Carlos */
#content {width:993px}
#widecol {clear:left;width:981px;margin:10px 0 0 12px;padding:0;font:12px arial, sans-serif;overflow:hidden}
#adcol {width:310px;float:right;font:1.1em arial, sans-serif;margin-top:0}
#adcol .ad300x250 {font-size:9px;margin-top:0}
.ad300x250, .ad306 {text-align:center}
.hpOfie {margin:15px 0;float:left}
a {color:#000}
.rel {position:relative}
.abs {position:absolute}

#most-popular-home {font-size:0.9em}
#fotd .mod-header {font-size:1.6em}

/* Begin: Top Content Area & Toobar */
#mainStory {overflow:hidden;width:400px;height:400px;border:1px solid #e8e8e8;margin-bottom:25px;position:relative}
#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 arial,sans-serif;color:#fff;padding:9px 0;margin:0;line-height:1.2em}
#mainStory1, #mainStory2, #mainStory3, #mainStory4, #mainStory5 {display:none;width:400px}
#mainStory1 {display:block}
#mainStory .mainStoryCopy {padding:10px;position:absolute;left:0;bottom:0;height:87px;width:378px}
#mainStory .mainStoryCopy a {color:#fff;font:800 1.25em 'Oswald',sans-serif;letter-spacing:0.04em;letter-spacing:-0.001em}
#mainStory .mainStoryCopy p {padding:5px 0 8px 0;font-size:1.2em}
#mainStory .mainStoryCopy a:hover {text-decoration:underline}
#mainStory .mainStoryImg {position:absolute;width:400px;height:400px;left:0;top:0}
#mainStory .img-overlay {width:400px;height:107px;position:absolute;bottom:0;left:0;background-color:#000;opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70)}
#mainStory a.left-arrow {position:absolute;width:70px;height:295px;left:0;top:0;background:url("http://img2.timeinc.net/health/static/i/sprite_24bit_trans.png") 0 -60px no-repeat;opacity:00;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);outline:none}
#mainStory a.right-arrow {position:absolute;width:70px;height:295px;right:0;top:0;background:url("http://img2.timeinc.net/health/static/i/sprite_24bit_trans.png") right -60px no-repeat;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);outline:none}
#mainStory .numStories {float:left;position:absolute;bottom:7px;right:8px}
.listInline {list-style-type:none;margin:0 0 5px 0;padding:0;color:#858585}
.listInline li {font:bold 10px Arial,sans-serif;display:inline;position:relative;top:-1px}
.listInline a {display:block;background:url("http://img2.timeinc.net/health/static/i/sprite_24bit_trans.png") -1px -1px;text-decoration:none;cursor:pointer;width:16px;height:16px;margin-right:4px;float:left;text-indent:-9999px;outline:none}
.listInline a.on {text-decoration:none;background-position:-1px -17px}
.listInline a:hover.on {background-position:-1px -17px} 
.listInline a:hover.off {background-position:-1px -33px} 

/* Begin: Main Content Area */
#main-content {float:left}
#hp-left-content{float:left;width:400px;margin:12px 20px 0 0}
#hp-mid-content {float:right;width:230px;margin:12px 0 0 0}

.more-link {background:url("http://img2.timeinc.net/health/static/i/sprite_gen.png") -985px -935px no-repeat;text-indent:-9999px;width:20px;height:12px;display:inline-block}

#news-views {width:228px;border:1px solid #01a0c0}
#news-views h4 {background:#01a0c0 url("http://img2.timeinc.net/health/static/i/sprite_gen.png") 12px -1200px no-repeat;height:42px;overflow:hidden;text-indent:-9999px;margin:0}
#news-views h4 a {display:block;height:44px}
#news-views h5 a {font-family:"kepler-std-n4","kepler-std",serif;font-weight:400;font-style:normal;font-size:2em;display:block;text-align:center;margin-bottom:4px}
#news-views p {color: #666666;font-size:0.9em;margin-bottom:0.5em}
#news-views .eyebrow {display:block;margin:0 auto;text-align:center;text-transform:uppercase;color:#19a2c2;font-weight:bold}
#news-views .tout-num {display:block;background:url("http://img2.timeinc.net/health/static/i/sprite_gen.png") -970px -1100px;color:#fff;overflow:hidden;width:23px;height:22px;padding-top:1px;text-align:center;font:1.7em/0.97em "Times New Roman",Times,serif;margin:0 auto 10px auto;clear:both}
#news-views #touts {padding:10px;margin:10px 0 0 0}
#news-views #touts img {float:left;margin:0 8px 5px 0;border:1px solid #e5e5e5}
#news-views #touts li {list-style:none;margin:0 0 20px 0;border-bottom:1px dotted #22a9c6;overflow:hidden;padding-bottom:10px}
#news-views #touts li:last-child {border-width:0;margin-bottom:0} 
#news-views #touts li.last {border-width:0;margin-bottom:0} /* IE-only: Separated this from previous line which turns on quirks mode */
#news-views #more-news-views {display:block;background:#01a0c0 url("http://img2.timeinc.net/health/static/i/sprite_gen.png") 20px -1245px no-repeat;width:228px;height:43px;text-indent:-9999px;}

.mod {float:left;width:155px;padding-bottom:1px;border-bottom:1px solid #b0d6ee;margin-bottom:15px}
.mod h3 {float:left;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 Arial, 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:0;margin-bottom:3px}

.three-col {float:left;width:400px;padding:0;margin:0 0 10px 0}
.three-col li {float:left;list-style:none;width:124px;margin:0 14px 4px 0;font-size:0.97em}
.three-col ul {margin:3px 0 0 0;padding:0}
.three-col h4 {width:124px;font:800 1.25em 'Oswald', 'Arial Narrow',sans-serif;text-transform:uppercase;margin-bottom:5px;border-bottom:1px solid #e7524e;}
:root .three-col h4 {font-family:'Arial Narrow', sans-serif\0/IE9}
.three-col .tout {float:left;margin:0 6px 0 0;padding:0}
.three-col p {font-weight:bold;margin-bottom:5px}
.three-col p.dek {font-weight:normal;font-size:0.95em;margin-top:0}
.three-col .tout li {padding-bottom:8px;list-style:none;float:left;padding:5px 0 0 12px;background:url("http://img2.timeinc.net/health/static/i/sprite_gen.png") -985px -930px no-repeat;width: 113px;border-top:1px dotted #22a9c6}
.three-col .tout li a {display:block;}
.three-col li.rightmost {margin-right:0}

#inside-health {overflow:hidden;width:400px;margin-bottom:5px}

#health-features {overflow:hidden;width:400px}
#health-features p {margin-bottom:0.5em}

#toolbar {float:left;width:400px;border:1px dotted #22a9c6;border-width:1px 0;padding:4px 0;margin:0;color:#bcbcbc;font-size:1.1em}
#toolbar #toolbar-title {font:800 1.05em 'Oswald','Arial Narrow',sans-serif;color:#079cb4;}
#toolbar li {float:left;list-style:none;font-size:.9em;margin-right:4px;line-height:1.8em}
#toolbar li a {display:block;float:left;padding:2px 12px 2px 12px;font-size:.95em;background:url("http://img2.timeinc.net/health/static/i/sprite_gen.png") -985px -929px no-repeat;}

#connect {margin:5px 0 15px 0;padding:6px 0 6px 6px;float:left;border:1px solid #f85154;width:292px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#connect-with-health {font:700 1.25em/1.3em 'Oswald','Arial Narrow',sans-serif;float:left;}
#connect-with-health span {font-size:0.82em;letter-spacing:-0.01em;letter-spacing:-0.04em\0/}
#connect ul {margin:3px 0 0;padding:0}
#connect li {margin:0;padding:0;list-style:none;float:left}
#connect a {display:block;float:left;width:38px;height:44px;background:url("http://img2.timeinc.net/health/static/i/sprite_gen.png") 3px -660px no-repeat;text-indent:-9999px;border:0;outline:none}
#connect a#pinterest-btn {background-position:-36px -660px}
#connect a#twitter-btn {background-position:-73px -660px}
#connect a#subscribe-btn {background-position:-112px -660px;width:58px}
#connect a#gift-btn {background-position:-171px -660px;width:48px}

#nl-subscribe2 {float:left;border-top:1px dotted #22a9c6;margin-top:5px;padding-top:5px;width:280px}
#nl-subscribe2 h5 {float:left;font:800 0.75em 'Oswald','Arial Narrow',sans-serif;margin-right:7px}
#nl-subscribe2 #nl-email {border:1px solid #999;color:#777;font-size:.85em;width:134px;height:14px;padding:2px 4px;margin-right:3px}
#nl-subscribe2 #submit-btn {width:56px;height:20px;font-size:.8em;font-weight:bold;color:#fff;background:#f85154;border-collapse:collapse;border:0}

#bottom-content {overflow:hidden;margin:30px auto 0 auto;width:850px}
#rotd, #dotd {float:left;width:400px;margin:40px 20px 0 0}
#dotd {margin:40px 0 0 20px}
#rotd .mod-header, #dotd .mod-header {margin-bottom:5px;font-size: 1.2em;padding: 2px 4px}
#rotd h5, #dotd h5 {font:normal 2em/1.3em "Arial Black",sans-serif;width:400px;margin-bottom:0;overflow:hidden}
.mod-top {clear:both;margin-bottom:10px;overflow:hidden;position:relative;padding-bottom:15px}
.more-link-nohide {right:0;bottom:0;position:absolute;background:url("http://img2.timeinc.net/health/static/i/sprite_gen.png") right -1128px no-repeat;padding-right:15px;display:block;color:#00a1be;font-weight:bold;font-size:.9em}