/* sma2014.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/sma2014/header.png') top center no-repeat;}
.package-2014-home #masthead h1 {height:75px; visibility:hidden;}

.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:#000;}
.package-2014-home .story p.more a {display:inline-block; margin-right:8px; padding:3px 8px 3px 8px; font-size:11px; font-weight:500; letter-spacing:0.1em; color:#fff; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAMAAAAYuxziAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAXSURBVAjXY2RgZIAgIMHACCLgLEaIKAABFQAOdRnI2gAAAABJRU5ErkJggg==') center right no-repeat;}

.package-2014-home .story .timestamp, .package-2014-home .story .social {display:none;}

/* ---------- Galleries & Video - Custom Styles ---------- */
.video #headline h1, .video #headline h2 {display:block; height:65px; background:url('http://img2.timeinc.net/people/static/i/package/sma2014/header-video.jpg') 0 0 no-repeat;}
.video #headline h1 a, .video #headline h2 a {display:block; width:570px; height:65px; margin:0; padding:0; background:none; text-indent:-9999px; overflow:hidden;}

#photos #headline {float:left; min-height:65px; position:relative; background:#fff url('http://img2.timeinc.net/people/static/i/package/sma2014/header-gallery.png') no-repeat; border-bottom:1px solid #000;}
#photos #headline h1, .quiz #headline h1 {float:left; width:auto; height:35px; margin:8px 0 0 10px; padding:0; border:0;}

#photos #headline h1 a, .quiz #headline h1 a {float:left; width:300px; height:35px; margin:0; padding:0; overflow:hidden; background:none; border:0; text-indent:-9999px;}
#photos #headline h2, .quiz #headline h2 {float:left; padding:20px 0 0 10px; font:400 19px/23px brandon-grotesque,arial,sans-serif; color:#000;}
#photos #headline p, .quiz #headline p {clear:both; display:block; width:964px; margin:0; padding:5px 10px; border-left:0; font:300 15px/19px brandon-grotesque,arial,sans-serif; color:#000;}

