﻿@import url("nick-interior.css");

#nick-header-video 
{
	background: url(../img/nick-video-header-bg.jpg) no-repeat left top;
}

.nick-col 
{
	float: left;
	width: 360px;
}

.nick-col#nick-hp-col-2 {
	float: left;
	width: 360px;
	margin: 0 0 0 15px;
	position: relative;
	z-index: 100;
	}

.promo#nick-whats-on {
	width: 285px;
	height: 260px;
	background: url(../img/nick-whats-on-bg.gif) 0 15px no-repeat;
	margin: 0 0 10px 0;
	padding: 0 0 0 65px;
	position: relative;
	z-index: 10;
	color: #fff;
	}
	
.promo {
	background: url(../img/nick-promo-bg.jpg) 0 0 no-repeat;
	width: 360px;
	margin: 0 0 10px 0;
	padding: 40px 0 0 0;
	float: left;
	}
	
.promo img {
	margin: 0 0 5px 15px;
	padding: 0;
	}
	
#widget-video, #widget-video-top, #widget-video-mid
{
	background: url(../img/widget-video.png) 0 0 no-repeat;
	display: block;
	font: bold 11pt Arial;
	width: 454px;	
}
#widget-video
{
	background-position: -908px bottom;
	margin: 0 0 0 35px;
	padding: 0 0 45px 0;
	position: relative;
	z-index: 900;
}
#widget-video-mid
{
	background-position: -454px 0;
	background-repeat: repeat-y;
}
#widget-video-top
{
	padding: 25px 0 0 13px; 
	width: 441px!important;
	width: 454px;
}

#widget-video-top h1 
{
	background: url(../img/widget-titles.png) 0 0 no-repeat;
	font: 0/0 Arial;
	height: 60px;
	margin: 0 0 10px 10px;
	text-indent: -9999px;
	width: 404px;	
}

.widget-row
{
	height: 77px;
	width: 438px;
	cursor:pointer;
}

.widget-row a {text-decoration: none;}

.widget-row.odd { background-color: #ffa801; }

.widget-row .thumbnail
{
	display: block;
	float: left;
	height: 72px!important;
	height: 77px;
	padding: 5px 0 0 5px;
	width: 90px;	
}
.widget-row .thumbnail img 
{
	border: 1px solid #000;
}

.widget-row .thumbnail img.game
{
	height:67px;
	width:90px;
}

.widget-row .title
{
	border-right: 2px solid #ffa801;
	color: #fff;
	display: block;
	float: left;
	height: 62px!important;
	height: 77px;
	padding: 15px 0 0 20px;
	width: 240px;	
}

.widget-row .time
{
	border-left: 2px solid #e65c00;
	color: #fff;
	display: block;
	float: left;
	height: 62px!important;
	height: 77px;
	padding-top: 15px;
	text-align: center;
	width: 79px;	
}

/* showpage video */

#video.showpage #nick-container
{
	background: #fff url(../img/video-bg.png) 0 950px no-repeat;	
}

#video.showpage #nick-header-video
{
	height: 590px;
	position: relative;
}

#video.showpage #video-image
{
	left: 10px;
	position: absolute;
	top: 128px;	
}

#video.showpage #video-container 
{
	background: url(../img/video-bg-video.png) 0 0 no-repeat;
	height: 457px!important;
	height: 507px;
	padding: 60px 0 0 20px;
	position: absolute;	
	right: 2px;
	top: 82px;
	width: 428px;

		
}

#video.showpage #video-container #vidContainer 
{
	/*border: 1px solid #FF0000;*/
}
#listContainer
{
	bottom: 30px;
	right: 10px;
	position: absolute;	
}

#video.showpage #nick-interior-promo-col { position: relative; top: -150px; }

#video #nick-interior-content-col { background: none;}

#video.showpage #widget-video { position: relative; z-index: 666; }
#video.showpage #widget-video-top h1 {background-position: 0 -65px;}
#video.showpage .widget-row 
{
	min-height: 42px;
	height: auto!important;
	height: 42px;
}
#video.showpage .widget-row .thumbnail { height: 37px!important; height: 42px; }
#video.showpage .widget-row .title  
{
	border: 0; 
	height: 32px!important;
	height: 42px;
	padding-top: 10px; 
	width: 320px;
}
#video.showpage .widget-row .time  
{
	display: none;
}

a#want-more-nick
{
	background: url(../img/widget-link.png) 0 0 no-repeat;	
	bottom: -17px;
	display: block;
	height: 44px;
	left: 100px;
	position: absolute;
	width: 303px;
}

a#nick-get-nick-tunes
{
	background: url(../img/itunes-link.png) 0 0 no-repeat;
	clear: both;
	display: block;
	height: 63px;
	margin: 0 0 0 5px;
	text-indent: -9999px;
	width: 299px;	
}

#video .promo#nick-whats-on 
{
	display: block;
	margin-bottom: 30px;
	position:inherit; 
	z-index:inherit;
}
