body
{
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12pt;
	background-color: #001f49;
}

h1
{
	display: none;
}

h2
{
	margin: 0;
	padding: 15px 0 0 15px;
	font-size: 17pt;
}

a img
{
	border: 0px;
}

#container 
{
	width: 1136px; 
	margin: 0 auto;
}
 
#header 
{
	position: relative;
	width: 1136px;
	height: 700px;
	background-image: url('./img/header.jpg');
}

#speedrunner-logo
{
	position: relative;
	left: 80px;
	width: 380px;
	height: 188px;
	background-image: url('./img/SpeedRunnerLogo.png');
	z-index: 2;
}

#maxgames-logo
{
	position: relative;
	top: -130px;
	left: 680px;
	width: 314px;
	height: 79px;
	background-image: url('./img/MaxGamesLogo.png');
	z-index: 2;
}

#twitter-button
{
	display: block;
	position: relative;
	width: 54px;
	height: 42px;
	left: 545px;
	top : -197px;
	background-image: url('./img/button_twitter_up.gif');
	z-index: 2;
}
 
#twitter-button:hover
{
	background-image: url('./img/button_twitter_down.gif');
}
 
#facebook-button
{
	display: block;
	position: relative;
	width: 57px;
	height: 38px;
	left: 605px;
	top: -214px;
	background-image: url('./img/button_facebook_up.gif');
	z-index: 2;
}
 
#facebook-button:hover {
background-image: url('./img/button_facebook_down.gif');
}


#main 
{
	position: relative;
	width: 888px;
	left: 114px;
	background-image: url('./img/background.png');
	background-repeat: repeat-y;
}

#level-select
{
    position: relative;
	top: -550px;
	left: 34px;
	width: 800px;
	height: 200px;
	overflow:hidden;
    border: 5px solid #ffffff;
	z-index: 1;
	cursor: pointer;
	cursor: hand;
}

#mode-panel
{
	postion: relative;
	margin: -555px 0px 0px 84px;
	width: 700px;
	height: 74px;
	background-color: #0b0e1c;
	background-image: url('./img/mode-background.png');
	background-repeat: repeat-x;
	border-left: 5px solid #ffffff;
	border-right: 5px solid #ffffff;
}

#main-bottom
{
	position: relative;
	left: 114px;
	width: 888px;
	height: 22px;
	background-image: url('./img/background-bottom.png');
}

#mode-panel ul {
    list-style: none;
    list-style-type: none;
	text-align: right;
	margin: -25px 10px 0 0;
	padding: 0;
}
 
#mode-panel ul li {
    display: inline;
}
 
#mode-panel ul li a {
	background-color: #32ade2;
	padding: 4px 10px;
    text-decoration: none;
    font-size: 10pt;
    text-align: center;
	border: 1px solid #128dc2;
	cursor: pointer;
	cursor: hand;
}

#mode-panel ul li a.selected{
	background-color: #128dc2;
	cursor: none;
}
 
#mode-panel ul li a:hover {
	background-color: #128dc2;
}

#score-panel
{
	postion: relative;
	margin: 0px 0px 0px 84px;
	width: 700px;
	background-color: #0b0e1c;
	border-left: 5px solid #ffffff;
	border-right: 5px solid #ffffff;
	border-bottom: 5px solid #ffffff;
}

#score-table
{
	width: 100%;
}

#score-panel ul
{
	list-style: none;
	list-style-type: none;
	text-align: right;
	padding: 0;
	margin: 9px 4px;
}

#score-panel ul li
{
	display: inline;
}
 
#score-panel ul li a
{
	background-color: #32ade2;
	padding: 4px 10px;
	text-decoration: none;
	font-size: 10pt;
	text-align: center;
	border: 1px solid #128dc2;
	cursor: pointer;
	cursor: hand;
}

#score-panel ul li a:hover
{
	background-color: #128dc2;
}

#loading
{
	float: left;
	background-image: url('./img/loading.gif');
	background-repeat: no-repeat;
	width: 31px;
	height: 31px;
	margin: 2px 0px -10px 2px;
	padding: 14px 0px 0px 32px;
	font-size: 10pt;
	color: #888888;
}

#page-numbers
{
	float: left;
	color: #888888;
	margin: 8px 0px 0px 5px;
}

#city-sky
{
	position: absolute;
	left: 0px;
	background-color: #000;
	background-image: url('img/city-sky.jpg');
	width: 1200px;
	height: 200px;
}

#city-background
{
	position: absolute;
	left: 0px;
	background-image: url('img/city-background.png');
	width: 1425px;
	height: 200px;
}

#city-foreground
{
	position: absolute;
	left: 0px;
	background-image: url('img/city-foreground.png');
	width: 1900px;
	height: 200px;
}

#city-levels
{
	position: absolute;
	overflow: hidden;
	left: 0px;
	width: 1900px;
	height: 500px;
}

#score-table
{
	border-collapse: collapse;
}

#score-table tr td
{
	border-width: 0px;
	font-size: 10pt;
}

#score-table tr.odd
{
	background-color: #2b2e3c;
}

#score-table tr.even
{
	background-color: #4b4e5c;
}

#score-table tr.selected
{
	background-color: #128dc2;
}

#score-table tr.empty
{
	background-color: #0b0e1c;
}

#score-table .rank
{
	text-align: right;
	padding-right: 10px;
	width: 30px;
	border-right: 1px dotted #888888;
}

#score-table .name
{
	text-align: center;
	border-right: 1px dotted #888888;
}

#score-table .date
{
	text-align: right;
	width: 80px;
	padding-right: 10px;
	border-right: 1px dotted #888888;
}

#score-table .medal
{
	text-align: center;
	width: 50px;
	border-right: 1px dotted #888888;
}

#score-table .score
{
	text-align: right;
	padding-right: 20px;
	width: 50px;
}

#score-table td.score
{
	border-right: 1px dotted #888888;
}

#score-table th.score
{
	padding-right: 15px;
}

#score-table .share
{
	text-align: right;
	padding-right: 6px;
	width: 160px;
}

#score-table .share img
{
	margin-right: 2px;
}

.level-selection
{
	position: absolute;
	top: 200px;
	left: 100px;
	background-image: url('img/level.png');
	width: 178px;
	height: 242px;
	-moz-user-select: none;
	-webkit-user-select: none;
}

.level-number
{
	position: absolute;
	left: 60px;
	top: 80px;
	width: 80px;
	text-align: center;
	color: #001f49;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 60pt;
	-moz-transform:rotate(15deg); 
	-moz-transform-origin: bottom left;
	-webkit-transform: rotate(15deg);
	-webkit-transform-origin: bottom left;
	-o-transform: rotate(15deg);
	-o-transform-origin:  bottom left;
	filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
        M11=0.9659258263664938, M12=-0.2588190448135646,
        M21=0.2588190448135646, M22=0.9659258263664938);
}

.level-name
{
	position: absolute;
	left: 34px;
	top: 210px;
	width: 200px;
	text-align: left;
	color: #001f49;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16pt;
	-moz-transform:rotate(-75deg); 
	-moz-transform-origin: bottom left;
	-webkit-transform: rotate(-75deg);
	-webkit-transform-origin: bottom left;
	-o-transform: rotate(-75deg);
	-o-transform-origin:  bottom left;
	filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
        M11=0.2588190448135646, M12=0.9659258263664938,
        M21=-0.9659258263664938, M22=0.2588190448135646);
}