/* Area homepage (Show, Series, Blog, etc.)
-------------------------------------------------- */
.area-header {
	margin-bottom:20px;
}

.mainContent>.edit.button {
	position: absolute;
	right: 0;
	top: -2em;
}

.area-header h1 {
	padding-right: 165px;
}

.area-data li {
	color:#878787;
	line-height:1.3;
}

.area-header .area-data {
	margin-bottom:1.2em;
	overflow: hidden;
}

.area-header .area-data li {
	display: inline
}

.area-header .area-data li.episodes {
	float: left;
}


/* Entry summary overrides (defaults in entrySummary.css)
-------------------------------------------------- */
.entries>li {
	border-top:1px solid #d9d9d9;
	padding:24px 0 1.2em;
}

.entries>li:first-child {
	border:none;
}

.entries>li .entry-image {
	height:auto;
	width:222px;
}

.entries>li .entry-image .thumb {
	max-width:220px;
}

.entries>li .title {
	font-size:160%;
}

.entries>li .entry-meta {
	width:65%;
}

.entries>li .description {
	margin:1em 0;
}


/* Video options (queue, playlist, etc.)
-------------------------------------------------- */
.video-options {
	clear:both;
	float:right;
	margin-top:-20px;
}


/* Timebox filters (Currently under All Content -> Most Viewed or Highest Rated)
-------------------------------------------------- */
.filters {
	float:right;
	margin-top:20px;
}

.filters li {
	border-left:1px solid #333;
	float:left;
}

.filters li:first-child {
	border-left:none;
}

.filters li a,
.filters li span {
	display:block;
	padding:0 10px;
}

.filters li.selected span {
	font-weight:bold;
}


/* Live Streaming Video
-------------------------------------------------- */
.liveVideo {
	margin-bottom: 1.2em;
	padding-top: 56.25%;
	position: relative;
	width: 100%;
}

.liveVideo>* {
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}


/* Embeded Live Page
-------------------------------------------------- */
.liveEmbed .text {
	font-size: 75%;
}

.liveEmbed .mainContent h1 {
	border-bottom: 0px solid white;
	font-size: 350%;
	padding-right: 0;
	text-align: center;
}

.liveEmbed .area-header {
	margin-bottom: 20px;
}

.liveEmbed .item-header h1 a {
	color: #d2730d;
	display: inline;
	font-weight: 300;
	text-decoration: none;
	cursor: pointer;
}

.liveEmbed .item-header h1 a:hover,
.liveEmbed .item-header h1 a:focus {
	color: #017789;
	text-decoration: underline;
}

.liveEmbed .item-header h1 .status {
	-moz-appearance: none;
	background: #bbe520 none repeat scroll 0 0;
	color: #232323;
	font-size: 0.4em;
	font-weight: bold;
	margin-left: 1em;
	padding: 0.25em 0.75em;
	position: relative;
	text-transform: uppercase;
	top: -0.5em;
}

.liveEmbed .alert.info {
	font-size: 150%;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
	width: 60%;
}