/* newyear2016.css */

/* ---------- Legacy Stuff - Gallery, Quiz, Video & Article ---------- */

@import 'http://img2-short.timeinc.net/people/static/c/package/package.css';
@import 'http://img2-short.timeinc.net/people/static/c/photos/light.css';

/* ---------- Package Main - Custom Styles ---------- */
.package-2014-home #masthead {background:url('http://img2.timeinc.net/people/static/i/package/people-list/package-header.png') top left no-repeat; margin-top:10px;}
.package-2014-home #masthead h1 {height:75px; visibility:hidden;}
.package-2014-home #related-items .story p.image.video span.play { background: #f0008d url("http://img2.timeinc.net/people/static/i/video/icon-video-arrow.png") no-repeat scroll 13px 7px / 15px auto;}
.package-2014-home .story p.image.video span.play {background: #f0008d url("http://img2.timeinc.net/people/static/i/video/icon-video-arrow.png") no-repeat scroll 18px 10px / 18px auto;}

.package-2014-home #main-feature .story {position:relative;}
.package-2014-home #main-feature .story p.image {z-index:10;}
.package-2014-home #main-feature .story p.image.video span.play {top:18px;left:18px;}
.package-2014-home #main-feature .story .text {
	position:absolute; bottom:0; left:0; z-index:20; width:366px; padding:10px 16px 0 16px;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background:-moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,1)));
	background:-webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%);
	background:-o-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%);
	background:-ms-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%);
	background:linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ffffff',GradientType=0 );
}
.package-2014-home #main-feature .story .text h4 {font-size:30px;}

