/*
 * @file: impact.css
 * @author: gmail+aim (soverpro)
 */

/********************************************************************************************
** RESETS
** PAGE BACKGROUND
** BASE FONT STYLES
*********************************************************************************************/

HTML, BODY
{
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
}

HTML
{
	background: #cccbd7 url(../images/impact-bg.gif) repeat-x top center;
}

BODY
{
	font-family: Arial, sans-serif;
	font-size: .815em;
	line-height: 1.4;
}

FORM
{
	margin: 0;
}

IMG
{
	border: 0;
}

A
{
	outline: none;
}

/*
Random backgrounds.
*/
.bg0 { background: transparent url(../images/backgrounds/throwing-stars.jpg) no-repeat top center; }
.bg1 { background: transparent url(../images/backgrounds/axe.jpg) no-repeat top center; }
.bg2 { background: transparent url(../images/backgrounds/torn-wall.jpg) no-repeat top center; }

/********************************************************************************************
** BASE LAYOUT
*********************************************************************************************/

* HTML DIV#wrap
{
	background: none !important;
}

/*
Wrapper block so background can reach the bottom on those Apple 30"r's.
Credit: Stuart Nicholls - http://www.cssplay.co.uk/layouts/background
*/
DIV#wrap
{
	position: absolute;
	top: 0px; left: 0px; bottom: 0px; right: 0px;
	width: 100%; height: 100% !important;
	overflow: auto;
	/* background: transparent url(../images/impact-cont-bg.png) repeat-y top center; */
}

/*
BODY backgrounds won't show with since we're using a wrap as a pseudo body.
*/
DIV#bgs
{
	z-index: -1;
	position: absolute;
	width: 100%; height: 100%;
	left: 0; top: 0;
}

DIV#bgs DIV#bg-random
{
	position: absolute;
	width: 100%; height: 100%;
	left: 0; top: 0;
	z-index: -1;
}

DIV#bgs DIV#bg-content
{
	margin: 0 auto;
	width: 1032px; height: 100% !important; 
	z-index: 2;
	background: transparent url(../images/impact-cont-bg.png) repeat-y top center;
}

/* 
ID is #top to enable linking to the top of the page without adding
another element like <A NAME> to the page. 
*/
DIV#top
{
	margin: 0 auto; 
	padding-bottom: 50px;
	width: 1032px !important;
	height: 100%;
}

/*
All content inside the wrapper block are placed inside a .container block which
should define common placement within the wrapper.
*/
DIV.container
{
	position: relative;
	/* margin-left: 63px; */
	margin-left: 55px;
	margin-right: 55px;
}

H1.is-image, H2.is-image, H3.is-image
{
	margin: 0;
	overflow: hidden;
	height: 0;
}

/********************************************************************************************
** MASTHEAD
*********************************************************************************************/

DIV#mast
{
	margin-right: 28px;
	height: 142px;
	background: transparent url(../images/para_chopper_bg.jpg) no-repeat top right;
}

DIV#mast .title-header
{
	position: relative;
	left: 1px; top: 9px;
	padding-top: 66px;
	width: 424px;
	background: transparent url(../images/impact-header.png) no-repeat;
}

/********************************************************************************************
** YOUTUBE PLAYER
*********************************************************************************************/

DIV#youtube
{
	position: relative;
	left: -65px; top: -59px;
	background: transparent url(../images/youtube_backdrop.png) no-repeat 0px top;
	width: 1060px; height: 432px;
}

DIV#youtube-embed
{
	position: relative;
	left: 161px; top: 8px;
	width: 746px; height: 413px; 
}

/********************************************************************************************
** SHOW LISTING
*********************************************************************************************/

DIV#shows
{
	top: -38px; left: 2px;
}

DIV#shows .section-header
{
	background: transparent url(../images/shows_header.gif) no-repeat;
	padding-top: 24px;
}

/*
Show Menu.
*/

DIV#shows DIV#show-menu
{
	position: relative;
	float: right;
	margin-right: 26px;
	margin-top: -22px;
}

DIV#shows DIV#show-menu LABEL#show-lbl
{
	font-weight: bold;
	font-size: 1.2em;
	color: #818181;
}

DIV#shows DIV#show-menu SELECT#show-select
{
	color: #faa21d;
	font-size: 1em;
	font-weight: bold;
}

/*
Show List.
*/

DIV#shows DIV#shows-list
{
	clear: both;
	margin: 15px 25px 0 0;
	height: 481px;
	overflow: auto;
}

