/**********************************************
Reset (meyerweb.com)
**********************************************/
html{color:#333;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;} a{outline:none;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}

/**********************************************
Init
**********************************************/
body {
	background-color: #1AAC1A;
	background-image: url(/assets/images/bg_header.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	}
#site_home {
	width: 100%;
	height: 200px;
	position: absolute;
	top: 0;
}
#logo {
	padding-top: 225px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	}
#logo_tab {
	width: 101px;
	height: 54px;
	background-image: url(/assets/images/logo_studiobanks_tab.png);
	display: block;
	}
#studiobanks {
	width: 121px;
	height: 10px;
	margin: 0 0 10px 0;
	background-image: url(/assets/images/logo_studiobanks_about.png);
	background-repeat: no-repeat;
	display: block;
	}
#studiobanks_big {
	width: 154px;
	height: 13px;
	margin: 0 0 5px 0;
	background-image: url(/assets/images/logo_studiobanks_big.png);
	background-repeat: no-repeat;
	display: block;
	}


select {
	width: 210px;
	font: normal 11px Helvetica, Arial, sans-serif;
}
/**********************************************
Content
**********************************************/
h2 {
	padding: 0;
	margin: 0 0 10px 0;
	color: #FFF;
	font-weight: bold;
	font-size: 17px;
	text-shadow: #000 1px 1px 2px;
	float: left;
	}

#main_wrapper {
	width: 750px;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	}
	

#site_description {
	margin-bottom: 40px;
	margin-top: 225px;
	margin-bottom: -160px;
	}
	#site_description p {
		font-size: 18px;
		line-height: 26px;
		color: #FFF;
		text-align:justify;
		}
	#site_description p a{
		color:#fff;
		font-weight:boldd;
		text-decoration:underline;
		}
	#site_description p a:hover{
		text-decoration:underline;	
		}
a.top_button {
	height: 20px;
	background-position: top;
	background-repeat: none;
	margin: 0 0 0 10px;
	float: right;
	display: block;
	}

a.site_desc{
	margin: -22px 0 0 10px;
	}


a:hover.top_button {
	background-position: bottom;
	}

a.top_button span {
	display: none;
}
img.player {
	padding: 5px;
	margin:  0;
	background-color: #FFF;
	background-image: url(/assets/images/bg_player.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	float: left;
	}
/***** Left Box Content *****/
#left_box {
	width: 240px;
	padding: 0;
	margin: 225px 15px 0 0;
	float: left;
	/*border: 1px solid #FFF;*/
	}

#left_box p {
	margin: 0;
	color: #FFF;
	font: normal 10px/1.5em Verdana, sans-serif;
	word-spacing: 1px;
	}

#left_box .section {
	padding: 0 0 25px 0;
	margin: 0;
	float: left;
	}

#left_box .box {
	width: 210px;
	padding: 15px;
	margin: 0 0 2px 0;
	background-image: url(/assets/images/bg_leftbox.png);
	background-repeat: repeat;
	float: left;
	}

#left_box img.mini_pic {
	padding: 0;
	margin: 0 10px 0 0;
	border: 4px solid #FFF;
	float: left;
	}
#left_box img.team_icon {
	padding: 0;
	margin: 2px 10px 0 0;
	float: left;
	}
#left_box h3 {
	padding: 8px 0 0 0;
	margin: 0 0 2px 0;
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
	text-align: bottom;
	line-height: 1em;
	float: left;
	width: 135px;
	}
	#left_box h3 a, #left_box h3 a:visited, #left_box h3 a:active {
		color: #fff;
		text-decoration: none;
		}
		#left_box h3 a:hover {
			color: #fff;
			text-decoration: underline;	
			}
#left_box span.stats {
	padding: 0;
	margin: 0;
	color: #363;
	font-weight: normal;
	font-size: 12px;
	word-spacing: 5px;
	float: left;
	}
#left_box ul#records {
	width: 120px;
	margin: 0 0 0 10px;
	float: right;
	}	
