/* SECTION STYLES - VIDEO.CSS */
h1 { color:#EB2026; font-size:2.5em; font-weight:900; font-family:"Helvetica Neue", sans-serif; line-height:1.1em; margin-bottom:10px; }
	h1 a:hover { text-decoration:none; }
h2 { color:#000000; font-size:2em; font-weight:900; font-family:"Helvetica Neue", sans-serif; }
h3 { color: #000000; font-family: "Helvetica Neue",sans-serif; font-size: 1.5em; font-weight: 900; line-height: 1.1em; }

/*body.story-stream #masthead-wrapper { background: #fff; height: 74px; position: fixed; top: 0; transition: top 0.2s ease-in-out; width: 100%; z-index:111; max-width:1180px; border-bottom:0px solid #ebebeb; }*/
body.story-stream .page-header { margin-top:0; }

.scroller-wrapper { background-color:#F8FAF9; padding:10px 0; display:inline-block; width:100%; max-width:1440px; overflow:hidden; margin-top:74px; position:relative; height:51px; }
	.scroller-wrapper .scroller { display:inline-block; position:absolute; top:10px; left:0; }
		.scroller-wrapper .scroller .post { float:left; width:213px; padding-left:20px; border-right:2px solid #EBEBEB; }
			.scroller-wrapper .scroller .post .label { text-transform:uppercase; }
				.scroller-wrapper .scroller .post .label a {  font-size:0.6em; font-weight:bold; color:#919191; text-decoration:none; }
				.scroller-wrapper .scroller .post .label a:hover {  color:#EB2026; }
				.scroller-wrapper .scroller .post .title a { color:#000000; font-size:0.7em; font-weight:bold; display:inline-block; line-height:1.3em; }
				
.stream-header { display:inline-block; height:200px; overflow:hidden; position:relative; width:100%; }
	.stream-header .photo { display:inline-block; width:100%; height:200px; }
		.stream-header .photo img {}
		
	.stream-header .stream-details { position:absolute; top:0; right:0; width:100%; height:200px; display:inline-block; }
		.stream-header .stream-details .icon-wrapper { display:table; float:left; height:inherit; max-width:200px; width:16%; min-width:50px;}
			.stream-header .stream-details .icon-wrapper .icon { display:table-cell; height:inherit; vertical-align:middle; text-align:center; }
				
		.stream-header .stream-details .title-wrapper { padding-top:33px; }
			.stream-header .stream-details .title-wrapper .title {}
			.stream-header .stream-details .title-wrapper .title h1 { margin-bottom:10px; color:#FFFFFF; font-size:3em; }
			.stream-header .stream-details .title-wrapper .summary { text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:0.75em; }
				
	.scroller-wrapper .nav { position:absolute; top:0; right:0; cursor:pointer; }
		.scroller-wrapper .nav div { height:35px; }
		.scroller-wrapper .nav .right {}
		.scroller-wrapper .nav .left {}

/*.alpha-container { float:left; width:100%; }
	.alpha { margin-right:387px; }*/
		.alpha .alpha-right-wrapper { width:100%; float:left; }
			.alpha .alpha-right { margin-left:160px; margin-bottom: 3em;}
			.stream-type-lc .alpha-right .socialBar {margin-top:10px;}
						div.alpha-right > div.hover-social div.socialBar {padding:0; width:100%;}
						div.alpha-right > div.hover-social div.socialBar div.left a.icon { background:url('/concepts/images/social-icon-set.png') no-repeat scroll 0 0 transparent; }
						div.alpha-right > div.hover-social div.socialBar div.left a.icon.fb_icon {background-position:-37px 0px;}
						div.alpha-right > div.hover-social div.socialBar div.left a.icon.lnkdin_icon {background-position:-74px 0px;}
						div.alpha-right > div.hover-social div.socialBar div.left a.icon.gplus_icon {background-position:-111px 0px;}
						div.alpha-right > div.hover-social div.socialBar div.left a.icon.email_icon {background-position: -148px 0px;}
			.alpha .alpha-right.continue-stream { text-align:center; }
			.alpha .alpha-right-margin { float:right; margin-right:-45px; }
					img.back-to-top { width:30px; }
				body.story-steam .section-title-wrapper { width:100%; }

		
		.stream-type-wrapper { margin-top: -4px; display:inline-block; width: 99.9%; height:75px; border-bottom:1px solid #EBEBEB; border-right: 1px solid #EBEBEB;}
			.stream-type-wrapper .stream-type { border-left: 1px solid #ebebeb; display: table; float: left; height: 75px; text-align: unset; width: 16.4%; }
			.stream-type-wrapper .world-stream{ width: 19.91% !important; }
			.stream-type-wrapper .no-polls-site{ width: 19.91% !important; }
/*			.stream-type-wrapper .stream-type { float:left; width: 16%; min-width: 103px; height: 75px; border-right:1px solid #EBEBEB; text-align:center; display: inline-block; }*/
			.stream-type-wrapper .stream-type:last-child { border-right:none; }
				div.stream-type a { cursor:pointer; color: #656565; display: table-cell; font-size: 0.7em; font-weight: bold; height: inherit; padding: 0; text-align: center; text-decoration: none; vertical-align: middle; width: 100%; }
/*				div.stream-type a { text-decoration: none; display: block; padding: 0; font-size: 0.7em; position: relative; font-weight: bold; top: 50%; transform: translateY(-50%); color: #656565; }*/
				div.stream-type a.active, div.stream-type a:hover { color: #EB2026; }
					div.stream-type a i { background-image: url("/concepts/images/grey-stream-type-icon.png"); height:8px; width:8px; display:inline-block;}
					div.stream-type a.active i, div.stream-type a:hover i { background-image: url("/concepts/images/red-stream-type-icon.png"); height:8px; width:8px; display:inline-block;}
		.stream-type-dropdown { display: none; width: 100%; height: 3em; border-bottom: 1px solid #EBEBEB; text-align: center; /*margin-left: 20px;*/}
			.dropdown-container { display: block;  text-align:center; height:inherit; vertical-align: middle; /*padding-right:35px;*/ }
			.stream-type-dropdown select { width:100%; padding:5px; color:#808080; font-weight:bold; border:2px solid #EBEBEB; }
	ul.stream-content { padding: 2em 5em 0 0; }
		img.stream-type-icon { width: 24px; }
		span.stream-timestamp { font-size: 0.8em; color: #EB2026; font-weight: bold; padding-bottom: 0.5em; }
		span.stream-datestamp { font-size: 0.8em; color: #818181; font-weight: bold; padding-bottom: 0.5em; }
		.alpha-right span.stream-timestamp {display:none;}
		.alpha-right span.stream-timestamp {display:none;}

		ul.stream-content h2 { margin: -8px auto 0 auto;}

		ul.stream-content p.byline { font-size:0.8em; }
			p.byline a { color: #919191; }
		ul.stream-content p.body { font-family: "Domine",serif; font-size: 1em; line-height: 1.9em; }

		li.stream-type-tweet h3 { margin: 0 auto; font-weight:bold; }
		li.stream-type-tweet h4 { margin: 4px auto; font-weight:bold;}
		li.stream-type-tweet img.avatar { float:left; margin-right: 1em; }
		li.stream-type-tweet img.tweet-img { width: 100%; }


	.alpha .alpha-left { float:left; width:140px; margin-left:-100%; padding-left: 20px;}
						
	
/*.beta-container { float:left; width:386px; margin-left:-387px; margin-top:-5px; border-left:1px solid #EBEBEB; }
	.beta { margin:35px auto; width:300px; }*/

.footer-wrapper { display:inherit; }

.RC-AD-MOBILE-BANNER {display:none;width:320px; min-height:50px; margin: 1em auto;}
.RC-AD-TOP-BANNER {	width: 728px;min-height: 90px; margin:1em auto;}

/*TAGS COLORS*/
.related-tags ul.tags li{
	border:solid 1px #FFF;
	color: #fff;
}


/********************************************************** RESPONSIVE STYLES **************************************************************/

/* BASE VIDEO RESPONSIVE STYLES - DESKTOP & TABLET */

@media only screen and (max-width: 1120px) { /*Below 1120, shrink banner ad*/
	.RC-AD-MOBILE-BANNER {display: block;}
	.RC-AD-TOP-BANNER {display: none;}
}

@media only screen and ( max-width : 1024px ){	
/*	.beta-container { border-left:none; margin-left:-300px; width:300px; }

	.alpha { margin-right: 297px;}*/

    .stream-type-wrapper { border-bottom: none; }
    .stream-type-wrapper div.stream-type { width: 16%; border-bottom:1px solid #EBEBEB; }
    .stream-type-wrapper div.stream-type:last-child { border-right:1px solid #EBEBEB; }
}

/* SEMI-MOBILE STYLES */
@media only screen and ( max-width: 950px ) {
	.alpha-left span.stream-timestamp { display:none; }
	.alpha-left span.stream-datestamp { display:none;}
	.alpha-right span.stream-timestamp { display: block;}
	.alpha-right span.stream-datestamp {display: block;}
	ul.stream-content { display:inline-block; width:97%; }
	.alpha .alpha-right { margin-left:60px; margin-bottom:0; }
	ul.stream-content p.body { font-size:0.9em; line-height:1.7em; }
	.alpha-right h2 { font-size:1.6em; }
	.stream-type-wrapper { display:none; }
	.stream-type-dropdown { display:block; }
}

/* SMARTPHONE STYLES */

@media only screen and ( max-width : 767px ){
	/*.stream-header {margin-top:54px;}*/
	.stream-header .stream-details .title-wrapper .title h1 { font-size: 2em; margin:0;}

		/*.beta-container { display:none; }*/
		body.author .story-stream { margin:0; }
		/*div.alpha { margin-right: 0; }*/
		li.stream-type-tweet img.avatar { display:none; }

		.stream-header .stream-details {height:100px;}
		.stream-header .photo {height:100px;}
		.stream-header {height:100px;}
		.stream-header .stream-details .title-wrapper .title {display:table-cell; vertical-align: middle;}
		.stream-header .stream-details .title-wrapper {display:table; height:inherit;padding-top:0;}
		.stream-header .stream-details .title-wrapper .summary {display:none;}
		.stream-header .stream-details .icon-wrapper .icon img { width:30px; }
		/*.dropdown-container {padding-right:40px;}*/

}

@media only screen and (max-width:339px) {
	.RC-AD-MOBILE-BANNER {margin-left: -10px;}
}