/* -------------------------------------------------------------------
Title: Season's Beatings
Author: ASI Communications
--------------------------------------------------------------------*/

/*--------------------------------------------------------------------
Default Elements -----------------------------------------------------
--------------------------------------------------------------------*/
body{
	font-family: Helvetica, Arial, sans-serif;
	background: #93090d url('../images/bg_gradient.jpg') repeat-x center top;
}
a:link{color:#73dcff;text-decoration:none;}
a:visited{color:#73dcff;text-decoration:none;}
a:hover{color:white;text-decoration:underline;}
a:active{color: white;text-decoration:underline}
/*--------------------------------------------------------------------
Bacgkrounds and Parallax Scrolling Elements --------------------------
--------------------------------------------------------------------*/
#stage{
	position:absolute;
	width:100%;
	height:768px;
	z-index:-10;
	background: url('../images/bg_stage.jpg') no-repeat center top;
}
#logo{
	position: absolute;
	width: 508px;
	height: 248px;
	top:0;
	left:50%;
	margin-left:-254px;
	z-index: 10;
}
#logos{
	position: absolute;
	width: 100%;
	left:0;
	bottom:24px;
	z-index:100;
}
#asi_logo{float:left;margin-left: 24px;}
#cc_logo{float:right;margin:24px 24px 0 0;}

/*Inner Content, not important to the styling of parallax ----------*/
	.left_contestant,.right_contestant,.vsbox{
		float:left;
		width: 428px;
	}
	.vsbox{width:142px;}
	.vsbox .share_container{	
		width: 130px;
		margin: 355px 12px 0;
		text-align:center;
	}
	.share_container a{
		display:block;
		width: 40px;
		height: 39px;
		background: url('../images/icons_social.png') no-repeat;
		text-indent:-99999px;
		float:left;
	}
	.share_container a.facebook{background-position: 0 -3px;margin-left:-3px;}
	.share_container a.twitter{background-position: -41px -3px;}
	.share_container a.digg{background-position: -82px -3px;}
	
	.left_contestant .title{margin: 0;}
	.right_contestant .title{margin-left:95px;}
	.left_contestant .picture{margin: 20px 0 0 57px;}
	.right_contestant .picture{margin: 20px 0 0 19px;}
	
	/*Numbers and the bar -------------------------------------------*/
	.left_contestant .thumbsup_number,.right_contestant .thumbsup_number{
		position: absolute;
		left: 190px;
		top: 357px;
		color: #73dcff;
		font-weight:bold;
		font-size: 16px;
	}
	.right_contestant .thumbsup_number{left:722px;}
	
	.left_contestant .bar,.right_contestant .bar{
		position: absolute;
		/*width: 126px; 132px is max length*/
		top:389px;
		left: 91px;
	}
	.right_contestant .bar{left: 623px;}
		
/*Stats ------------------------------------------------------------*/
	.stats ul li{		
		font-size:13px;
		height: 30px;
		text-indent: 38px;
		overflow:hidden;
		line-height: 30px;
		margin-bottom:2px;
	}	
	.stats ul li a{display:block;height:30px;width:160px;}
	.stats ul li.browser{background: url('../images/icons_stats.png') no-repeat 0 -33px;}
	.stats ul li.os{background: url('../images/icons_stats.png') no-repeat 0 -33px;}/* 0 2px = line */
	.stats ul li.speed{background: url('../images/icons_stats.png') no-repeat 0 -66px;}
	.stats ul li.state{background: url('../images/icons_stats.png') no-repeat 0 -66px;}/* 0 -99px = state */
	.left_contestant .stats {margin: 15px 0 0 240px;}
	.right_contestant .stats{margin: 15px 0 0 200px;}
	
	/*Stat Popups --------------------------------------------------*/
	.left_contestant .browser_stats,.right_contestant .browser_stats,
	.left_contestant .os_stats,.right_contestant .os_stats,
	.left_contestant .speed_stats,.right_contestant .speed_stats,
	.left_contestant .state_stats,.right_contestant .state_stats
	{
		position: absolute;
		top:60px;
		width: 449px;		
		left:-99999px;
		height: 271px;
		background: url('../images/bg_left_stats_popup.png') no-repeat;
		z-index: 20;
	}
	.right_contestant .browser_stats,.right_contestant .os_stats,
	.right_contestant .speed_stats,.right_contestant .state_stats
	{
		background: url('../images/bg_right_stats_popup.png') no-repeat;
	}
	.right_contestant .browser_stats div,.right_contestant .os_stats div,
	.right_contestant .speed_stats div,.right_contestant .state_stats div
	{
		margin-left:-30px;
	}
	.left_contestant .os_stats,.right_contestant .os_stats{top:90px;}
	.left_contestant .speed_stats,.right_contestant .speed_stats{top:120px;}
	.left_contestant .state_stats,.right_contestant .state_stats{top:150px;}
	
	/*Hovers */
	.left_contestant .browser:hover .browser_stats{left:333px;}
	.left_contestant .os:hover .os_stats{left:387px;}
	.left_contestant .speed:hover .speed_stats{left:360px;}
	.left_contestant .state:hover .state_stats{left:355px;}
	
	.right_contestant .browser:hover .browser_stats,
	.right_contestant .os:hover .os_stats,
	.right_contestant .speed:hover .speed_stats,
	.right_contestant .state:hover .state_stats{left:360px;}
	
	/*No data in the bubble or ajax loading*/
	.nodata{
		position:absolute;
		text-align:center;
		width:367px;
		margin:89px 0 0 56px;
		text-indent:0;
		font-weight:bold;
		font-size:16px;
		color:#920A0E;
		line-height: 18px;
	}
	.right_contestant .nodata p{margin: 75px 0 0 52px;}
	.nodata span{font-size: 25px;}