#left_box ul#records li {
	width: 100%;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 12px;
	display: block;
	overflow: hidden;
	color: #363;
	}
#left_box ul#records li.nopad {
	padding-bottom: 0;
	}
#left_box ul#records li a, #left_box ul#records li b {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	float: right;
	}
	#left_box ul#records li a:hover b {
		color: #363;
		text-decoration: underline;
		}
#left_box div img.player {
	float: none;
	}
#left_box div#rank {
	height: 15px;
	width: 74px;
	margin: 5px 5px 0 0;
	color: #363;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-align: top;
	}
#left_box div#rank span {
	font: bold 32px Arial, Helvetica, sans-serif;
	}
#left_box div#rank * {
	vertical-align: top;
	}

/***** FLICKR IMAGES *****/
#left_box #flickr_badge_wrapper {
	width: 230px;
	height: 75px;
	background-color: #FFF;
	background-image: url(/assets/images/bg_corner.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	text-align: center;
	padding: 5px;
	}
#flickr_badge_wrapper img{
	float:left;
	padding-left:1px;
	}

/***** Right Box Content *****/
#right_box {
	width: 495px;
	padding: 0;
	margin: 225px 0 0 0;
	float: left;
	/*border: 1px solid #FFF;*/
	}

#right_box .matches {
	padding: 0 0 20px 0;
	margin: 0;
	float: left;
	}
#right_box .game {
	width: 465px;
	height: 75px;
	padding: 15px;
	margin: 0 0 2px 0;
	position: relative;
	background-color: #8DD68D;
	background-image: url(/assets/images/game_box.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	float: left;
	}
	#right_box .game.playoff {
		border-bottom: 3px solid #47BC47;
		margin: 0 0 6px;
		}
	#right_box div.game div.game_info {
		width: 100%;
		height: 100%;
		background-image: url(/assets/images/versus.gif);
		background-position: center center;
		background-repeat: no-repeat;
		}
#right_box .game.profile {
	height: auto;
	overflow: visible;
	}
#right_box .game p.profile {
	width: 360px;
	padding-top: 15px;
	color: #000;
	font: normal 16px/26px Arial, Helvetica, sans-serif;
	float: left;
	}
#right_box .game img.profile {
	margin: 15px 15px 15px 0;
	float: left;
	}
#right_box .match_info {
	width: 289px;
	height: 75px;
	padding: 0;
	margin: 0 14px;
	float: left;
	}


/* GAME: COMMENTS */
#right_box .date_comments {
	position: absolute;
	left: 100px;
	top: 16px;
	height: 15px;
	width: 290px;
	padding: 0;
	margin: 0 0 7px 0;
	float: left;
	}
#right_box .date_comments span.date {
	padding: 0;
	margin: 0;
	color: #363;
	font-weight: normal;
	font-size: 12px;
	word-spacing: 1px;
	float: left;
	}
	#right_box .date_comments span.date.overdue {
		color: #F00;
		font-weight: bold;
		}
#right_box .date_comments a.comments * {
	vertical-align: middle;
	}
#right_box .date_comments a.comments {
	padding: 0;
	margin: 0;
	color: #FFF;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	word-spacing: 2px;
	float: right;
	}
#right_box .date_comments a:hover.comments {
	color: #363;
	text-decoration: none;
	}
#right_box .date_comments a.comments img {
	margin: 0 0 0 3px;
	}
	

/* GAME: VERSUS */
#right_box div.game div.player1, #right_box div.game div.player2 {
		position: absolute;
		}
	#right_box div.game div.player1 {
		left: 15px;
		}
		#right_box div.game div.player_detail {
			position: absolute;
			top: 30px;
			left: 85px;
			}
			#right_box div.game div.player1 img.icon, #right_box div.game div.player1 img.player {
				float: left;
				}
			#right_box div.game div.player1 img.player {
				margin-right: 15px;
				}
	#right_box div.game div.player2 {
		right: 15px;
		}
		#right_box div.game div.player2 div.player_detail {
			left: auto;
			right: 85px;
			}
			#right_box div.game div.player2 img.icon, #right_box div.game div.player2 img.player {
				float: right;
				}
			#right_box div.game div.player2 img.player {
				margin-left: 15px;
				}
		#right_box div.game img.lose {
			background-color: #999;
			opacity: .50;
			}
