body {
	min-width: 960px;
	background: #070708;
	margin: 0px;
	font-family: "Arial Grande", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color: #DEDEDE;
}

p {
	font-size: 100%;
}

img {
	border: 0;
}

h1 {
	color: #ffffff;
}

h2 {
	font-size: 100%;
	font-weight: normal;
	color: #5893D8;
}

a {
	color: #baff00;
}

.body_container {
	background: #202025;
}

.avatar {
	vertical-align: middle;
	width: 24px;
	height: 24px;
}

.header {
	background: #05070a url('/images/header_bg.png');
	height: 216px;
}

.osulogo {
	display: block;
	width: 907px;
	height: 165px;
	margin: auto;
	background: url('/images/header_logo.jpg');
}

.buttons {
	list-style-type: none;
	margin: 0px;
	height: 51px;
	padding: 0px;
	text-align: center;
}

.buttons>li {
	display: inline-block;
}

.buttons>li>a {
	background: url('/images/buttons.jpg') left top;
	width: 220px;
	height: 51px;
	margin: 0px 8px 0px 8px;
	padding: 0px;
	display: inline-block;
}

.footer {
	background: #0e0e0f url('/images/footer_bg.png');
	height: 130px;
	padding: 20px 0px 0px 0px;
	text-align: center;
	margin: auto;
}

.footer>.stream {
	display: inline-block;
	background: url('/images/footer_logo.jpg');
	width: 741px;
	height: 89px;
	margin-top: 17px;
}

.footer>.text {
	color: #A6A6A6;
	font-size: 80%;
}

.gray {
	color: #B6B6B6;
}

.centre {
	text-align: center;
	margin: auto;
}

a#news {
}

a#music {
	background-position: -240px 0px;
}

a#ranking {
	background-position: -480px 0px;
}

a#support {
	background-position: -720px 0px;
}

img.padding {
	padding: 20px;
}

.main_text {
}

.main {
	padding: 20px 0px 0px 0px;
	min-height: 400px;
	margin: auto;
}

.avatar_guest
{
	width: 24px;
	height: 24px;
	background: url('/images/guest.png');
}

.centered_table
{
	margin: auto;
}

.centered_table td
{
	text-align: center;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12 {
	position: relative;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_3 {
	width: 220px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_6 {
	width: 460px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_9 {
	width: 700px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

.container_12 .grid_12 {
	width: 940px;
}

/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_3 {
	padding-left: 240px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_6 {
	padding-left: 480px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_9 {
	padding-left: 720px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_3 {
	padding-right: 240px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_6 {
	padding-right: 480px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_9 {
	padding-right: 720px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
	left: 80px;
}

.container_12 .push_2 {
	left: 160px;
}

.container_12 .push_3 {
	left: 240px;
}

.container_12 .push_4 {
	left: 320px;
}

.container_12 .push_5 {
	left: 400px;
}

.container_12 .push_6 {
	left: 480px;
}

.container_12 .push_7 {
	left: 560px;
}

.container_12 .push_8 {
	left: 640px;
}

.container_12 .push_9 {
	left: 720px;
}

.container_12 .push_10 {
	left: 800px;
}

.container_12 .push_11 {
	left: 880px;
}

/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
	left: -80px;
}

.container_12 .pull_2 {
	left: -160px;
}

.container_12 .pull_3 {
	left: -240px;
}

.container_12 .pull_4 {
	left: -320px;
}

.container_12 .pull_5 {
	left: -400px;
}

.container_12 .pull_6 {
	left: -480px;
}

.container_12 .pull_7 {
	left: -560px;
}

.container_12 .pull_8 {
	left: -640px;
}

.container_12 .pull_9 {
	left: -720px;
}

.container_12 .pull_10 {
	left: -800px;
}

.container_12 .pull_11 {
	left: -880px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before, .clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
}

/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
 */
.clearfix {
	zoom: 1;
}

/* Ranking */

.ranking_panel
{
	margin: auto;
	width: 814px;
	height: 528px;
	background: url('/images/ranking_background.png');
}

.ranking_panel>table
{
	width: 100%;
	height: 90%;
	font-size: 200%;
	text-align: right;
	background-repeat: no-repeat !important;
	background-position: bottom right !important;
}

.ranking_panel td
{
	vertical-align: top;
}

.ranking_panel img
{
	vertical-align: middle;
}

.ranking_panel h1
{
	font-size: 120%;
	margin: 10px 0px 0px 0px;
}

.ranking_panel h2
{
	font-size: 100%;
	margin: 0px 0px 10px 0px;
}

/* Score Font */

.score_font
{
	display: inline-block;
	vertical-align: middle;
	padding: 4px 5px 4px 5px;
}

.score_font>div
{
	background: url('/images/score_font.png');
	display: inline-block;
}

.score_font.orange>div
{
	background: url('/images/score_font_orange.png');
}

.score_font.blue>div
{
	background: url('/images/score_font_blue.png');
}

.score_font>div.padding
{
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=5);
}

.score_font>.c0 { background-position: 0px 0px !important; width: 36px; height: 48px; }
.score_font>.c1 { background-position: -51px 0px !important; width: 20px; height: 48px; margin: 0px 8px 0px 8px; }
.score_font>.c2 { background-position: -90px 0px !important; width: 34px; height: 48px; margin: 0px 1px 0px 1px; }
.score_font>.c3 { background-position: -134px 0px !important; width: 34px; height: 48px; margin: 0px 1px 0px 1px; }
.score_font>.c4 { background-position: -179px 0px !important; width: 34px; height: 48px; margin: 0px 1px 0px 1px; }
.score_font>.c5 { background-position: -225px 0px !important; width: 34px; height: 48px; margin: 0px 1px 0px 1px; }
.score_font>.c6 { background-position: -269px 0px !important; width: 36px; height: 48px; }
.score_font>.c7 { background-position: -315px 0px !important; width: 34px; height: 48px; margin: 0px 1px 0px 1px; }
.score_font>.c8 { background-position: -359px 0px !important; width: 36px; height: 48px; }
.score_font>.c9 { background-position: -404px 0px !important; width: 36px; height: 48px; }
.score_font>.cx { background-position: -568px 0px !important; width: 35px; height: 48px; }
.score_font>.cPercent { background-position: -486px 0px !important; width: 60px; height: 48px; }
.score_font>.cDot { background-position: -466px 0px !important; width: 16px; height: 50px; }