.package-2014-home .section-header, #latestnews h3 {color:#000;}
.package-2014-home .story p.more {display:inline-block; background: #f0008d url("http://img2.timeinc.net/people/static/i/spritearrow_8.png") no-repeat scroll right -192px; width: 66px; border-right: 7px solid #f0008d;}
.package-2014-home .story p.more a {margin-left: 3px;display:inline-block; margin-right:5px; padding:3px; font-size:12px; font-weight:500; letter-spacing:0.1em; color: white;}
.video-select {width: 78px !important; border-right: 9px solid #f0008d !important;}
.video-select a {margin-left: 5px !important;}

.package-2014-home .story .timestamp, .package-2014-home .story .social {display:none;}
.package-2014-home .section-header h3 { background: #fff none repeat scroll 0 0; color: #f0008d;}

/* ---------- SOCIAL MODULE ---------- */
#rail-social-module {width:300px; height:300px; margin-top:30px; overflow:hidden; border:1px solid #dfdfdf;}
/* Header Nav */
#rail-social-module header nav {margin-top:20px; margin-left:29px;}
#rail-social-module header nav button img {width:100%; height:100%;}
#rail-social-module header nav button.social-button {float:left; width:36px; height:36px; margin-right:16px !important; background-image:url('http://img2.timeinc.net/people/static/i/article/sprite-social-article.png'); background-repeat:no-repeat; background-color:transparent; border:none;}
#rail-social-module header nav button.social-button:focus {outline:0;}
#rail-social-module header nav button.facebook_button {background-position:-22px -137px;}
#rail-social-module header nav button.facebook_button:hover,#rail-social-module.selected-facebook header nav button.facebook_button {background-position:-22px -188px;}
#rail-social-module header nav button.twitter_button {background-position:-70px -137px;}
#rail-social-module header nav button.twitter_button:hover,#rail-social-module.selected-twitter header nav button.twitter_button {background-position:-70px -188px;}
#rail-social-module header nav button.pinterest_button {background-position:-119px -137px;}
#rail-social-module header nav button.pinterest_button:hover,#rail-social-module.selected-pinterest header nav button.pinterest_button {background-position:-119px -188px;}
#rail-social-module header nav button.instagram_button {background-position:-310px -137px;}
#rail-social-module header nav button.instagram_button:hover,#rail-social-module.selected-instagram header nav button.instagram_button {background-position:-310px -188px;}
#rail-social-module header nav button.newsletter_button {background-position:-448px -137px;}
#rail-social-module header nav button.newsletter_button:hover,#rail-social-module.selected-newsletter header nav button.newsletter_button {background-position:-448px -188px;}
/* Property Logos */
#rail-social-module .property-logo {width:207px; height:35px; margin:19px auto 0 auto; background-image:url('http://img2.timeinc.net/people/static/i/article/rail-social/property-sprite-207x35.png'); background-repeat:no-repeat;}
#rail-social-module.property-people .property-logo {background-position:0 0;}
#rail-social-module.property-pets .property-logo {background-position:0 -37px;}
#rail-social-module.property-cbb .property-logo {background-position:0 -75px;}
#rail-social-module.property-stylewatch .property-logo {background-position:0 -107px;}
#rail-social-module.property-gi .property-logo {background-position:0 -145px;}
/* Arrow Bar */
.arrow-bar {height:12px; margin-top:13px; margin-left:-1px; background-image:url('http://img2.timeinc.net/people/static/i/article/rail-social/arrow-sprite-299x12.png'); background-repeat:repeat-x;}
#rail-social-module.selected-facebook .arrow-bar {background-position:0 -48px;}
#rail-social-module.selected-twitter .arrow-bar {background-position:0 -36px;}
#rail-social-module.selected-pinterest .arrow-bar {background-position:0 -24px;}
#rail-social-module.selected-instagram .arrow-bar {background-position:0 -12px;}
#rail-social-module.selected-newsletter .arrow-bar {background-position:0 0;}
/* Panels */
#rail-social-module footer.panels {height:138px; background:#f6f6f6; }
#rail-social-module footer.panels .panel {display:none; padding-top:9px;}
#rail-social-module.selected-facebook .facebook_panel,#rail-social-module.selected-twitter .twitter_panel,#rail-social-module.selected-pinterest .pinterest_panel,#rail-social-module.selected-instagram .instagram_panel,#rail-social-module.selected-newsletter .newsletter_panel {display:block !important;}
/* Panel Copy */
.panel .follow-copy {width:170px; margin:18px auto 0 auto; font:normal 22px/24px brandon-grotesque,arial,sans-serif; text-align:center;}
.panel.facebook_panel  .follow-copy {color:#304d97;}
.panel.twitter_panel   .follow-copy {color:#43b5d0;}
.panel.pinterest_panel .follow-copy {color:#c50e2d;}
.panel.instagram_panel .follow-copy {color:#325d8e;}
/* Social Widgets */
.panel .social-widget {margin-top:17px; margin-left:111px;}
.panel.facebook_panel   .social-widget .fb-like span:first-child{overflow:hidden !important;}
.panel.twitter_panel   .social-widget {margin-left:100px;}
.panel.instagram_panel .social-widget {margin-left:117px;}
.panel.pinterest_panel .social-widget {margin-left:0; text-align:center;}
.panel.twitter_panel   .social-widget div.twitterFix {width:96px; height:20px; margin-right:0; overflow:hidden; border-right:1px solid #bbb; font-size:0; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.panel.instagram_panel .social-widget a {display:block; width:60px; height:20px; background:url('http://img2.timeinc.net/people/static/i/article/rail-social/follow_instagram.png') no-repeat;}
.panel.pinterest_panel .social-widget a {display:inline-block; height:20px; position:relative; background:transparent url('http://img2.timeinc.net/people/static/i/article/rail-social/pin-bg.png') 0 0 no-repeat; background-size:200px 60px; font:bold normal normal 11px/20px brandon-grotesque,arial,sans-serif; color:#444; text-decoration:none; text-indent:19px; vertical-align:baseline;}
.panel.pinterest_panel .social-widget a b {width:14px; height:14px; position:absolute; top:3px; left:3px; background-image:url('http://img2.timeinc.net/people/static/i/article/rail-social/pin-logo.png'); background-size:14px 14px;}
.panel.pinterest_panel .social-widget a i {width:4px; height:20px; position:absolute; top:0; right:-4px; background:transparent url('http://img2.timeinc.net/people/static/i/article/rail-social/pin-bg.png') 100% 0 no-repeat; background-size:200px 60px;}
.panel.pinterest_panel .social-widget a:hover {background-position:0 -20px;}
.panel.pinterest_panel .social-widget a:hover i{background-position:100% -20px;}
.panel.instagram_panel .social-widget a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.panel.instagram_panel .social-widget a img, .panel.pinterest_panel .social-widget a img {height:100%; width:100%;}
#rail-social-module .fb_iframe_widget iframe {width:100% !important; height:100% !important;}
#rail-social-module .fb_iframe_widget span {width:100px !important; height:100px !important;}
/* Newsletter */
#rail-social-module .newsletter_panel .container .copy {margin:9px auto 0 auto; color:#000; font:300 18px/24px brandon-grotesque,arial,sans-serif; text-align:center;}
#rail-social-module .newsletter_panel .clearfix {margin-top:13px;}
#rail-social-module .newsletter_panel .email {display:inline-block; width:200px; height:40px; margin-left:24px; padding-top:0; padding-left:10px; border:1px solid #ccc; font-size:20px; font-family:brandon-grotesque; color:#000; text-transform:lowercase; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
#rail-social-module .newsletter_panel .email.placeholder {color:#e3e3e3;}
#rail-social-module .newsletter_panel .button {display:inline-block !important; width:40px; height:35px; margin-left:1px; padding-top:7px; font-variant:small-caps !important; font-weight:bold !important; font-size:17px !important; text-align:center; vertical-align:2px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
#rail-social-module .newsletter_panel .container .thankyou .copy {color:#3cf;}
/* No Instagram */
#rail-social-module.no-instagram .panel.instagram_panel,#rail-social-module.no-instagram .social-button.instagram_button {display:none;}
#rail-social-module.no-instagram header nav {margin-left:54px;}
#rail-social-module.no-instagram.selected-facebook   .arrow-bar {background-position:26px -48px;}
#rail-social-module.no-instagram.selected-twitter    .arrow-bar {background-position:26px -36px;}
#rail-social-module.no-instagram.selected-pinterest  .arrow-bar {background-position:25px -24px;}
#rail-social-module.no-instagram.selected-newsletter .arrow-bar {background-position:-28px 0;}
