/* ---------------------------------------------------------------------------------------
 * @TITLE: People.com Mobile Core: As part of mobile refresh
 * @RELEASE: 11/2013
 * @Version: 2
 * @NOTE:
 * @MODULES:
 *      - Reset
 *      - Main Elements
 *      - Typography
 *      - Common
 *      - Buttons / Icons
 *      - Header
 *      - Menus / jPanelMenu
 *      - Content (articles)
 *      - Components & Modules
 *      - Brightcove
 *      - Ads
 *      - Footer
 *      - Legacy
 *      - Media Queries
 *      - Article Captions
 *      - Joyous VIdeos
 *      - CSS3 Loading Animation
 * @TODO:
 *      - move all WP specific items to WP css
 *      - reorganize & clearly define module styles
 * --------------------------------------------------------------------------------------- */

/*******************************************************************************
 * Reset via http://meyerweb.com/eric/tools/css/reset/
 *******************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-family:"brandon-grotesque",sans-serif; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/*******************************************************************************
 * Main Elements
 *******************************************************************************/
* { -webkit-tap-highlight-color: rgba(0,0,0,0); } /* remove link click shade */
input { -webkit-appearance: none; -moz-appearance: none; }
body { opacity:0; transition: opacity .3s ease-in-out; overflow:hidden; }
body.no-fixed-support { overflow:auto; }
body.font-active { opacity:1; }
img { width:auto; height:auto; max-width:100%; max-height:100%; }
section { margin-bottom:0.5rem; }
input { outline:none; border-radius: 0; }
p { margin-bottom:0.7rem; line-height:1.2rem; }

/*******************************************************************************
 * Typography
 *******************************************************************************/
