/** 
 * Title:	Generic Fansites - Article Page Stylesheet
 * Author:	alucas
 */



/* Basic Layout */


#fansite-content.fansite-video-page .content-container {
	float: left;
	width: 658px;
	}
#fansite-content-title { width: 658px;}
#fansite-content.fansite-video-page #fansite-other-content {
	float: right;
	position: relative;
	width: 326px;
	}



/* Basic Video Styling */

	
.fansite-video-page #vp-perpage-videoinfo .vp-perpage-share { display: none;}
.fansite-video-page h2,
.fansite-video-page #vp-perpage-videoinfo {
	background: none;
	color: inherit;
	border: none;
	text-align: left;
	font-size: 1em;
	}
.fansite-video-page #vp-wrapper-content,
.fansite-video-page #vp-content-left,
.fansite-video-page #vp-perpage-videoplayer,
.fansite-video-page #vp-perpage-videoinfo {
	width: auto;
	height: auto;
	float: none;
	overflow: visible;
	padding: 0;
	}
	

	/* Main Video Player Area */
	
	.fansite-video-page #vp-perpage-title {
		padding: 6px 12px;
		}
	.fansite-video-page #vp-perpage-videoplayer {
		text-align: center;
		padding: 6px 0 18px;
		}
	.fansite-video-page #vp-perpage-videoinfo { padding: 2em 12px 0;}
	.fansite-video-page #vp-perpage-videoinfo .vp-perpage-clipinfo {
		padding-bottom: 1.5em;
		}
	.fansite-video-page #vp-perpage-videoinfo .vp-perpage-clipinfo ul {
		list-style-type: none;
		}
		
	.fansite-video-page .vp-bc-videoplayer-height-normal { min-height: 540px;}
	.fansite-video-page .vp-bc-videoplayer-height-widescreen { min-height: 428px;}
	
		/* IE6 Fixes */
		* html .fansite-video-page .vp-bc-videoplayer-height-normal { height: 540px;}		
		* html .fansite-video-page .vp-bc-videoplayer-height-widescreen { height: 446px;}
	
	
	/* Playlist Area */
	
	.fansite-video-page #vp-perpage-playlist h2 {
		margin-top: 12px;
		font-size: 1.25em;
		line-height: 2em;
		padding: 0 12px;
		background: url(../../images/mod_header_gradient_1.png) repeat-x bottom;
		}
		
	.fansite-video-page #vp-perpage-promolist { overflow: hidden; margin: 0 -3px;}
	.fansite-video-page #vp-perpage-promolist .vp-promo-item {
		width: 136px;
		height: 170px;
		float: left;
		margin: 6px 3px 0;
		padding: 12px;
		overflow: hidden;
		}
	.fansite-video-page #vp-perpage-promolist .vp-tooltip-text { display: none;}
	.fansite-video-page #vp-perpage-promolist a.vp-promo-title { font-weight: bold;}
	.fansite-video-page #vp-perpage-promolist .vp-promo-image {
		text-align: center;
		margin-bottom: 1em;
		}
		
	#tooltip {
		position: absolute;
		padding: 5px 8px;
		display: none;
		width: 179px;
		z-index: 10;
		font-size: .8em;
		}
	#tooltip em,
	#tooltip span { display: block;}
	#tooltip strong { padding-right: 5px;}
	
		/* IE6 Fixes */
		* html .fansite-video-page #vp-perpage-promolist { margin-left: -7px; width: 668px;}


	/* Pagination */
	
	.fansite-video-page .article-pagination {
		margin: 1em -6px -6px;
		float: left;
		width: 658px;
		list-style-type: none;
		}
	.fansite-video-page .article-pagination li { float: left;}
	.fansite-video-page .article-pagination li a { display: block; padding: .5em 1em;}
	#fansite-content .fansite-video-page .article-pagination li a {
		font-weight: bold;
		text-transform: uppercase;
		}