/* Base */
body {
	background:#c7c8ca url("../images/background.jpg") no-repeat left top;
	font-family:Verdana;
	color:#333;
}
a {
	color:#666;
}

#wall_container{
	width: 722px;
	height: 700px;
	overflow:hidden;
	padding:0 0 0 4px;
}

#media_center_container {
	height: 100%;
	background:#FFF;
}

#video_grid {
	float: left;
	margin-top: 4px;
	width: 710px;
}

.length_container{
	margin-top: 5px;
}
/* End Base */

img {
	display:block;
	margin-top:0;
	background:#eee
}

/* Secondary Filter Nav */
#pageTabs{height:26px;}
#tagTitle{float: left;font-size:9pt;padding:30px 10px 5px 10px; width:170px; border-bottom:1px solid #fff;}

#tagNav{float: left; font-size:9pt;}
#tagNav div{ padding:7px 10px 5px 10px;width:170px;  color:#666666; background:#EEEEEE;}


#tagNav ul{float:left;margin:0px;border-bottom:1px solid #fff; width:190px;}
#tagNav li{float:left;clear:left;list-style:none;width:190px;padding:0px;margin:0px;}
#tagNav li a{float:left;padding:6px 10px 4px 24px; width:156px; border-top:1px solid #fff;background:url(../images/icon_filter.gif) no-repeat 7px 7px;}
#tagNav li a:hover{background:#71BF44 url(../images/icon_filter.gif) no-repeat 7px 7px;; color:#fff;}
#tagNav li a.current{color:#fff;background:#71BF44 url(../images/icon_filter_over.gif) no-repeat 7px 7px;}


/* END Secondary Filter Nav*/

/* Video */
#video_player_wrapper {
	float: left;
	margin: 0 0 20px 0;
	width: 443px;
	height: 350px;
	background-color: #000;
}

#video_details {
	float: left;
	width:250px;
	padding-left: 15px;
}

#video_title {

}

#video_description {
	line-height:18px;
}

.video_grid_item {
	margin: 2px;
	/*overflow: hidden;*/
	float: left;
}
.video_grid_item a {
	text-decoration: none;
}
.video_grid_item a img {
	border: none;
	width: 136px;
}
img.current_video {
	border: solid 2px #71BF44;
}

.video_grid_item div.title{
	margin-top:2px;
	overflow:hidden;
	white-space:nowrap;
	width:125px;
}

/* END Video */

/* Squares */
#video_wall {
	margin:0 auto;
	position:relative;
	width:729px;
}
.js-image {
	background:#000;
	font-size:1em;
	overflow:hidden;
	position:absolute;
	z-index:1;
	text-align:left;
	/*border:1px solid #FFF;*/
}
.js-image a img,
a .js-overlay-image {
	border:none;
}
.js-overlay-image {
	float:left;
	width:240px;
	height:180px;
}
.js-image,
.js-image img,
.js-image.size-3,
.js-image.size-3 img{
	float:left;
	width:480px;
	height:360px;
	font-size: 1.3em;
}
.js-image.size-2,
.js-image.size-2 img {
	float:left;
	width:240px;
	height:180px;
}
.js-image.size-1,
.js-image.size-1 img {
	float:left;
	width:120px;
	height:90px;
	font-size:.8em;
}
.js-small-caption {
	position:absolute;
	bottom:0;
	left:0;
	background:#000;
	width:94%;
	padding:3%;
	height:auto;
}
.js-small-caption {
	opacity:.8;
}
.js-caption-overlay {
	background:#eee;
	z-index:998;
	padding:8px;
	position:absolute;
	overflow:hidden;
}
.js-small-caption span {
	color:#fff;
}
.js-overlay-image {
	float:left;
}
.js-overlay-html {
	float:left;
	padding:0 0 0 15px;
	width:210px;
}
.js-overlay-html h4 {
	margin:0;
	padding:0 0 10px 0;
	font-size: 13px;
}
.js-overlay-html p {
	margin:0;
}
.js-overlay-caption-content h4{
	text-transform:uppercase;
}
.video_link img {
	border:none;
	display: inline;
}
.video_link {
	float: right;
	padding-top: 20px;
	text-decoration:none;
}

/* End Squares */