a { text-decoration:none; color:#0794DB; transition: color .1s ease-in-out; }
a h1,
a h3,
a span,
a .title,
a .cap-title,
a .title-tease,
a .title-tease-feat,
a time,
a .time { transition: color .1s ease-in-out; }
.hoverable a:hover,
a:active { color:#063b7d; }
.hoverable a:hover h1,
a:active h1,
.hoverable a:hover h3,
a:active h3,
.hoverable a:hover span,
a:active span,
.hoverable a:hover time,
a:active time,
.hoverable a:hover .time,
a:active .time,
.hoverable a:hover .title,
a:active .title,
.hoverable a:hover .cap-title,
a:active .cap-title,
.hoverable a:hover .title-tease,
a:active .title-tease,
.hoverable a:hover .title-tease-feat,
a:active .title-tease-feat { color:#0794DB; }
h1 { font-size:1.06em; color:#ee0077; }
h1.fancy { font-weight:bold; margin-bottom:0; }
h1.fancy a { color:#ee0077; }
h2 { font-size:0.65rem; font-weight:600; letter-spacing:0.0625em; }
h3,
.mod.most-read li a span { font-size:1rem; line-height:1.15rem; margin-bottom:0.2rem; font-weight:normal; }
time,
.time { font-size:0.6rem; line-height:1rem; text-transform:uppercase; }
cite { color:#ee0077; font-size:0.6rem; line-height:1rem; font-weight:bold; text-transform:uppercase; font-style:normal; }
cite.emphasis { color:#9627c2; }
cite.kicker { display:block; }
.err { height:1rem; line-height:1rem; color:#f00084; text-align:center; overflow:hidden; transition: height 0.3s ease-in-out; }
.err.hide { height:0; }
.msg-success { color: #08cb23; text-align: center; }
input[type="text"],
input[type="password"] {
    padding: .5em .8em .54em;
    border: 1px solid #ccc;
    border-radius: 3px;
    vertical-align: top;
}
::-webkit-input-placeholder { color:#333333; font-size:0.7rem; line-height:1.5rem; }
:-moz-placeholder { color:#333333; font-size:0.7rem; line-height:1.5rem; }
::-moz-placeholder { color:#333333; font-size:0.7rem; line-height:1.5rem; }
:-ms-input-placeholder { color:#333333; font-size:0.7rem; line-height:1.5rem; }

/*******************************************************************************
 * Common (Cascaded high to allow overrides)
 *******************************************************************************/
#header-top #btn-subscribe, .btn-action, input.btn-action,
#wp-pm-comment-form #submit {
    border-radius:3px;
}
/* standard: sprite */
.nav-trigger:after,
#nav-trigger:after,
.pm-alert .soc-tweet,
.mod section.loved figcaption:after,
.icn-question,
.mod section.emotion h2 .feel,
.btn-social,
.btn-video:after,
.social-links a {
    background:url(http://img2.timeinc.net/people/static/i/mobile/sprite-main-v2.png) no-repeat;
    background-size:74px auto;
}
/* standard header */
#header-top #btn-subscribe,
.mod h2 { font-size:0.65rem; font-weight:600; letter-spacing:0.0625em; }

/*******************************************************************************
 * Buttons / Icons
 *******************************************************************************/
.btn-action,
#wp-pm-comment-form #submit {
    padding: 9px 14px 10px;
    display: block;
    border-width: 0;
    background: #20b1ea;
    color: #fff;
    font-size: .8em;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}
#footer-article .btn-action {
    display:inline-block;
    margin:0 0.5rem;
}
.hoverable .btn-action:hover,
.btn-action:active,
.hoverable #wp-pm-comment-form #submit:hover,
#wp-pm-comment-form #submit:active { background:#067ab4; cursor:pointer; color:#fff; }
.hoverable #footer-article .btn-action:hover,
#footer-article .btn-action:active { background:rgba(6, 122, 180, .85); }
.hoverable .btn-action:hover span,
.btn-action:active span { color:#fff; }
.mod.latest-news .btn-action .btn-loader,
.load-more .btn-loader { width:13px; height:16px; position:absolute; top:50%; right:0.7rem; margin-top:-8px; display:none; transition: opacity .1s ease-in-out; }
.load-more { position:relative; }
.mod.latest-news .btn-action.loading .btn-loader,
.load-more.loading .btn-loader { opacity:1; display:block; }
.icn-question { width:17px; height:18px; display:block; background-position:right -47px; }
.arrow-up {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #20b1ea;
}
.btn-to-top {
    color: #7f7f7f;
    display: block;
    font-size: .9rem;
    font-weight: bold;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    padding-top: 16px;
    margin: 1.3rem 0 1.5rem;
}
.btn-to-top .arrow-up {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -8px;
}
.btn-social { width:33px; height:33px; display:block; }
.btn-fb, li.facebook a { background-position:0 -81px; }
.btn-twitter, li.twitter a { background-position:0 -114px; }
.btn-pinterest { background-position:0 -147px; }
.btn-instagram { background-position:0 -180px; }
.btn-tumblr { background-position:0 -213px; }
.btn-four-sq { background-position:0 -246px; }
li.sms a { background-position:0 -450px; }
li.email a { background-position:0 -413px; }
/* CODE CHANGE! 3/14/16 */
.icn-fb, .icn-twitter{display: inline-block; background: url(http://img2.timeinc.net/people/static/i/mobile/sprite-share-article2.png) no-repeat; background-size: 200px 89px;}
.icn-fb{width: 88px; height: 35px; background-position: top left; left: 0; position: relative; float: left;}
/*******************************************************************************
 * Hiding Mobile hover, because....it's mobile...
 *******************************************************************************/
/*.hoverable .icn-fb:hover,
.icn-fb:active { background-position:bottom left; }*/
.icn-twitter{width: 92px; height: 35px; background-position: top right; margin-right: 0.5rem; position: relative; margin-left: 20px;}
/*.hoverable .icn-twitter:hover,
.icn-twiter:active { background-position:bottom right; } */
#article-comments {
    margin: .4em 0 2em;
    padding: 0 .4em;
}
.btn-comments {
    display:inline-block;
    position:relative;
    padding: 10px 30px 10px 10px;
}
.btn-comments span { color:#fff; }
.btn-comments #dsq-count { border-right:#1497d0 1px solid; padding-right:0.5rem; margin-right:0.5rem; }
.btn-comments #dsq-hide-txt { display:none; }
.btn-comments.hide #dsq-hide-txt { display:inline; }
.btn-comments:after { content:""; position:absolute; top:50%; right:10px; margin-top:-3px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #fff; }
.btn-comments.hide:after { border-top:0; border-bottom: 4px solid #fff; }
.btn-video { position:relative; }
.btn-video:after { width:40px; height:40px; display:block; content:""; position:absolute; bottom:0.5rem; left:0.3rem; background-position:0 -265px;  }
a.btn-more,
.mod section > a.btn-more { display:inline-block; position:relative; padding-right:10px; font-size:0.7rem; text-transform:uppercase; font-weight:bold; color:#0794DB; transition: color .1s ease-in-out; }
.hoverable a.btn-more:hover,
a.btn-more:active,
.hoverable .mod section > a.btn-more:hover,
.mod section > a.btn-more:active { color:#063b7d; }
a.btn-more:after,
.mod section > a.btn-more:after { content:""; display:block; position:absolute; top:0; right:0; width: 0; height: 0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #ee0077; }
#top_banner { position: relative; z-index: 99; width: 100%; top: 0px; display: float; margin-left: 0px; left: 0px;}
/*******************************************************************************
 * Header
 *******************************************************************************/
#header-top { display:block; height:56px; border-bottom:solid 2px #ededed; margin-bottom:2px; position: relative;}
#header-top h1 { display:inline; display:inline-block; float:left; height:40px; padding:10px 15px 6px; margin:0; }
.nav-trigger,
#nav-trigger { width:45px; height:56px; float:left; display:inline-block; box-shadow: inset -6px 0px 6px -5px rgba(0,0,0,0.25); cursor:pointer; }
.nav-trigger:after,
#nav-trigger:after { width:40px; height:15px; display:block; content:""; background-position:left top; position:absolute; top:22px; left:12px; }
#header-top #btn-subscribe { display:inline-block; background:#f00084; color:#fff; padding:7px 13px; position:absolute; top:18px; right:0.5rem; }

/*******************************************************************************
 * Menus / jPanelMenu
 *******************************************************************************/
#nav-main { display:none; }
body.no-fixed-support #nav-main { display:block; }
.menu { background:#000; min-height:100%; }
.menu li { border-top:1px solid #343333; }
.menu li ul { display:none; }
.menu li li { border:0; }
.menu li:last-child { border-bottom:1px solid #343333; }
.menu li li:last-child { border-bottom:0; }
.menu li li:last-child a { padding-bottom:1.45rem; }
.menu li a { display:block; padding:0.95em 1em 0.95em 3em; color:#fff; text-decoration:none; font-weight:bold; font-size:0.9em; text-transform:uppercase; transition: background .1s ease-in-out; }
.menu li.expanded > a { color:#777777; }
.menu li li a { padding:0.7em 1em 0.7em 3em; text-transform:none; font-weight:normal; }
.hoverable .menu li a:hover, .menu li a:focus,
.menu li a.active { background:#20b1ea; }
.menu li:first-child a { padding:1.45em 1em 0.95em 3em; }
.menu li li:first-child a { padding:0.7em 1em 0.7em 3em; }
/* jPanelMenu */
.jPanelMenu-panel { min-width:320px; height:100%; background:#000; }
#jPanelMenu-menu > ul { margin-top:-1px; }

/*******************************************************************************
 * Content (articles)
 *******************************************************************************/
h1.title-article { font-size:1.6rem; line-height:1.7rem; color:#000; text-transform:none; font-weight:500; margin-bottom: 0.7rem; }
article.content { overflow:hidden; display:block; padding:0.5rem; border-bottom:#e6e6e6 1px solid; font-size:1.2rem; line-height:1.7rem; overflow-x:scroll; }
article.content p { font-size:1.2rem; line-height:1.7rem; }
.no-fixed-support article.content,
.no-fixed-nav article.content { border-bottom:0; }
article.content h2, article.content h3,
article.content h4, article.content h5 { margin-bottom:1rem; font-weight:bold; }
article.content figure { margin-bottom:1rem; background:#f2f0f0; }
article.content figure:first-of-type { margin-bottom:0; }
article.content figure img { max-width:100%; max-height:none; display:block; margin:auto; }
article.content figcaption { background:#e2e2e2; padding:0.4rem 0.6rem 0.3rem; font-size:0.75rem; line-height:0.9rem; }
article.content .credit { display:block; color:#656363; font-size:0.65rem; text-transform:uppercase; }
article.content .social { margin:1.2rem 0 0.7rem; }
article.content .byline { font-size:0.65rem; text-transform:uppercase; }
article.content iframe, article.content .extvideo iframe { max-width:100%; }

.tmpl-event article.content {padding:0; overflow-x:auto;}

/*******************************************************************************
 * Components/ Modules
 *******************************************************************************/
/* tout modules */
.mod { border-bottom:#e6e6e6 1px solid; padding:0 .4em 1rem; }
.mod .pmad { margin-left:-.4em; margin-right: -.4em; }
.mod h1 { padding: .4em 0; }
.mod section > a { max-width:610px; color:#000; display:table; }
.mod section figure { width:150px; height:113px; padding-right:.4em; position:relative; display:inline-block; vertical-align:top; }
.mod section figcaption { background:#ed1c24; position:absolute; padding:0 0.25rem; top:0; right:10px; z-index:1; color:#fff; font-size:0.65rem; line-height:0.89rem; font-weight:bold; text-transform:uppercase; }
.mod section span.playButton{ position:absolute; top:0; left:0px; z-index:1; display:block; width:28px; height:23px; background:url(http://img2.timeinc.net/people/static/i/news/thumb_overlay_play_sm.png); }
.mod section.royals figcaption { height:13px; line-height:13px; padding:0 29px 0 0.25rem; background:url(http://img2.timeinc.net/people/static/i/mobile/icn-royals.jpg) #007bd6 no-repeat right top; background-size:27px 13px; }
.mod section div.details { display:inline-block; display:table-cell; vertical-align: middle; }
.mod section h2 { color:#ed1c24; text-transform:uppercase; margin-bottom:0.2rem; }
.mod section.sponsored { background:#f3fcff; }
.mod section.sponsored h2 { color:#f7941e; }
.mod section.emotion h2 { height:20px; display:block; vertical-align:top; color:#20b1ea; font-size:0.55rem; line-height:1rem; font-weight:bold; text-transform:uppercase; line-height:20px; }
.mod section.emotion h2 .feel { width:20px; height:19px; display:inline-block; margin:0 1px; overflow:hidden; text-indent:-1000px; }
.mod section.emotion h2 .feel.love { background-position:0 -227px; }
.mod section.emotion h2 .feel.wow { background-position:0 -246px; }
.mod section.emotion h2 .feel.funny { background:url(http://img2.timeinc.net/people/static/mobile/i/ico-emote-funny.png) no-repeat; background-size:19px 19px; }
.mod section.emotion h2 .feel.angry { background:url(http://img2.timeinc.net/people/static/mobile/i/ico-emote-angry.png) no-repeat; background-size:19px 19px; }
.mod section.emotion h2 .feel.sad { background:url(http://img2.timeinc.net/people/static/mobile/i/ico-emote-sad.png) no-repeat; background-size:19px 19px; }
.mod section.game-of-day h2 { color:#fff; background:#88c442; display:inline-block; padding:0.1rem; }
/* alerts/ breaking news */
.pm-alert { display:block; padding:1rem 0.5rem; color:#fff; background:#ed474d; position:relative; margin-bottom: .4em; }
.pm-alert.news-package { background:#EF308F; border-top:#fff solid 1px; }
.pm-alert .hed { text-transform:uppercase; }
.pm-alert .hed,
.pm-alert .title { font-size:1rem; letter-spacing:inherit; display:inline; color:#fff; }
.pm-alert a { color:#fff; font-weight:600; }
.hoverable .pm-alert a:hover .title,
.pm-alert a:active .title,
.hoverable .pm-alert a:hover .hed,
.pm-alert a:active .hed { color:#fff; font-weight:600; }
.pm-alert.news-breaking a:not(.soc-tweet) { width:85%; display:block; line-height:1.1rem; }
.pm-alert .soc-tweet { width:30px; height:30px; background-position:0 -17px; position:absolute; top:50%; right:0.7rem; margin-top:-15px; }
/* top story */
.mod.top-story { padding-bottom:0; }
.mod.top-story section h3 { font-weight:bold; }
.mod.top-story section h2 { font-size:0.9rem; letter-spacing:inherit; }
/* latest news */
.tmpl-home .mod.latest-news { border-bottom:0; }
.mod.latest-news h1 { color:#ed1c24; }
/* video */
.optional-first .mod.video,
.tmpl-article .mod.video{ padding-top:1.1rem; }
.mod.video section div.details { width:100%; display:block; clear:both; padding:0.4rem 0; }
.mod.video section figure { width:100%; display:block; max-width:none; padding-right:0; position:relative;}
/* photos */
.mod.photos h1 { color:#9627c2; }
.mod.photos section { vertical-align: top; }
/* most read */
.mod.most-read { padding-bottom:0; }
.mod.most-read ul { display:block; position:relative; }
.mod.most-read li { margin-bottom:1.2rem; min-height:22px; }
.mod.most-read li a { position:relative; color:#000; }
.hoverable .mod.most-read li a:hover,
.mod.most-read li a:active { color:#0794DB; }
.mod.most-read li img { display:none; }
.mod.most-read li a span { padding-left:36px; line-height:24px; display:block; }
.mod.most-read li a span.num { width:24px; height:24px; line-height:24px; font-size:0.9rem; line-height:22px; font-weight:bold; text-align:center; color:#fff; background:#ee0077; padding-left:0; position:absolute; top:0; left:0; }
.mod.most-read section figure { width:auto; height:auto; padding:0; display:inline; }
/* more */
.mod.more section { width:100%; }
.mod.more li a { max-width: none; padding: 1rem 0; border-top: #e6e6e6 1px solid; display:block; }
.mod.more li:first-child a { border-top: 0; padding-top: 0.2rem; }
.mod.more li:last-child a { padding-bottom: 0.2rem; }
.mod.more section { margin-bottom:0; }
.mod.more section a h2 { color: #000; text-transform: none; margin-bottom: 0; font-weight: normal; font-size: 0.9rem; }
.mod.more section a .time { color: #000; margin-bottom:0; }
.hoverable .mod.more section a:hover h2,
.mod.more section a:active h2,
.hoverable .mod.more section a:hover .time,
.mod.more section a:active .time { color:#0794DB; }
.mod.more a.btn-more { float:right; }
/* optional modules */
.mod.optional h1 { color:#20b1ea; }
.optional-first .mod.optional:first-child { border-top:#e6e6e6 1px solid; }
.mod.feature { background:#f7f6f6; position: relative; padding-top:50px; }
.mod.feature h1 { margin-top:0; }
.mod.feature .hed-featured { width:100%; height:30px; position:absolute; top:0; left:0; display:block; background-size:100% 60px; background-position:bottom left; background-repeat:no-repeat; z-index:0; }
.mod.feature .hed-featured span { width:100%; height:30px; position:absolute; top:0; left:0; display:block; background-size:auto 60px; background-position:top left; background-repeat:no-repeat; z-index:1; }
/* from our partners/ around the web */
.mod.partners-web, .mod.adj, .col.pm-col-c {
    padding:0 .4em;
}
.mod.partners-web section {
    border-bottom: 1px solid #e6e6e6;
    padding: 1em 0;
    margin-bottom: 0;
}
.mod.partners-web .ob_container a,
.mod.partners-web .partners a {
    margin-top:1rem;
    font-size:1rem !important;
    line-height:1.2rem !important;
    color:#000;
    display:block;
}
.mod.partners-web .partners a h1 { font-size:inherit; text-transform:none; font-weight:normal; color:#000; margin:0; }
.hoverable .mod.partners-web .partners a:hover,
.mod.partners-web .partners a:active,
.hoverable .mod.partners-web .partners a:hover h1,
.mod.partners-web .partners a:active h1{ color:#20B1EA; }
.mod.partners-web .icn-question { position:absolute; top:50%; right:0; margin-top:-9px; }
.partners-huff:before,
.partners-today:before { display:block; content:""; background:url("http://img2.timeinc.net/people/static/i/mobile/sprite-partners.jpg") no-repeat; background-size:224px auto; }
.partners-huff:before { width:224px; height:14px; margin-top:1em; }
.partners-today:before { width:224px; height:14px; margin:1rem 0 0.5rem; background-position:bottom left; }
.tmpl-home .partners-today,
.tmpl-channel .partners-today,
.tmpl-videoplayer .partners-today { display:none; }
.tmpl-article .around-web { display:none; }
/* outbrain overrides */
.mod.just-for-you h1,
.mod.just-for-you .ob_org_header { display:block; font-size: 1.1rem; text-transform: uppercase; font-weight: bold; color:#f7941e; margin: 0.7rem 0 0.5rem 0; }
.mod .item-container { width:100% !important; display:table; color:#000; margin-bottom:0.5rem !important; padding-right:0 !important; }
.mod.just-for-you .ob-rec-link-img { width:150px; padding-right: 10px; position: relative; display: inline-block; display: table-cell; vertical-align: top; float:none !important; }
.mod.just-for-you .ob-rec-link-img img { width:100% !important; height:auto !important; }
.mod .ob-text-content { display: inline-block; display: table-cell; vertical-align: middle; }
.mod .ob-text-content div,
.mod .ob-text-content > a { font-size:1rem; line-height:1.15rem; color:#000; padding-right: 0.3rem; }
.hoverable .mod a:hover .ob-text-content div,
.mod a:active .ob-text-content div,
.hoverable .mod .ob-text-content > a:hover,
.mod .ob-text-content > a:active { color:#20B1EA; }
.mod .ob_container_recs { position:relative !important; }
.mod .ob_what { padding:0 !important; text-align:left !important; }
.mod .ob_container_shadow .item-container-shadow { position:absolute !important; }
.mod.partners-web section > h1,
.mod.partners-web .ob_org_header {
    color:#7f7f7f;
    font-size:.8rem;
    font-weight:500;
    display:block;
    position:relative;
    text-transform: uppercase;
    margin: 0;
}
.mod.partners-web section > a span,
.mod .ob_source { width:100%; color:#7f7f7f; display:block !important; font-size:0.8rem; line-height:1.1rem; }
.mod .odb_div { padding-bottom:0 !important; margin-bottom:0.8rem; }
.mod .odb_div a,
.mod .odb_div a:visited { color:#000; }
.hoverable .mod .odb_div a:hover,
.mod .odb_div a:active { color:#20B1EA; }
.mod .ob_dual_left,
.mod .ob_dual_right { padding:0 !important; width:100% !important; }
/* premium today */
.mod.premium-today h1 { color:#9627c2; }
/* misc mod content */
.feedback { max-width:300px; border:1px dashed #8cddff; padding:3px; display:block; margin:0.5rem auto 0; border-radius: 3px; }
.feedback a { display:block; padding:0.5rem 0.5rem 0.5rem 40px; background:#33bff6; color:#000; font-size: 0.95rem; line-height: 1.3rem; border-radius: 3px; position:relative; }
.feedback a span { color:#fff; }
.hoverable .feedback a:hover span,
.feedback a:active span { color:#fff; text-decoration:underline; }
.feedback a:after { width:45px; height:45px; display:block; content:""; position:absolute; top:0.5rem; left:10px; background-position:0 -306px;  }
/*outbrain over-rides PEOP-4638*/
.MB_2 .ob_dual_right { margin-top: .5rem; }
.mod.just-for-you .MB_2 .ob-rec-link-img { width: 90%; display: inline-block; margin-bottom: 0; }
.MB_2 .ob-text-content { display: block; margin-top: 8px; width: 90%; }
.MB_2 .odb_div { clear: both; width: 50% !important; float: left; }
.MB_2 .odb_div.ob-even { clear:none; }
/*PEOP-5604 Lazy-load Ad*/
#Ad300X250_multi_lower{padding-top: 1em;}
#Ad300X250_multi_lower, #Ad300X250_multi{text-align: center;}
/*******************************************************************************
 * Brightcove
 *******************************************************************************/
.brightcovemain{ text-align:center;}
#BCLcontainingBlock { width: 100%;margin-left: 10px;margin-bottom: 10px;float: right; }
.BCLvideoWrapper { position: relative;padding-top: 1px;padding-bottom: 56.25%;height: 0; }
* html .BCLvideoWrapper { margin-bottom: 45px;margin-top: 0;width: 100%;height: 100%; }
.BCLvideoWrapper div, .BCLvideoWrapper embed, .BCLvideoWrapper object,
.BrightcoveExperience { /* position: absolute;width: 100%;height: 100%;left: 0;top: 0; */ }
.brightcovePlayerEmbedded,
.brightcovePlayerInline { display: block; width: 100%; position: relative; height:auto!important; padding-top: 0px!important; }

/*******************************************************************************
 * Footers
 *******************************************************************************/
/* subscribe */
#footer-main .subscribe {
    overflow: hidden;
    padding: 1.4em .4em;
    background-color: #e9e9e9;
    text-align: center;
}
#footer-main .subscribe p {
    font-size: 1.1em;
    font-weight: 500;
}
#footer-main .subscribe input {
    display: inline;
    margin: 0;
}
#footer-main .subscribe input[type="text"] {
    width: 55%;
    font-size: .9em;
    color: darkgrey;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: -4px;
}
#footer-main .subscribe .btn-action {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/* follow us */
#footer-main .follow {
    padding: 1em .4em;
}
#footer-main .follow h1 {
    margin-top: 0;
    color: #7f7f7f;
    display: block;
    font-size: .9em;
    font-weight: bold;
    text-align: center;
    position: relative;
    text-transform: uppercase;
}
#footer-main .follow ul { text-align:center; margin-top:0.7rem; }
#footer-main .follow ul li { display:inline-block; margin-right:15px; }
#footer-main .follow ul li:last-child { margin-right:0; }
/* footer nav */
#nav-foot-sub a, .closing, .closing p {
    font-size: .9em;
    font-weight: 400;
}
#nav-foot {
    border-top: 1px solid #e6e6e6;
    padding: 1em .4em 0;
}
#nav-foot li {
    display: inline-block;
    width: 49%;
    padding: .4em 0;
    font-size: .94em;
    font-weight: 500;
}
#nav-tools {
    display: none;
    margin-bottom: 1em;
}
#nav-tools a {
    padding: .4em 0;
}
#nav-foot-sub li {
    padding: .4em;
}
#nav-tools a,
.nav-tools-expanded #nav-tools {
    display: block;
}
.closing {
    padding: .4em;
}
.closing p {
    margin-top: 2em;
    color: darkgrey;
}
/* article share/react/next */
#footer-article { width:100%; position:fixed; bottom:0; left:0; display:block; background:rgba(255, 255, 255, .85); padding:0.6rem 0; overflow:hidden; z-index:50; }
.no-fixed-support #footer-article,
.no-fixed-nav #footer-article { border-bottom:#e6e6e6 1px solid; position:relative; }
#footer-article .share-react { float:left; position:relative; }
#footer-article .share-react span:last-child { display:none; }
.no-fixed-support #footer-article .share-react { display:none; }
#footer-article .share-react.active-emote-wow span:last-child,
#footer-article .share-react.active-emote-funny span:last-child,
#footer-article .share-react.active-emote-love span:last-child,
#footer-article .share-react.active-emote-sad span:last-child,
#footer-article .share-react.active-emote-angry span:last-child { width:20px; height:20px; display:inline-block; margin-bottom:2px; vertical-align:middle; overflow:hidden; text-indent:-1000px; background-image: url("http://img2.timeinc.net/people/static/mobile/i/ico-emote-angry-sm.png"); }
#footer-article .share-react.active-emote-wow:after,
#footer-article .share-react.active-emote-funny:after,
#footer-article .share-react.active-emote-love:after,
#footer-article .share-react.active-emote-sad:after,
#footer-article .share-react.active-emote-angry:after { left:inherit; right:40px; }
#footer-article .share-react.active-emote-wow span:last-child { background-image: url("http://img2.timeinc.net/people/static/mobile/i/ico-emote-wow-sm.png"); }
#footer-article .share-react.active-emote-funny span:last-child { background-image: url("http://img2.timeinc.net/people/static/mobile/i/ico-emote-funny-sm.png"); }
#footer-article .share-react.active-emote-love span:last-child { background-image: url("http://img2.timeinc.net/people/static/mobile/i/ico-emote-love-sm.png"); }
#footer-article .share-react.active-emote-sad span:last-child { background-image: url("http://img2.timeinc.net/people/static/mobile/i/ico-emote-sad-sm.png"); }
#footer-article .next-article { float:right; position:relative; }

/*******************************************************************************
 * Legacy (needs review and reorganization)
 *******************************************************************************/
/* Inline Tweets */
.inline-tweet {
    display:inline;
    padding:1px 0 1px 1px;
    margin-right:3px;
    background:#ededed url(http://img2.timeinc.net/people/static/i/article/inline-tweet-smaller.png) right 5px no-repeat;}
.inline-tweet.hover { background-color:#def8ff; }
.inline-tweet > span { padding-right:20px; }
.inline-tweet-link { display:none; }
/* Facebook Like Proc */
.tmpl-article #fb-like-people {
    padding:20px 124px 0 0;
    background:transparent url(http://img2.timeinc.net/people/static/i/article/follow-people.png) 0 0 no-repeat;
}
/* Implement Facebook Like Proc using system text and no count */
.fb-like-article-wrapper {background:transparent url(http://img2.timeinc.net/people/static/i/article/follow-people-retina.png) 50px 20px no-repeat;background-size:37px;}
.fb-like-article-wrapper.fb-redcarpet {background:none;}
.fb-like-article-wrapper.fb-redcarpet .mobile-wrapper{width:50px; padding-right:35px; background:transparent url(http://img2.timeinc.net/people/static/i/article/follow-people-retina.png) top right no-repeat;background-size:31px;}
.fb-like-article-wrapper strong {display:block;padding-bottom:2px;font-weight:bold;color:#e07;}
.fb-like-article-wrapper .fb-like {height:20px;/*overflow:hidden;*/}
.fb-like-article-wrapper span {height:20px;overflow:hidden; vertical-align:top !important;}
.fb-like-article-wrapper span iframe {height:20px; position:relative;/*top:-41px;*/}
/* Social Bar */
#social-bar {display:none;}
#social-bar.show {
    display:block;
    z-index: 60000;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    padding: 10px 25px;
    color:#fff;
    background: #0f97fc; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #0f97fc 0%, #0f97fc 50%, #0093fa 51%, #0093fa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#0f97fc), color-stop(50%,#0f97fc), color-stop(51%,#0093fa), color-stop(100%,#0093fa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #0f97fc 0%,#0f97fc 50%,#0093fa 51%,#0093fa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #0f97fc 0%,#0f97fc 50%,#0093fa 51%,#0093fa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #0f97fc 0%,#0f97fc 50%,#0093fa 51%,#0093fa 100%); /* IE10+ */
    background: linear-gradient(135deg,  #0f97fc 0%,#0f97fc 50%,#0093fa 51%,#0093fa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f97fc', endColorstr='#0093fa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#social-bar.hide-permanently, #social-bar.show.hide-permanently {display:none;}
#social-bar .close {
    position: absolute;
    top: 5px;
    right: 65px;
    display: block;
    width: 26px;
    height: 27px;
    background: transparent url(http://img2.timeinc.net/people/static/mobile/i/social-overlay/social-banner-close.png) 0 0 no-repeat;
    font-size: 0;
}
#social-bar p {
    float: left;
    font-size: 17px;
    font-weight: 100;
    margin: 10px 0;
}
#social-bar .social-buttons-wrapper {
    float: right;
    width: 125px;
    margin-top: 15px;
    margin-right: 70px;
}
#social-bar .social-button {
    float: left;
}
#social-bar .social-button.fb {
    width: 48px;
    height: 20px;
    margin-right: 15px;
    overflow: hidden;
    font-size: 0;
}
#social-bar .social-button.fb .fb-like {
    position: relative;
    top: -41px;
}
#social-bar .social-button.twitter {
    width: 60px;
    height: 20px;
    overflow: hidden;
    font-size: 0;
}
#social-bar .social-button.twitter iframe { float: none; }
/* Component N: Emotishare widget thing */
.social-links { padding: 0 .4em; }
.social-links li, .social-links a, .emotes li {
    display: inline;
    display: inline-block;
}
.social-links li {
    margin-right:15px;
}
.social-links a {
    display: block;
    text-indent: -999em;
    width: 33px;
    height: 33px;
}
.social-links img {
    vertical-align: middle;
    max-width: 32px;
}
.emotes {
    font-size: .6em;
    display: none;
}
.emotes li { padding: 1.4em .4em 1em; }
.emotes img {
    position: relative;
    transition: top 0.1s linear;
    top: 0;
    width: 32px;
}
.hoverable .emotes label:hover img, .hoverable .emotes label:focus img, .emotes label:active img { top: -0.3em; }
.emotes label { cursor: pointer; padding: 2em 0.2em; }
.emotes input.radio { position: absolute; left: -1000em; }
.emotes .submit { position: absolute; left: -1000em; }
/* .emotishare wrapper - generated by JS */
.emotishare .inner {
    width:100%;
    background:rgba(255, 255, 255, 0.85);
}
.emotishare .inner.collapsible-collapsed { background:#ee0077; border:#f24099 1px solid; }
.emotishare .collapsible-heading-toggle {
    color:#fff; text-shadow: 2px -2px 10px rgba(115, 0, 58, 0.7);
}
.emotishare .social-links {
    /* background: url("http://img2.timeinc.net/people/static/mobile/i/bg-emote-h.jpg") repeat-x 0 100%; */
    border-bottom:#fff solid 1px;
}
.emotishare > section { margin-bottom:0; }
.emotishare .hed {
    background: url("http://img2.timeinc.net/people/static/mobile/i/bg-emote-v.jpg") repeat-y center 0;
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 1;
}
.emotishare .hed a { /* sets the default icon that shows up to the user */
    background-repeat:no-repeat;
    background-position:1em 0.5em;
    display: block;
    padding: 1em 1em 1em 1em;
}
.emotishare strong.share { padding-right: 1em; }
.active-emote-wow .hed a { background-image: url("http://img2.timeinc.net/people/static/mobile/i/ico-emote-wow-sm.png"); }
.active-emote-funny .hed a { background-image: url("http://img2.timeinc.net/people/static/mobile/i/ico-emote-funny-sm.png"); }
.active-emote-love .hed a { background-image: url("http://img2.timeinc.net/people/static/mobile/i/ico-emote-love-sm.png"); }
.active-emote-sad .hed a { background-image: url("http://img2.timeinc.net/people/static/mobile/i/ico-emote-sad-sm.png"); }
.active-emote-angry .hed a { background-image: url("http://img2.timeinc.net/people/static/mobile/i/ico-emote-angry-sm.png"); }
.active-emote-wow .hed a, .active-emote-funny .hed a, .active-emote-love .hed a, .active-emote-sad .hed a, .active-emote-angry .hed a { background-position: 6.5em; }
.active-emote-wow .hed a strong.react, .active-emote-funny .hed a strong.react, .active-emote-love .hed a strong.react, .active-emote-sad .hed a strong.react, .active-emote-angry .hed a strong.react { visibility: hidden; }
.emotes li.disabled span, .emotes li.disabled label  {cursor:default;}
.emotes li.disabled label img, .hoverable .emotes li.disabled label:hover img, .emotes li.disabled label:active img, .hoverable .emotes li.disabled label:focus img {opacity:.5; cursor:default; top:0;}
.fixed-support .emotishare {
    width:100%;
    bottom:0;
    right: 0;
    position: fixed;
    z-index: 100;
    display:none;
}
.fixed-support .emotishare .social-links {
    padding-top: .45em;
    padding-bottom: .45em;
}
.fixed-support .emotishare .social-links a {
    text-indent: initial;
    background-image: none;
}
.emotishare .collapsible-heading-expanded { display: none; }
.emotishare-open #footer-article .btn-action.share-react { display:none; }
/* Component N: Emotishare widget thing (in-article variant, pre-JS) */
.hed-social { padding: 0.35em 3.125% 0.2em; /* 10/320 */ }
.content-social { margin-bottom: 1px; }
#likes-submitiframe { position:absolute; }
/* Collapsible toggles  */
.collapsible-heading { position: relative; }
.collapsible-heading-status { text-indent: -99999px;    /* if hiding, hide accessibly */ }
.collapsible-content { display: block; }
.collapsible-content-collapsed { display: none; }
/* Poll */
.promo-poll { background: #8CDDFF; padding: 1rem 1rem 0.05rem; margin: 0.5rem 0; }
.promo-poll #submitiframe { position: absolute; }
.promo-poll h1 { color:#fff; }
.poll { font-size: 11px; }
.poll legend, .poll ul { margin-bottom: 1em; font-size: 1.1rem; }
.poll li { clear: left; list-style: none; font-weight: bold; }
.poll label {
    font-size: 1rem;
    line-height: 1.45rem;
    display: block;
    cursor: pointer;
    padding: 1em 0;
    transition: text-indent 0.1s linear;
}
.hoverable .poll label:hover, .hoverable .poll label:focus, .poll label:active { text-indent: 1em; }
.poll .option {
    float: left;
    margin-right: 1em;
    transition: margin-right 0.1s linear;
}
.poll .option:focus { margin-right: 2em; }
.promo-poll .btn-action { min-width: 200px; }
.hoverable .poll label:hover .option:focus { margin-right: 1em; }
.showresults .poll li {clear:both; padding-top:5px;}
.showresults .poll li:last-child {padding-bottom:5px;}
.showresults .poll li span.polltext {display:block; font-weight:bold;}
.showresults .poll li .barframe {float:left; width:85%; background:#eee;}
.showresults .poll li .percentbar {height:20px; background:#e07; color:#fff;}
.showresults .poll li .votepercent {float:left; padding-left:2%;}
.showresults .poll li .votetotal {display:none;}
.has-likes {
    background: #FFF;
    border: 1px solid #B5B5B5;
    border-radius: 3px;
    color: #333;
    display: block;

    bottom: 1em;
    font-size: 10px;
    line-height: 1;
    min-width: 1em;
    position: absolute;
    left: -1000em;
    padding: 0.3em;
    text-align: center;
}
.likes { left: auto; right: 3.125%; }
.likes:before, .likes:after {
    border-style: solid;
    content: "";
    display: block;
    position: absolute;
    width: 0;
}
.likes:before {
    border-color: transparent #B5B5B5;
    border-width: 3px 3px 3px 0;
    bottom: 0.65em;
    left: -4px;
    z-index: 5;
}
.likes:after {
    border-color: transparent #FFF;
    border-width: 3px 3px 3px 0;
    bottom: 0.65em;
    left: -3px;
    z-index: 10;
}

/* browsers without fixed support */
.emote-wrap.emotishare { text-align: center; padding-top: 1.5rem; }
.emote-wrap.emotishare a { display:block; }
.emote-wrap.emotishare .hed { display:none; }
.emote-wrap.emotishare .mod { border-bottom:0; margin:0; padding:0; }
.emote-wrap.emotishare section,
.emote-wrap.emotishare .content-social { margin-bottom:0; }
.emote-wrap.emotishare .emotes { border-bottom:#d4d3d3 1px solid; border-right:#d4d3d3 1px solid; border-left:#d4d3d3 1px solid; background:0; overflow:hidden; }
.emote-wrap.emotishare .emotes li { padding: 1.4em 0 0.5em; }
.emote-wrap.emotishare .mod:first-child .content-social { border-top:#d4d3d3 1px solid; border-right:#d4d3d3 1px solid; border-left:#d4d3d3 1px solid;border-top-left-radius: 4px; border-top-right-radius: 4px; }
/* Video */
.vframe { position: relative; }
.aspect-4-3 { padding-top: 75%; }
.aspect-16-9 { padding-top: 56.2%; }
.vid .BrightcoveExperience { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

/* Article Infographics */
.infographic {clear:both; width:600px; position:relative;}
.infographic .image {width:600px; z-index:10;}
.infographic ul.sharecard {width:180px; position:absolute; bottom:15px; right:5px; z-index:20;}
.infographic .sharecard li {float:left; display:block; height:35px; padding-left:8px;}
.infographic .sharecard a {display:block; width:35px; height:35px; text-indent:-9999px; overflow:hidden; color:#000; background:url('http://img2.timeinc.net/people/static/i/sprite-social-updates.png') no-repeat;}
.infographic .sharecard .fbshare a {background-position:-23px -138px;}
.infographic .sharecard .twitter a {background-position:-71px -138px;}
.infographic .sharecard .pinterest a {background-position:-119px -138px;}
.infographic .sharecard .tumblr a {background-position:-263px -138px;}
.infographic .sharecard .fbshare a:hover {background-position:-23px -189px;}
.infographic .sharecard .twitter a:hover {background-position:-71px -189px;}
.infographic .sharecard .pinterest a:hover {background-position:-119px -189px;}
.infographic .sharecard .tumblr a:hover {background-position:-263px -189px;}





/* -------- Video Module Styles --------- */

.video-module {position:relative; /*width:600px;  no fixed width if responsive */ overflow:hidden;}
.video-module .overlay-wrapper, .video-module .video-placeholder {display:block; /*width:600px; no fixed width if responsive */}

.video-module .overlay-wrapper {}
.video-module .overlay-meta {float:left;}
.video-module .overlay-caption {margin:0; padding:0 0 4px 0; font:bold 11px arial,sans-serif; color:#000;}
.video-module .overlay-credit {margin:0; padding:0 0 4px 0; font:normal 10px arial,sans-serif; color:#727272; text-transform:uppercase;}
.video-module .overlay-image {position: relative;}
.video-module .overlay-image .icon-play {
    display:none; width:60px; height:37px; padding:13px 0 0 50px; position:absolute; overflow:hidden;
    background:url('http://img2.timeinc.net/people/static/i/video/icon-video-arrow.png') 14px 10px no-repeat; background-color:rgba(32,177,234,0.90); background-size:25px;
    font:bold 18px arial, sans-serif; color:#fff; text-transform:uppercase;
}
.video-module .overlay-image .icon-play.hide-text {width:50px; height:37px; padding:13px 0 0 0; text-indent:-99999px;}

.video-module .overlay-share {float:right; /*width:105px;*/ width:147px;}
.video-module .overlay-share .social {/*width:105px;*/ width:147px;margin:0; padding:3px 0 0 0;}
.video-module .overlay-share .social li {display:block; float:left; width:25px; padding-left:10px;}
.video-module .overlay-share .social li a {width:24px; height:24px; display:block; overflow:hidden; text-indent:-9999px; background:url('http://img2.timeinc.net/people/static/i/video/sprite-video-share.png') no-repeat;}
.video-module .overlay-share .social li.facebook a {background-position:0 -300px;}
.video-module .overlay-share .social li.facebook a:hover {background-position:0px -350px;}
.video-module .overlay-share .social li.twitter a {background-position:-50px -300px;}
.video-module .overlay-share .social li.twitter a:hover {background-position:-50px -350px;}
.video-module .overlay-share .social li.pinterest {width:30px;}
.video-module .overlay-share .social li.pinterest a {width:30px; background-position:-100px -300px;}
.video-module .overlay-share .social li.pinterest a:hover {background-position:-100px -350px;}
.video-module .overlay-share .social li.tumblr a {background-position:-146px -300px;}
.video-module .overlay-share .social li.tumblr a:hover {background-position:-146px -350px;}

.video-module.video300x400, .video-module.video300x400 .overlay-wrapper {width:300px;}
.video-module.video300x400 .overlay-meta {width:195px;}
.video-module.video600x338, .video-module.video600x338 .overlay-wrapper,
.video-module.video600x450, .video-module.video600x450 .overlay-wrapper {width:600px;}
.video-module.video600x338 .overlay-meta, .video-module.video600x450 .overlay-meta {width:495px;}

.video-module .BrightcoveExperience {position:absolute; top:0; left:0; width:100%; height:100%;}
.video-module .video-placeholder {position:relative; padding-bottom:56.25%; /* 16:9 ration*/}
.video-module .video-placeholder.has-overlay {width:0; height:0; text-indent:-99999px;}

.video-module .playlist-meta p {}
.video-module .playlist-meta .pub-date {margin:0; padding:0; font:bold 12px arial,sans-serif;}
.video-module .playlist-meta h4 {margin:0; padding:0; font:normal 18px arial,sans-serif;}
.video-module .playlist-meta h4 a {color:#000; text-decoration:none;}
.video-module .playlist-meta h4 a:hover {text-decoration:underline;}
.video-module .playlist-meta .desc {margin:0; padding:3px 0; font:normal 14px arial,sans-serif;}
.video-module .playlist-meta .more {display:inline; background:url("http://img2.timeinc.net/people/static/i/spritearrow_8.png") no-repeat scroll right -92px;}
.video-module .playlist-meta .more a {padding-right:7px; font:bold 11px arial,sans-serif; color:#067AB4; text-decoration:none; text-transform:uppercase; white-space:nowrap;}
.video-module .playlist-meta .more a:hover {text-decoration:underline;}

.tmpl-home .video-module .video-share {display:none !important;}
.tmpl-article #async .mod.video .video-share {display:none !important;}

/*******************************************************************************
 * Media Queries
 *******************************************************************************/

/* default is larger tablet sizes. */
@media screen and (max-width: 510px) {
    #social-bar.show { padding: 10px; }
    #social-bar .close { right: 25px; }
    #social-bar p { width: 155px; margin-top: 0; }
    #social-bar .social-buttons-wrapper {
        width: auto;
        margin-top: 25px;
        margin-right: 35px;
    }
    #social-bar .social-button.fb { margin-right: 10px; }

    /*.fb-like-article-wrapper.fb-redcarpet {background:transparent url(http://img2.timeinc.net/people/static/i/article/follow-people-retina.png) 50px 50px no-repeat;background-size:35px;}*/
}
/* mobile devices landscape */
@media screen and (max-width:35em) {
    #nav-tools a { width:49%; text-align:center; border:0; padding:0; display:inline-block; }
    /*.fb-like-article-wrapper.fb-redcarpet {background:transparent url(http://img2.timeinc.net/people/static/i/article/follow-people-retina.png) 50px 52px no-repeat;background-size:30px;}*/
}
/* Breakpoint #2 */
@media screen and (min-width: 37.5em) {
    * { max-height: 999999px } /* to correct non load of typekit font on droid tablets per bug: https://code.google.com/p/chromium/issues/detail?id=138257 */
    h3, .mod.most-read li a span { font-size:1.3rem; line-height:1.4rem; }
    .mod .ob-text-content div,
    .mod .ob-text-content > a { font-size:1.3rem !important; line-height:1.4rem !important; }
    .mod.top-story section h3 { font-size:1.5rem; line-height:1.6rem; font-weight: bold; }
    .mod.feature .hed-featured { height:40px; background-size:100% 80px; }
    .mod.feature .hed-featured span { height:40px; position:absolute; background-size:auto 80px; }
    .feedback { max-width:355px; }
    .feedback a { font-size:1.2rem; line-height:1.4rem;}
    .btn-action { margin:1.5rem auto 1.5rem; }
    /* a.ft-more { margin:1.5rem auto 1.5rem; } */
    #footer-main .subscribe { margin: 0 auto 2rem; max-width: 335px; }
    article.content figure { margin:1rem auto; clear:both; }
    /*
    article.content figure { width:40%; float:left; margin:1rem 20% 1rem 0; }
    article.content figure:nth-of-type(even) { float:left; margin:1rem 20% 1rem 0; }
    article.content figure:nth-of-type(odd) { float:right; margin:1rem 0 1rem 10%; }
    */
    article.content figure:first-of-type { width:40%; float:right; margin:3.4rem 0 1rem 1rem; }
    .mod.video section { width:70%; margin: 0 auto;}
    .mod section.game-of-day h2 { padding:0.25rem; }
    /* legacy */
    .emotishare { position: relative; }
    .emotes label { padding: 2em 0.75em; }
    .fixed-support .emotishare { right: 0; bottom: 0; width: 100%; }
    .emotishare .inner { position: absolute; bottom: 0; }
}
/* Breakpoint #3 */
@media screen and (min-width: 47.5em) {
    /* modules */
    .mod h3 { padding-right: 0.7rem; }
    .mod section { width:49%; display:inline-block; }
    .mod.latest-news .pm-ad,
    .mod.photos .pm-ad { display:inline; }
    .mod.partners-web { border-bottom:#e6e6e6 1px solid; overflow:hidden; }
    .mod.partners-web h1,
    .mod.partners-web .ob_org_header,
    .mod.partners-web section > h1 { text-align:left; }
    .mod.partners-web section { width:48%; padding:0.5rem 1% 1rem; border-bottom:0; float:left; }
    .tmpl-article .mod.partners-web section { width:100%; }
    .tmpl-article .mod.partners-web section > h1 { text-align:center; }
    .tmpl-article .partners-huff,
    .tmpl-article .partners-today { display:inline-block; width:49.5%; float:left; }
    .partners-today:before { margin: 0 0 0.5rem; }
    .mod.partners-web section:nth-child(2) { padding-left:0; }
    .mod.top-story section { width:100%; display:inline-block; }
    .mod.video h3 { font-size:1.5rem; line-height:1.7rem; }
    .mod.video section { width:100%; display:table; margin: 0; }
    .mod.video section div.details { width:50%; display:table-cell; padding:0.4rem 0 0 1.5rem; }
    .mod.video section figure { width:50%; display:table-cell; }
    .mod.most-read section figure { display:table-cell; }
    .mod.most-read section { width:100%; overflow:hidden; }
    .mod.most-read ul { width:49%; display:inline-block; float:left; }
    .mod.most-read ul:first-child li:first-child { position:relative; }
    .mod.most-read ul:first-child li:first-child a { display:table; }
    .mod.most-read ul:first-child li:first-child a > span { padding-left:10px; vertical-align:middle; display:table-cell; }
    .mod.most-read ul:nth-child(2) li { min-height: 2.1rem; margin-bottom:2rem; }
    .mod.most-read ul:nth-child(2) li:last-child { margin-bottom:0; }
    .mod.most-read li figure { width:150px; }
    .mod.most-read li img { display:inline-block; }
    /* outbrain */
    .mod .ob_dual_left, .mod .ob_dual_right { width:49% !important; }
    .mod .ob_dual_right { margin-top: 2.3rem; }
    .mod .item-container { width:49.5% !important; }
    /* video */
    .brightcovePlayerEmbedded,
    .brightcovePlayerInline { display: block; width: 55%; position: relative; }
}

/*******************************************************************************
 * Joyous Videos (TICKET 2728 - G)
 *******************************************************************************/
.joyus_iframe{max-width:inherit!important;}
@media screen and (max-device-width: 480px) and (orientation: portrait){
    .joyus_iframe{
        transform: scale(0.5);
        margin:-178px 0px -178px -148px!important;
        height: 700px;
        max-width:inherit!important;
    }
}
@media screen and (max-device-width: 640px) and (orientation: landscape){
    .joyus_iframe{
        transform: scale(0.77);
        margin:-80px 0px -80px -68px!important;
        height: 700px;
        max-width:inherit!important;
    }
}

/*******************************************************************************
 * CSS3 Loading Animation
 *******************************************************************************/
#floatingBarsG{ position:relative; width:13px; height:16px; }
.blockG{
    position:absolute;
    background-color:transparent;
    width:2px;
    height:5px;
    border-radius:2px 2px 0 0;
    transform:scale(0.4);
    animation-name:fadeG;
    animation-duration:0.64s;
    animation-iteration-count:infinite;
    animation-direction:linear;
}
#rotateG_01{
    left:0;
    top:6px;
    animation-delay:0.24000000000000005s;
    transform:rotate(-90deg);
}
#rotateG_02{
    left:2px;
    top:2px;
    animation-delay:0.32s;
    transform:rotate(-45deg);
}
#rotateG_03{
    left:5px;
    top:1px;
    animation-delay:0.4s;
    transform:rotate(0deg);
}
#rotateG_04{
    right:2px;
    top:2px;
    animation-delay:0.4800000000000001s;
    transform:rotate(45deg);
}
#rotateG_05{
    right:0;
    top:6px;
    animation-delay:0.56s;
    transform:rotate(90deg);
}
#rotateG_06{
    right:2px;
    bottom:1px;
    animation-delay:0.64s;
    transform:rotate(135deg);
}
#rotateG_07{
    bottom:0;
    left:5px;
    animation-delay:0.72s;
    transform:rotate(180deg);
}
#rotateG_08{
    left:2px;
    bottom:1px;
    animation-delay:0.8s;
    transform:rotate(-135deg);
}
@-moz-keyframes fadeG{
    0%{background-color:#fff}
    100%{background-color:transparent;}
}
@-webkit-keyframes fadeG{
    0%{background-color:#fff}
    100%{background-color:transparent;}
}
@-ms-keyframes fadeG{
    0%{background-color:#fff}
    100%{background-color:transparent;}
}
@-o-keyframes fadeG{
    0%{background-color:#fff}
    100%{background-color:transparent;}
}
@keyframes fadeG{
    0%{background-color:#fff}
    100%{background-color:transparent;}
}

/* Remove From Most Read caption from latest news (temp fix) - G 5/13/14 */
body.tmpl-home .latest-news section a figure figcaption{ display:none!important;}

/* Updates for Premium Auth and Nav. */
.nav-main .sign-in-nav {
    background: #fff;
    height: 55px;
    overflow: hidden;
}
.nav-main .sign-in-nav iframe {
    margin-top: 4px;
}
.nav-main .nav-item-premium {
    position: relative;
}
.nav-main .nav-item-premium a:after {
    content: ".";
    /*background: url(http://img2.timeinc.net/people/static/i/premium/premium-key.png) -153px -80px no-repeat;*/
    background:url(http://img2.timeinc.net/people/static/i/premium/premium-key-2x.png) -153px -80px no-repeat;
    background-size:230px 160px;
    text-indent: -1000px;
    display: inline-block;
    width: 30px;
}
#btn-free-sign-out {display:none;}
.signed-in #btn-free-sign-out {
    display:inline-block;
    background: #5300c7;
    padding: 7px 13px;
    position: absolute;
    top: 18px;
    right: 0.5rem;
    font-family: "brandon-grotesque",sans-serif;
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.0625em;
    border-radius: 3px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    color: #FFF;
    transition: color .1s ease-in-out;
}
.signed-in #globalheaderbtn { display:none; }

/* Premium "touts" */
.premium-link h3:after,
.premium-link h2:after,
.premium-link h1:after {
    content: ".";
    background:url(http://img2.timeinc.net/people/static/i/premium/premium-key-2x.png) -135px -70px no-repeat;
    background-size:200px 137px;
    font-size: 0;
    display: inline-block;
    width: 28px;
    height: 11px;
    margin-left: 4px;
}
.premium-link .kicker { color:#9627c2; }
.premium-link .cat { color:#9627c2; }

/* ------------------- Cheetah Form Plugin ------------------------ */
/* Cheetah Form Plugin - Global Styles */
.cheetah_form input.error{ border:1px solid #b94a48!important; }
.cheetah_form input:invalid, .cheetah_form input:required {box-shadow:none}
.cheetah_form .hide, .cheetah_form .hidden-form, .cheetah_form .thankyou{display:none;}
.cheetah_form fieldset{ border: none; padding: 0px; margin: 0px; }
/* Cheetah Form Plugin - Buttons */
.cheetah_form .button { text-decoration: none; font: normal 14px Arial, Helvetica; letter-spacing:1px; display: table; color: #fff; cursor:pointer; }
.cheetah_form .button span { display:table-cell; vertical-align:middle; text-transform:uppercase; text-align:center;color:#FFF; }
.cheetah_form .button:hover span{color:#FFF;}
/* Cheetah Form Plugin - Blue Button */
.cheetah_form .button-blue { background:#27c4ff; }
.cheetah_form .button-blue:hover { background: #067ab4; }
.cheetah_form .button-blue:active { background: #4477a1; }
/* Cheetah Form Plugin - Rounded - inputs & buttons */
.cheetah_form .rounded{ border-radius: .3em; }
/* Cheetah Form Plugin - Lists */
.cheetah-form ul{list-style:none;margin:0px;padding:0px;}

/* Article Newsletter Sign Up - Ticket 3042 - G */
#newsletter_signup_article{ padding:13px 0px 0px 0px; margin-bottom:-8px;margin-top:0px;}
.fb-like-article-wrapper + br + br + #newsletter_signup_article{ margin-top:0px;}
#newsletter_signup_article input{ color:#000; background:transparent url('http://img2.timeinc.net/people/static/i/article/envelope.png') 17px 15px no-repeat; border: 1px solid #e1e1e1; height: 40px; width: 335px; font: normal 18px Arial, Helvetica; letter-spacing:1px; float:left; padding:3px 0px 0px 54px; margin-right:8px;}
#newsletter_signup_article input.placeholder{ color:#d7d7d7; }
#newsletter_signup_article .button-submit{ float:left; height:47px; width:121px; }
#newsletter_signup_article form h1{ font: bold 25px Arial, Helvetica; color:#27c4ff; margin:0px 0px 5px 0px; }
#newsletter_signup_article form h2{ font: normal 15px Arial, Helvetica; color:#000; margin:0px 0px 5px 0px; }
#newsletter_signup_article fieldset{ margin-top:20px; }
#newsletter_signup_article .tagline{ display:none;}
/* thanks */
#newsletter_signup_article .thankyou h1{ font:bold 19px Arial, Helvetica; color:#27c4ff; margin:0px; letter-spacing:1px; }
/* mobile specific */
#newsletter_signup_article{ padding:0px; }
#newsletter_signup_article input, #newsletter_signup_article h1, #newsletter_signup_article h2, #newsletter_signup_article .button-submit{ font-family:"brandon-grotesque",sans-serif!important;}
#newsletter_signup_article form{width:100%;}
#newsletter_signup_article form h1{ margin:0px; }
#newsletter_signup_article form h1, .thankyou h1{ font-size:27px; text-transform:none; }
#newsletter_signup_article form h2{ font-size:16px; }
#newsletter_signup_article input{ height:30px; font-size:16px; width:216px;}
#newsletter_signup_article .button-submit{ height:42px; font-size:11px; width:105px; }
#newsletter_signup_article .button-submit span{font-weight:bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}
#newsletter_signup_article fieldset{ margin-top:14px; }
#newsletter_signup_article input{ background-position:8px 11px; padding:3px 0px 0px 36px; height:35px;}


/*******************************************************************************
 * Article Captions (TICKET 2655 - G)
 *******************************************************************************/
article.content .img150x113, article.content .img150x200 {max-width:150px;}
article.content .img229x305 {max-width:229px;}
article.content .img240x320 {max-width:240px;}
article.content .img280x590 {max-width:280px;}
article.content .img300x400 {max-width:300px;}
article.content .img320x240 {max-width:320px;}
article.content .img387x290 {max-width:387px;}
article.content .img400x300, article.content .img400x400 {max-width:400px;}
article.content .img435x580 {max-width:435px;}
article.content .img440x330 {max-width:440px;}
article.content .img600x450 {max-width:600px;}
article.content .imgcont { position: relative; }
article.content .imgcont div{ background: #f3f3f3;padding-bottom: 0.5rem;line-height:normal;margin-top:-7px;padding-top:6px;}
article.content .imgcont .caption {padding: 0px 8px 1px 8px;color: #000;margin-bottom:0px;font-size: 0.75rem;line-height: 0.9rem;}
article.content .imgcont .credit {padding: 0px 8px 0px 8px;font: normal 9px arial,sans-serif;text-transform: uppercase;margin-bottom:0px;display: block;color: #656363;font-size: 0.65rem;text-transform: uppercase;}


/*******************************************************************************
* Secondary Image Sharing
*******************************************************************************/
article.content .secondary-img.imgcont div{ background: #f3f3f3;padding:0px;margin:0px;} /* reset */
article.content .secondary-img.imgcont.img150x113,
article.content .secondary-img.imgcont.img150x200,
article.content .secondary-img.imgcont.img229x305,
article.content .secondary-img.imgcont.img240x320,
article.content .secondary-img.imgcont.img280x590,
article.content .secondary-img.imgcont.img300x400,
article.content .secondary-img.imgcont.img320x240,
article.content .secondary-img.imgcont.img387x290,
article.content .secondary-img.imgcont.img400x300,
article.content .secondary-img.imgcont.img400x400,
article.content .secondary-img.imgcont.img435x580,
article.content .secondary-img.imgcont.img440x330,
article.content .secondary-img.imgcont.img600x450,
article.content .secondary-img.imgcont.std_src {float:none;width:100%;max-width:600px;background:url("http://img2.timeinc.net/people/static/i/article/bg_hashline_grey.png") repeat;}
article.content .secondary-img.imgcont {padding-bottom:0px;}
article.content .secondary-img.imgcont img {margin:0px auto;display:block;border:none;max-width:100%;height:auto;}
article.content .secondary-img.imgcont .clearfix {background:#f3f3f3; padding-bottom:4px;position:relative;min-height:38px}
article.content .secondary-img.imgcont .photo_sharing {width:118px;text-align:right;position:absolute;top:2px;bottom:0px;right:10px;}
article.content .secondary-img.imgcont .photo_sharing .container {line-height:100%;display:table;height:100%;}
article.content .secondary-img.imgcont .photo_sharing .inner-container {display:table-cell;vertical-align:middle;}
article.content .secondary-img.imgcont .photo_sharing button {margin-top:5px;border: none;background-color: transparent;width:25px;height:25px;display:inline-block;background-image:url('http://img2.timeinc.net/people/static/mobile/i/sprite-social-inline-mobile-2x.png');background-size:138px 61px;background-repeat:no-repeat;margin-right:15px;cursor:pointer;}
article.content .secondary-img.imgcont .photo_sharing button:focus {outline:0px;}
article.content .secondary-img.imgcont .photo_sharing button.fb_button {background-position:0px 0px;width:26px;height:26px;}
article.content .secondary-img.imgcont .photo_sharing button.tweet_button {background-position:-41px 0px;margin-right:13px;}
article.content .secondary-img.imgcont .photo_sharing button.pin_button {width:30px;background-position:-82px 0px;margin-right:0px;}
article.content .secondary-img.imgcont .photo_sharing button.t_button {width:11px;background-position:-131px 0px;}
article.content .secondary-img.imgcont .caption-area {width:77%;padding-top:0.4rem}
.joyus_iframe{max-width:inherit!important;}
@media screen and (max-device-width: 480px) and (orientation: portrait){
    article.content .secondary-img.imgcont .caption-area {width:169px;}
}
@media screen and (max-device-width: 640px) and (orientation: landscape){
    article.content .secondary-img.imgcont .caption-area {width:415px;}
}
.tgx-ad {padding: 1em 0;}
/*Adding spacing above ad*/
.univ-ad {margin-top: 1.4em;text-align: center;margin-bottom: 20px;}
body.tmpl-home #ad_300X250_multi_1{text-align: center;}