/*--------------------------------------------------------------------
Navigation and buttons -----------------------------------------------
--------------------------------------------------------------------*/
#navigation {
	position:absolute;
	width: 990px;
	height:60px;
	left:50%;
	margin-left:-490px;
	top:600px;
	z-index:1000;
}
#navigation ul {
	list-style-type: none;
	height: 60px;
}
#navigation ul li {
	float: left;
	position: relative;
	text-indent:-99999px;
	cursor: pointer;
	margin-right:1px;
}
#navigation ul li a {
	display: block;
	text-decoration: none;
	position: relative;
	font-size: 10px;
	color: #FFF;
	height: 26px;
	text-align: left;
	font-weight:bold;
	width: 52px;
	height:51px;
	padding-top:5px;
	background: url('../images/thumbnails.png') no-repeat -624px 5px;
}
.btn_next{margin-left:4px;}
.btn_prev{margin-right:5px;}
/*Thumbnails -------------------------------------------------------*/
#navigation ul li a.round1{background-position: 0 5px;}
#navigation ul li a.round2{background-position: -52px 5px;}
#navigation ul li a.round3{background-position: -104px 5px;}
#navigation ul li a.round4{background-position: -156px 5px;}
#navigation ul li a.round5{background-position: -208px 5px;}
#navigation ul li a.round6{background-position: -260px 5px;}
#navigation ul li a.round7{background-position: -312px 5px;}
#navigation ul li a.round8{background-position: -364px 5px;}
#navigation ul li a.round9{background-position: -416px 5px;}
#navigation ul li a.round10{background-position: -468px 5px;}
#navigation ul li a.round11{background-position: -520px 5px;}
#navigation ul li a.round12{background-position: -572px 5px;}
/*Hover ------------------------------------------------------------
.navigation ul li a.round1:hover{background-position: 0 -51px;}
.navigation ul li a.round2:hover{background-position: -52px -51px;}
.navigation ul li a.round3:hover{background-position: -104px -51px;}
.navigation ul li a.round4:hover{background-position: -156px -51px;}
.navigation ul li a.round5:hover{background-position: -208px -51px;}
.navigation ul li a.round6:hover{background-position: -260px -51px;}
.navigation ul li a.round7:hover{background-position: -312px -51px;}
.navigation ul li a.round8:hover{background-position: -364px -51px;}
.navigation ul li a.round9:hover{background-position: -416px -51px;}
.navigation ul li a.round10:hover{background-position: -468px -51px;}
.navigation ul li a.round11:hover{background-position: -520px -51px;}
.navigation ul li a.round12:hover{background-position: -572px -51px;}
.navigation ul li a.round1:hover{background-position: 0 0;}
.navigation ul li a.round2:hover{background-position: -52px 0;}
.navigation ul li a.round3:hover{background-position: -104px 0;}
.navigation ul li a.round4:hover{background-position: -156px 0;}
.navigation ul li a.round5:hover{background-position: -208px 0;}
.navigation ul li a.round6:hover{background-position: -260px 0;}
.navigation ul li a.round7:hover{background-position: -312px 0;}
.navigation ul li a.round8:hover{background-position: -364px 0;}
.navigation ul li a.round9:hover{background-position: -416px 0;}
.navigation ul li a.round10:hover{background-position: -468px 0;}
.navigation ul li a.round11:hover{background-position: -520px 0;}
.navigation ul li a.round12:hover{background-position: -572px 0;}*/
.menu_tooltip{
	width: 162px;
	height: 55px;
	background: url('../images/bg_hover_menu.png') no-repeat;
	position:absolute;
	z-index:100;
	top:-34px;
	left:-99999px;
}
.menu_tooltip p{
	color:black;
	font-size:11px;
	margin: 15px 0;
	text-align:center;
	font-weight:bold;
	text-indent:0;
}
#navigation li:hover .menu_tooltip{left:-55px;}
/*Next buttons -----------------------------------------------------*/
	#navigation ul li.btn_next a{
		width: 169px;
		height: 58px;
		padding-top:0;
		background: url('../images/btn_next.png') no-repeat;
	}	
	#navigation ul li#nobgfirst a,
	#navigation ul li#nobglast a{background:none;cursor:auto;}
	
	#navigation ul li.btn_next a.round2{background-position: -169px 0;}
	#navigation ul li.btn_next a.round3{background-position: -338px 0;}
	#navigation ul li.btn_next a.round4{background-position: -507px 0;}
	#navigation ul li.btn_next a.round5{background-position: -676px 0;}
	#navigation ul li.btn_next a.round6{background-position: -845px 0;}
	#navigation ul li.btn_next a.round7{background-position: 0 -117px;}
	#navigation ul li.btn_next a.round8{background-position: -169px -117px;}
	#navigation ul li.btn_next a.round9{background-position: -338px -117px;}
	#navigation ul li.btn_next a.round10{background-position: -507px -117px;}
	#navigation ul li.btn_next a.round11{background-position: -676px -117px;}
	#navigation ul li.btn_next a.round12{background-position: -845px -117px;}