#right_box div.game .player_detail h3 {
	width: 101px;
	position: absolute;
	left: 24px;
	bottom: -5px;
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.2em;
	float: left;
	}
	#right_box div.game .player_detail h3 a, #right_box div.game .player_detail h3 a:visited, #right_box div.game .player_detail h3 a:active {
		color: #fff;
		text-decoration: none;
		}
		#right_box div.game .player_detail h3 a:hover {
			color: #fff;
			text-decoration: underline;
			}
	#right_box div.game .player_detail h3 span {
		margin: 10px 0 0 0;
		color: #363;
		font-weight: normal;
		font-size: 12px;
		line-height: 18px;
		}
	#right_box div.game .player_detail h3 span * {
		vertical-align: middle;
		}
	#right_box div.game .player_detail h3.right {
		text-align: right;
		left: auto;
		right: 24px;
		}
	#right_box div.game .player_detail h3 span img {
		margin-top: -3px;
		}
	
#right_box div.score {
	position: absolute;
	margin: 30px 0 0 0;
	width: 65px;
	top: 40px;
	left: 214px;
	color: #363;
	font-weight: normal;
	font-size: 12px;
	line-height: 1em;
	text-align: center;
	}
	#right_box div.score a {
		display: block;
		width: 65px;
		height: 20px;
		margin: 0 auto;
	}
	#right_box div.score a.set {
		background: url("/assets/images/setscore.gif") no-repeat center top;
	}
	#right_box div.score a.set:hover {
		background-position: center bottom;
	}
	#right_box div.score a.setscore {
		background: url("/assets/images/score.gif") no-repeat center top;
	}
	#right_box div.score a.setscore:hover {
		background-position: center bottom;
	}
	
	
/***** FOOTER *****/
#footer {
	width: 860px;
	height: 60px;
	color: #000;
	margin: 20px auto 40px;
	position:relative;
	left:-55px;
	font-weight: normal;
	font-size: 10px;
	}
#footer * {
	vertical-align: middle;
	}
#footer ul {
	float: right;
	}
#footer ul li {
	margin-left: 2px;
	display: inline;
	}
#footer ul li a {
	text-decoration: none;
	color: #FFF;
	padding:0 0 0 10px;
	background: url(/assets/images/footer_bullet.gif) no-repeat left center;	
	}
#footer ul li a.no_dot {
	background: none;
	}
#footer a:hover {
	text-decoration: none;
	color: #363;
	}
#footer #toolbox {
	margin-top: -12px;
	margin-left: 28px;
	vertical-align: middle;
	float: left;
	}
#footer #toolbox a {
	color: #FFF;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	}
#footer #rss {
	margin-top: -4px;
	margin-left: 6px;
	float: right;
	}



.hidden {
	display: none;
}


/***** FOOTER *****/
/*#footer {
	width: 860px;
	height: 60px;
	color: #000;
	margin: 20px auto 40px;
	position:relative;
	left:-60px;
	font: normal 10px Helvetica, Arial, sans-serif;
	}
#footer * {
	vertical-align: middle;
	}
#footer p.links {
	color: #FFF;
	float: right;
	line-height:35px;
	}
#footer p.links a {
	color: #FFF;
	padding: 0 1px;
	text-decoration: none;
	}
#footer p.links a:hover {
	color: #000;
	}
#footer #rss {
	margin-top: -2px;
	margin-left: 5px;
	}
#toolbox {
	padding-left: 20px;
	float: left;
	}
#toolbox_text {
	padding-right: 6px;
	float: left;
	}
#toolbox_text * {
	vertical-align: middle;
	}
#toolbox_logo {	
	width: 129px;
	height: 35px;
	background-image: url(/assets/images/logo_toolbox.png);
	float: left;
	}*/