/* 
========================================================================================================================
Title:				Vioscreen VioTV - Layout Standard Horizontal
Author URI: 		Dave Tanner @ VioInteractive
--
Description:		Builds on base.css to create the standard horizontal layout
--
Updated:			09.02.2009
========================================================================================================================
*/
/*
------------------------------------------------------------------------------------------------------------------------
TWO COL LAYOUT
------------------------------------------------------------------------------------------------------------------------
*/
.container-twocol {
	/* !! REQUIRES CLEARFIX CLASS !! */			/* Can't use float or overflow clearing methods, as we can't set the width on this due ot its left padding */
	padding-left: 500px;						/* keep clear area for left column - video-player(fullwidth + margin/padding/border space) */
}
*:first-child+html .container-twocol { margin-bottom: 10px; } /* IE7 is collapsing the margins of the 2 content divs, so force it here */
.container-twocol .panel-vs {
	position: relative;
	float: left;
	width: 480px;
	height: 300px;
	padding: 3px;
	margin-right: 0;							/* Need to explicitly set, even if to 0 */
	margin-left: -500px;						/* position outside the containers padding zone (this width is 480+2x3(pad)+2x1(border) = 488 + extra 12px margin to the right = 498 total) */
	display: inline;							/* fixes IE double-float margin bug */
}
.container-twocol .panel-vs-info {
	position: relative;
	float: left;
	width: 100%;
	height: 306px;								/* since this is fixed height, make same as video-player, but without the padding. */
	margin-left: -2px;							/* gotta move it 2px left to account for the extra border space (1px each side) that gets added to the 100% width */
	overflow:hidden;
}

/*
------------------------------------------------------------------------------------------------------------------------
2 COL CHANNEL LAYOUT
------------------------------------------------------------------------------------------------------------------------
*/
.tab-content .channel-container { 				/* contains channel-intro and channel-media */
	/* !! REQUIRES CLEARFIX CLASS !! */			/* Can't use float or overflow clearing methods, as we can't set the width on this due ot its left padding */
	padding-left: 360px;						/* keep clear area for left column */
}
.channel-intro { /* left column content */
	float: left;
	width: 330px;
	padding: 5px;
	margin-right: 0;							/* Need to explicitly set, even if to 0 */
	margin-left: -360px;						/* position outside the containers padding zone */
	display: inline;							/* fixes IE double-float margin bug */
}
.channel-media { /* liquid right column */
	float: left;
	width: 100%;
	padding: 5px 0;
}

/** html div.panel-vs-info .tab-content-inner.now-playing 
{
	height:165px;
}*/