/*Hover ------------------------------------------------------------*/
	#navigation ul li.btn_next a.round1:hover{background-position: 0 -58px;}
	#navigation ul li.btn_next a.round2:hover{background-position: -169px -58px;}
	#navigation ul li.btn_next a.round3:hover{background-position: -338px -58px;}
	#navigation ul li.btn_next a.round4:hover{background-position: -507px -58px;}
	#navigation ul li.btn_next a.round5:hover{background-position: -676px -58px;}
	#navigation ul li.btn_next a.round6:hover{background-position: -845px -58px;}
	#navigation ul li.btn_next a.round7:hover{background-position: 0 -175px;}
	#navigation ul li.btn_next a.round8:hover{background-position: -169px -175px;}
	#navigation ul li.btn_next a.round9:hover{background-position: -338px -175px;}
	#navigation ul li.btn_next a.round10:hover{background-position: -507px -175px;}
	#navigation ul li.btn_next a.round11:hover{background-position: -676px -175px;}
	#navigation ul li.btn_next a.round12:hover{background-position: -845px -175px;}
/*Prev buttons -----------------------------------------------------*/
	#navigation ul li.btn_prev a{
		width: 169px;
		height: 58px;
		padding-top:0;
		background: url('../images/btn_previous.png') no-repeat;
	}	
	#navigation ul li.btn_prev a.round2{background-position: -169px 0;}
	#navigation ul li.btn_prev a.round3{background-position: -338px 0;}
	#navigation ul li.btn_prev a.round4{background-position: -507px 0;}
	#navigation ul li.btn_prev a.round5{background-position: -676px 0;}
	#navigation ul li.btn_prev a.round6{background-position: -845px 0;}
	#navigation ul li.btn_prev a.round7{background-position: 0 -117px;}
	#navigation ul li.btn_prev a.round8{background-position: -169px -117px;}
	#navigation ul li.btn_prev a.round9{background-position: -338px -117px;}
	#navigation ul li.btn_prev a.round10{background-position: -507px -117px;}
	#navigation ul li.btn_prev a.round11{background-position: -676px -117px;}
	#navigation ul li.btn_prev a.round12{background-position: -845px -117px;}
