/*

SLAPSHOT style sheet
*/

body{margin: 0; padding: 0; background: url(img/bg.gif) top left repeat-x #202020; font-size: 62.5%; font-family: 'Lucida Grande', Arial, Helvetica, Sans-Serif; color: #fff;}
	
	ul.topbar_se{
		background: url(img/bar_se.gif) top left repeat-x #999; height: 50px; width: 100%; list-style: none;
	}
	
	
	
	ul.topbar_se li{float: left; margin: 0; padding: 0;}
	ul.topbar_se li.right{float: right; margin: 0; padding: 0; text-indent: -900em;}
	ul.topbar_se li a {color: #FFF; height: 50px; text-decoration: none; display: block; text-decoration: none; }
	
	ul.topbar_se #nav-om a{
		
		width: 116px;
		background: url(img/btn_om.gif) no-repeat left top;
	}
	
	ul.topbar_se #nav-om a:hover{
		background-position: 0 -50px;
	}
	
	
	ul.topbar_se #nav-suomi a{
		
		width: 97px;
		background: url(img/btn_suomi.gif) no-repeat left top;
	}
	
	ul.topbar_se #nav-suomi a:hover{
		background-position: 0 -50px;
	}
	
	
/*	ul.topbar_se li a:hover{color: #F90;}*/
	
	ul.topbar_fi{
		background: url(img/bar_fi.gif) top left repeat-x #999; height: 50px; width: 100%; list-style: none;	
	}
	
	
	ul.topbar_fi li {float: left; margin: 0; padding: 0;}
	ul.topbar_fi li.right{float: right; margin:0; padding: 0; text-indent: -900em;}
	ul.topbar_fi li a {color: #FFF; height: 50px; text-decoration: none; display: block; text-decoration: none; }
	/*ul.topbar_fi li a:hover{}*/
	
	ul.topbar_fi #nav-svenska a{
		
		width: 110px;
		background: url(img/btn_svenska.gif) no-repeat left top;
	}
	
	ul.topbar_fi #nav-svenska a:hover{
		background-position: 0 -50px;
	}
	
	
	ul.topbar_fi #nav-tietoa a{
		
		width: 138px;
		background: url(img/btn_tietoa.gif) no-repeat left top;
	}
	
	ul.topbar_fi #nav-tietoa a:hover{
		background-position: 0 -50px;
	}
	
	#wrapper {
		clear: both;
		margin: 19px auto;
		padding:0;
		width: 700px;
	}
	
	#fb_content{
		width: 1020px;
		float: none;
		margin: 19px auto;
	}
	
	#wrapper_fb {
		float: left;
		margin: 0 20px 0 0;
		padding:0;
		width: 700px;
	}
	
	#ad_fb{
		float: left;
		margin: 0;
		width: 300px;
	}
	
	
	#fin_ad_wrapper{
		clear: both;
		margin: 19px auto;
		padding: 0;
		width: 930px;
	}
	
	#swe_ad_wrapper{
		clear: both;
		margin: 19px auto;
		padding: 0;
		width: 1030px;
		/*width: 1308px;*/
	}
	
	#wrapper_swe {
		float: left;
		margin: 0;
		padding:0;
		width: 700px;
	}
	
	
	#wrapper_fi {
		float: left;
		margin: 0;
		padding:0;
		width: 700px;
	}

	#banner_ad{ float: right; width: 200px; margin: 0; padding: 0; height: 430px;}
	
	#swe_banner{ float: right; width: 300px; margin: 0; padding: 0; height: 433px;}

	#playercontainer{width: 248px; float: left; margin: 0 20px 0 0;}
	
	img {border: 0;}

	
	#footer {
		font-size: 1em;
		text-align: center;
		clear: both;
		margin: 10px auto;
		text-align: center;
		width: 700px;
	}
	
	#header{
		margin: 0; padding: 0; width: 700px; height: 160px;	
	}
	
	.clear{clear: both;}
	
	#content{
		clear: both;
		background: url(img/battle_bg.jpg) top left no-repeat;
		width: 700px;
		margin: 0; 
		padding:20px 0 0 0;
	}
	
	#content p{text-align: center; font-size: 1.4em; line-height: 1.5em; margin: 0 0 1.5em 0;}
	
	#subcontent{margin: 15px 0 0 0;}
	
	
	#swe_btn{
		float: left;
		margin: 0;
		padding: 0;
		width: 260px;
		height: 185px;
	}
	
	#swe_btn a{display: block; width: 265px; height: 185px; background: url(img/final_puck_se.jpg) 0 0 no-repeat;}
	#swe_btn a:hover{background: url(img/final_puck_se.jpg) 0 -185px no-repeat;}
	
	#swe_btn_right{
		float: left;
		margin: 0;
		padding: 0;
		width: 260px;
		height: 185px;
	}
	
	#swe_btn_right a{display: block; width: 265px; height: 185px; background: url(img/final_puck_right_se.jpg) 0 0 no-repeat;}
	#swe_btn_right a:hover{background: url(img/final_puck_right_se.jpg) 0 -185px no-repeat;}

	
	#vs{
		width: 180px;
		height: 185px;
		float: left;
		margin: 0;
		padding: 0;
		background: url(img/battle_vs.jpg) top left no-repeat;
	}
	
	#fin_btn{
		float: left;
		margin: 0;
		padding: 0;
		width: 260px;
		height: 185px;
	}
	
	#fin_btn a{display: block; width: 265px; height: 185px; background: url(img/final_puck_fi.jpg) 0 0 no-repeat;}
	#fin_btn a:hover{background: url(img/final_puck_fi.jpg) 0 -185px no-repeat;}
	
	#fin_btn_left{
		float: left;
		margin: 0;
		padding: 0;
		width: 260px;
		height: 185px;
	}
	
	#fin_btn_left a{display: block; width: 265px; height: 185px; background: url(img/final_puck_left_fi.jpg) 0 0 no-repeat;}
	#fin_btn_left a:hover{background: url(img/final_puck_left_fi.jpg) 0 -185px no-repeat;}

	#player_info{
		margin: 0;
		padding: 10px 0 20px 0;
		width: 248px;
		background: url(img/statistik_ruta.jpg) bottom left;
	}
	
	
	#player_info ul{margin: 0 10px 20px 10px;}
	
	ul.pi li {
		clear:left;
		border-bottom:dotted 1px #fff;
		height:1.05em;
		margin-top:10px;
		position:relative;
	}
	ul.pi .right, ul.pi .left {
		padding:0 3px 0 0;
		float:left;
		position:absolute;
		text-decoration:none;
	}
	ul.pi .right {
		padding:0 0 0 3px;
		right:0;
	}

	h2{text-align: center; font-size: 1.6em; font-style: italic; text-transform: uppercase; margin: 0 0 0.6em 0;}
	
	
	#scorelists {width: 690px; margin: 10px auto;}
	#scorelists li{display: block; float: left; margin: 0 4px 0 4px; width: 220px;}
	table.scoretable {width: 220px; margin: 0 auto;}
	/*
	#scorelists th{background-color: #333; border-bottom: 1px solid #CCC; font-size: 1.1em; font-weight: bold; text-transform: uppercase; padding: 9px 8px 9px 8px; text-align: center;}
	*/
	table.scoretable thead tr th{background-color: #333; border-bottom: 1px solid #CCC; font-size: 1.1em; font-weight: bold; text-transform: uppercase; padding: 9px 8px 9px 8px; text-align: center;}
	
	table.scoretable tbody td{padding: 4px 2px 6px 2px; font-size: 11px; line-height: 11px; border-bottom: 1px solid #333;}
	table.scoretable tbody td.position{width: 20px;}
	table.scoretable tbody td.flag{width: 20px;}
	table.scoretable tbody td.score{width: 35px; text-align: right; padding: 4px 8px 6px 2px;}
	
	
	table.sniper{clear: both; width: 680px; margin: 20px auto;}
	table.sniper thead th{background-color: #333; border-bottom: 1px solid #CCC; font-size: 1.1em; font-weight: bold; text-transform: uppercase; padding: 9px 8px 9px 8px; text-align: center;}
	table.sniper tbody td{font-size: 1.6em; font-weight: bold; line-height: 1.8em; padding: 10px 0 10px 0;}
	table.sniper tbody td strong{font-size: 2em;}
	
	/*
	#scorelists td{padding: 0 4px 0 4px;}
	#scorelists td.position{width: 15px;}
	#scorelists td.flag{padding: 0 4px 5px 4px; width: 16px;}
	*/
	
	
	#highlights li{float: left; margin: 0 10px 0 0; font-size: 1em; text-transform: uppercase; font-weight: bold; background-color: #000;}
	#highlights ul{margin: 10px 0 0 0;}
	#highlights ul li{float: none; font-size: 0.8em; margin: 0; font-weight: normal; padding: 3px 2px 4px 25px; border-top: 1px solid #FFF; width: 120px;}
	#highlights ul li.se{background: url(img/se.gif) center left no-repeat; background-color: #999;}
	#highlights ul li.fi{background: url(img/fi.gif) center left no-repeat; background-color: #999;}
	
	#barcontainer{width: 400px; margin: 0 auto; height: 40px; clear: both; background: url(img/score_bg.gif) top left repeat-x #4b4c4c; border-top: 1px solid #333; padding: 10px;}
	#barcontainer td{height: 15px; padding: 2px 0 0 0;}
	
	#footer a, #footer a:visited {color: #FFF; text-decoration: none;}
	#footer a:hover{color: #CCC;}