/* 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}