/*Hover ------------------------------------------------------------*/
	#navigation ul li.btn_prev a.round1:hover{background-position: 0 -58px;}
	#navigation ul li.btn_prev a.round2:hover{background-position: -169px -58px;}
	#navigation ul li.btn_prev a.round3:hover{background-position: -338px -58px;}
	#navigation ul li.btn_prev a.round4:hover{background-position: -507px -58px;}
	#navigation ul li.btn_prev a.round5:hover{background-position: -676px -58px;}
	#navigation ul li.btn_prev a.round6:hover{background-position: -845px -58px;}
	#navigation ul li.btn_prev a.round7:hover{background-position: 0 -175px;}
	#navigation ul li.btn_prev a.round8:hover{background-position: -169px -175px;}
	#navigation ul li.btn_prev a.round9:hover{background-position: -338px -175px;}
	#navigation ul li.btn_prev a.round10:hover{background-position: -507px -175px;}
	#navigation ul li.btn_prev a.round11:hover{background-position: -676px -175px;}
	#navigation ul li.btn_prev a.round12:hover{background-position: -845px -175px;}
/*--------------------------------------------------------------------
Parallax Scrolling Elements ------------------------------------------
--------------------------------------------------------------------*/
.snowflakes,.ppl{
	width:100%;
	height:102px;
	overflow:hidden;
}
#snowflakes_background,#ppl_background{
	width:9000px; 
	height:100%; 
	background: url('../images/bg_snowflakes_background.png') repeat-x;
}
#snowflakes2,#ppl2{
	position:relative; 
	top:-102px; 
}
#snowflakes_middleground,#ppl_middleground{
	width:9000px; 
	height:100%; 
	background: url('../images/bg_snowflakes_middleground.png') repeat-x;
}
#snowflakes3,#ppl3{
	position:relative; 
	top:-204px; 
}
#snowflakes_foreground,#ppl_foreground{
	width:9000px; 
	height:100%; 
	background: url('../images/bg_snowflakes_foreground.png') repeat-x;
}
/*Bottom Parallax --------------------------------------------------*/
.ppl{height:251px;}
#ppl1{top:40px;position:relative;}
#ppl2{top:-251px;}
#ppl3{top:-410px;}
#ppl_background{background: url('../images/bg_ppl_background.png') repeat-x;}
#ppl_middleground{background: url('../images/bg_ppl_middleground.png') repeat-x;}
#ppl_foreground{background: url('../images/bg_ppl_foreground.png') repeat-x;}

/*Main container to make parallax scrolling work -------------------*/
	#container{ 
		width:100%; 
		height:100%; 
		position:absolute; 
		top:0; 
		left:0; 
		overflow:hidden; 
	}
	#mask{width:1200%; height:100%;}
	.box{ 
		width:8.33%; /* 100/n n= #mask width/100 */
		height:100%; 
		float:left;
		text-align: center; /*center in ie*/
	}
	.content{ 
		width:1020px; 
		height:550px; 
		top:113px; 
		margin: 0 auto; 
		position:relative; 
		text-align: left;
	}
	.inner{ 
		width:998px; 
		height:473px; 
		padding:10px 11px 0 11px; 
		top:5px; 
		position:relative;
		background: url('../images/bg_inner_content.png') no-repeat 10px 73px;
	}
	
/*Sticky Footer ----------------------------------------------------*/
	#footer {
		position: absolute;
		bottom:0;
		width:100%;
		height: 251px;
		z-index:-9;
		background:none;
		overflow:hidden;
	}
	
