/*******************************
 *
 *	LAYOUT.CSS
 *
 *  Version: 1.0
 *
 *	Authors: 
 *	The Roundhouse
 *  Tom Knowles / Paul Lewis / Mike Harris / Gav Dellbridge / Dan Pace / Dan Nisbet
 *
 *  Description:
 *
 *	This CSS deals with the actual layout 
 *  of the pages. Positions, sizes and margin/padding.
 */
 
html, body
{
	  height: 					100%;
}

body 
{
	margin:						0;
	padding:					0;
	
	color: 						#B8B8B8;
	font-family: 				Arial, Helvetica, sans-serif;
	font-size: 					80%;
	line-height: 				150%;
	background:					#1B1B1B url(../z_images/layout/bg_fade.jpg) repeat-x bottom;
	
}

/* CONTENT */

#wrapper
{
	width:						950px;
	min-height:                 100%;
	margin:						0 auto;	
	margin-top:					-1px;
	background: 				url(../z_images/layout/bg_1024wrapper.gif) repeat-y center;
	position:					relative;
	border-bottom:				1px transparent solid;
}

#wrapper_flash
{
	position:					relative;
	padding:               	    0px 10px 10px 10px;
	background:					url(../z_images/layout/bg_1024flash.gif) no-repeat top;
	margin-bottom:              40px;
	width:						930px;
	height:						570px;
}


/* leaderboard */
#wrapper_leaderboard
{
	height: 					100%;
	background-image:			url(../z_images/layout/bg_leaderboard.jpg);
	background-repeat: 			no-repeat;
}

#pretzel_drop_left,
#pretzel_drop_right
{
	width: 						130px; 
	height: 					540px;
	position:					absolute;
	top: 						30px;
}

#pretzel_drop_right
{
	right:						9px;
}

#play_link
{
	text-indent:				-3000px;
	position:					absolute;
	display:					block;
	width:						130px;
	height:						28px;
	left: 						196px;
	top: 						325px;
	outline:					none;
}

#additional_info
{
	font-size:					90%;
	position:					absolute;
	display:					block;
	width:						240px;
	left: 						142px;
	top: 						395px;
}

#additional_info a
{
	color: 						#E52526;
}

#additional_info p
{
	margin: 					0;
}

#leaderboard_table
{
	width:						375px;
	height:						423px;
	position: 					absolute;
	left:						446px;
	top:						107px;
	background-image:			url(../z_images/layout/bg_leaderboard_table.jpg);
	background-repeat: 			no-repeat;
}

#leaderboard_table
{
	width:						375px;
	color: 						white;
}

#leaderboard_table_wrapper
{
	margin-top:					50px;
	width:						369px;
	height:						360px;
	overflow:					auto;
}

#leaderboard_table_wrapper table
{
	font-size:					90%;
	width:						330px;
	margin-left: 				15px;
	border-collapse:			collapse;
}

#leaderboard_table_wrapper table tr
{
	margin: 					0 15px 0 15px;
}

#leaderboard_table_wrapper table thead
{
	text-transform:				uppercase;
	height:						35px;
	color: 						#595959;
	border-bottom:				1px solid #565656;
}

#leaderboard_table_wrapper th, td
{
	vertical-align:				top;
	text-align:					left;
	padding:					5px;/* 5px 0 5px; */
	margin: 					0;
}

#leaderboard_table_wrapper th.left,
#leaderboard_table_wrapper td.left
{
	padding-left: 				15px;
}

#leaderboard_table_wrapper th.right,
#leaderboard_table_wrapper td.right
{
	padding-right: 				15px;
	text-align:					center;
}

#leaderboard_table_wrapper .first
{
	font-size: 					140%;
	color: 						#8AB51E;
}

#leaderboard_table_wrapper .second
{
	font-size: 					120%;
}

#leaderboard_table_wrapper .even
{
	background-color: 			#171717;
}

/* NAV */

#router
{
	width: 						750px;	
	position:					relative;
	top:						-60px;
	left:						100px;	
}

/* SOCIAL BOOKMARKS */

#social
{
	position:					relative;
	left:						280px;		
	width:			250px;
}

#social li
{
	display:					block;
	float:						left;
	width:						28px;
	height:						26px;
	text-indent:                -6000px;
}

#social li a
{
	display:					block;
	width:						28px;
	height:						26px;
	line-height:				0px;
	font-size:					0px;
}

#social li.digg
{
	background:					url(../z_images/layout/btn_digg.gif) no-repeat top;
}

#social li.delicious
{
	background:					url(../z_images/layout/btn_deli.gif) no-repeat top;
}

#social li.myspace
{
	background:					url(../z_images/layout/btn_myspace.gif) no-repeat top;
}

#social li.facebook
{
	background:					url(../z_images/layout/btn_facebook.gif) no-repeat top;
}

/* FOOTER */

#footerwrap
{
	position: 					relative;
	width: 						100%;
	margin-top:					-40px;
	
}

#footer
{
	margin:						0 auto;
	
	width: 						730px;
	width:						880px;
	height: 					40px;
	padding-left:               70px;
}

/* FOOTER CREDITS*/

#credits
{
	width: 						710px;
	
	height: 					16px;
	border: 					0px;
	margin-left: 				40px;
	margin-right: 				15px;
	
	font-size: 					70%;
	color: 						#878787;
	
}

#credits a
{
	color: 						#878787;
	text-decoration:			none;
}

#credits a:hover
{
	color: 						#FFF;
}

#copyright
{
	float:						left;	
	width: 						510px;
	height: 					18px;
	
	margin-left:				20px;	
	line-height: 				0;
	text-indent: 				-6000px;
	font-size: 					0;
	
	background-image: 			url(../z_images/intersnack_logo.gif);
	background-repeat: 			no-repeat;
}

#design
{
	font-size: 					95%;
	float: 						right;
	color:						#5D5D5D;
	text-transform: 			uppercase;
}

#design a 
{
	color:						#5D5D5D;
}

/* MISC */

.hidden
{
	display:					none;
}