DIV#shows DIV#shows-list DIV.show
{
	position: relative;
	overflow: hidden;
	padding: 10px 0 10px 13px;
	cursor: pointer;
}

DIV#shows DIV#shows-list DIV.show.hover
{
	background-color: #eeeeee !important;
}

DIV#shows DIV#shows-list DIV.show.hover .title
{
	color: #faa21d !important;
}

DIV#shows DIV#shows-list DIV.show IMG.hd
{
	position: relative;
	right: -640px; top: 20px;
}

DIV#shows DIV#shows-list DIV.show .title
{
	position: relative;
	left: 157px;
	margin: 0;
	font-size: 1.7em;
	color: #818181;
}

DIV#shows DIV#shows-list DIV.show IMG
{
	float: left;
	margin-top: -2.2em;
}

DIV#shows DIV#shows-list DIV.show .show-description
{
	margin: -15px 90px 0 157px;
}

/********************************************************************************************
** CALLOUTS
*********************************************************************************************/

DIV#callouts
{
	top: -20px;
	overflow: hidden;
	width: 960px;
}

DIV#callouts DIV.callout
{
	display: block;
	/*float: left;*/
	width: 306px; height: 153px;
	background: transparent url(../images/bottom-cont-bg.png) no-repeat top center;
}

DIV#callouts DIV.callout .content
{
	margin: 0 15px;
}

/* 
CALLOUT: Action on Comcast 
*/

DIV#callouts DIV#action-on-comcast
{
margin:auto;
}

DIV#callouts DIV#action-on-comcast .callout-header
{
	width: 252px;
	padding-top: 36px;
	background: transparent url(../images/action_on_comcast.gif) no-repeat;
	
}

DIV#callouts DIV#action-on-comcast IMG
{
	float: left;
}

DIV#callouts DIV#action-on-comcast .description
{
	margin-right: 8px;
	font-size: .9em;
	line-height: 1em;
	color: #424242;
}

/* 
CALLOUT: Action Poll
*/

DIV#callouts DIV#action-poll
{
}

DIV#callouts DIV#action-poll .callout-header
{
	margin-top: 7px;
	padding-top: 22px;
	width: 217px;
	background: transparent url(../images/action_poll.gif) no-repeat;
}

DIV#callouts DIV#action-poll H2#poll-name
{
	margin: 8px 0 0 7px;
	font-size: 1.2em;
	color: #494949;
}

DIV#callouts DIV#action-poll .poll-choice
{
	float: left;				
	margin: 0;
	width: 130px;
	white-space: nowrap;
	font-size: .85em;
}
.radioButton {
	font-size:9%;
}
.poll-vote {
	vertical-align: top;
}

/* 
CALLOUT: Action Shot of the Day
*/

DIV#callouts DIV#action-shot
{
	background: transparent url(../images/action-shot-bg.jpg) no-repeat;
}

DIV#callouts DIV#action-shot .callout-header
{
	margin-top: 7px;
	padding-top: 22px;
	width: 241px;
	background: transparent url(../images/action_shot_of_the_day.gif) no-repeat;
}

DIV#callouts DIV#action-shot IMG
{
	position: relative;
	top: 0px; left: 36px;
}

DIV#callouts DIV#action-shot IMG.smoothbox
{
	visibility: hidden;
}

DIV#callouts DIV#action-shot IMG.smoothbox.visible
{
	visibility: visible;
}

/********************************************************************************************
** FOOTER
*********************************************************************************************/

DIV#footer
{
	top: 30px;
}

DIV#footer P
{
	text-align: center;
	color: #999;
}

DIV#footer A		
{
	color: #999;
}

/********************************************************************************************
** DEBUGGING (should be disabled/removed for production)
*********************************************************************************************/	

/*
Get flash button.
*/
A#getflash
{
	position: absolute;
	left: 50%; top: 50%;
	display: block;
	margin-left: -56px; margin-top: -16px;
	width: 112px; height: 33px;
}	

/*
Comp overlay.
*/ 
DIV#overlay
{
	position: absolute;
	left: 1px; top: 0;
	width: 100%; height: 1425px;
	margin-right: 30px;
	background: transparent url(../images/debug/overlay.jpg) repeat-y top center;
	z-index: 500 !important;
	opacity: .5;
	display: none;
}

/*
Placement testing.
*/
DIV#fpo
{
	display: none;
	position: absolute;
	bottom: 0px;
	height: 10px;
	width: 100%;
	background-color: #f90;
}