/*--------------------------------------------------------------------
Sprites For Days -----------------------------------------------------
--------------------------------------------------------------------*/
.left_contestant .picture a,.right_contestant .picture a{
	display:block;
	width: 350px;
	height: 185px;
	overflow:hidden;
	position:relative;
	text-indent:-99999px;
}
#day1-1{background: url('../images/day1/grinch_carry_sprite.jpg') no-repeat;}
#day1-2{background: url('../images/day1/grinch_seuss_sprite.jpg') no-repeat;}
#day2-1{background: url('../images/day2/angle_top_sprite.jpg') no-repeat;}
#day2-2{background: url('../images/day2/star_top_sprite.jpg') no-repeat;}
#day3-1{background: url('../images/day3/rudolph_sprite.jpg') no-repeat;}
#day3-2{background: url('../images/day3/frosty_sprite.jpg') no-repeat;}
#day4-1{background: url('../images/day4/jellomold_sprite.jpg') no-repeat;}
#day4-2{background: url('../images/day4/fruitcake_sprite.jpg') no-repeat;}
#day5-1{background: url('../images/day5/snow_angel_sprite.jpg') no-repeat;}
#day5-2{background: url('../images/day5/snow_man_sprite.jpg') no-repeat;}
#day6-1{background: url('../images/day6/charlie_tree_sprite.jpg') no-repeat;}
#day6-2{background: url('../images/day6/rockafeller_tree_sprite.jpg') no-repeat;}
#day7-1{background: url('../images/day7/secret_santa_sprite.jpg') no-repeat;}
#day7-2{background: url('../images/day7/white_elephant_sprite.jpg') no-repeat;}
#day8-1{background: url('../images/day8/matching_sweaters_sprite.jpg') no-repeat;}
#day8-2{background: url('../images/day8/reindeer_antlers_sprite.jpg') no-repeat;}
#day9-1{background: url('../images/day9/drunk_boss_sprite.jpg') no-repeat;}
#day9-2{background: url('../images/day9/drunk_intern_sprite.jpg') no-repeat;}
#day10-1{background: url('../images/day10/fake_tree_sprite.jpg') no-repeat;}
#day10-2{background: url('../images/day10/real_tree_sprite.jpg') no-repeat;}
#day11-1{background: url('../images/day11/naughty_sprite.jpg') no-repeat;}
#day11-2{background: url('../images/day11/nice_sprite.jpg') no-repeat;}
#day12-1{background: url('../images/day12/national_lampoons_sprite.jpg') no-repeat;}
#day12-2{background: url('../images/day12/christmas_story_sprite.jpg') no-repeat;}

#day1-1:hover,#day1-2:hover,#day2-1:hover,#day2-2:hover,#day3-1:hover,#day3-2:hover,
#day4-1:hover,#day4-2:hover,#day5-1:hover,#day5-2:hover,#day6-1:hover,#day6-2:hover,
#day7-1:hover,#day7-2:hover,#day8-1:hover,#day8-2:hover,#day9-1:hover,#day9-2:hover,
#day10-1:hover,#day10-2:hover,#day11-1:hover,#day11-2:hover,#day12-1:hover,#day12-2:hover,
#day1-1.checked,#day1-2.checked,#day2-1.checked,#day2-2.checked,#day3-1.checked,#day3-2.checked,
#day4-1.checked,#day4-2.checked,#day5-1.checked,#day5-2.checked,#day6-1.checked,#day6-2.checked,
#day7-1.checked,#day7-2.checked,#day8-1.checked,#day8-2.checked,#day9-1.checked,#day9-2.checked,
#day10-1.checked,#day10-2.checked,#day11-1.checked,#day11-2.checked,#day12-1.checked,#day12-2.checked
{
	background-position: 0 -185px;
}
#day1-1.crossed,#day1-2.crossed,#day2-1.crossed,#day2-2.crossed,#day3-1.crossed,#day3-2.crossed,
#day4-1.crossed,#day4-2.crossed,#day5-1.crossed,#day5-2.crossed,#day6-1.crossed,#day6-2.crossed,
#day7-1.crossed,#day7-2.crossed,#day8-1.crossed,#day8-2.crossed,#day9-1.crossed,#day9-2.crossed,
#day10-1.crossed,#day10-2.crossed,#day11-1.crossed,#day11-2.crossed,#day12-1.crossed,#day12-2.crossed
{
	background-position: 0 -370px;
}

/*--------------------------------------------------------------------
Splash Page ----------------------------------------------------------
--------------------------------------------------------------------*/
#splash #stage{background:none;}
#splash #mask{width:100%;}
#splash .box{ 
	width:100%;
}
#splash .inner{ 
	width:713px;
	background: none;
	margin: 75px auto 0;
}
#splash .inner p{
	font-size:25px;
	font-weight:bold;
	color: white;
	line-height: 32px;
	margin: 15px 0 30px;
}
#splash .inner a{width:287px;display:block;margin: 0 auto;}


/*Misc Classes ----------------------------------------------------*/
.a2a_dd,a[name="fb_share"]{margin-left:-12px;}