/* A Free Design by Bryant Smith (bryantsmith.com) */

html, body {
text-align: center;
}
p {text-align: left;}

body {
	margin: 0;
	padding: 0;
	background: #C1C1C1;
	background-image:url(background.png)
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #F1F5F8;
}
*
{
  margin: 0 auto 0 auto;
 text-align:left;}


html, body {
text-align: center;
}
p {text-align: left;}




#header h1
{
display:block;
float:left;
line-height:70px;
margin-left:17px;
width:230px;
color:#FFFFFF;
text-align:left;
font-size:23px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
float:left;

}


#header ul {
	padding: 0px;
	list-style-type: none;
	height:21px;
	text-align:center;
	height:85px;
	overflow:hidden;
}
#header ul li , #header ul li a, #header ul li a:visited{
	display:block;
	float:left;
	margin: 0px;
	text-align:center;
	line-height:72px;
	width:133px;
	color:#FFFFFF;

	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

#header ul li a:hover{
color:#CCCCCC;
}



#main 
{
margin-top:10px;
margin-bottom:10px;
}


#main .main_top
{
height:31px;
width:921px;
background-image:url(main_top2.png);
background-repeat:no-repeat;
}

#main .main_body
{

padding-left:0px;
height:auto;
width:921px;
background-image:url(main_body.png);
background-repeat:repeat-y;
color:#000000;
padding-bottom:20px;


}


#main .main_top h1
{
font-size:24px;
line-height:85px;
color:#000000;
padding-left:25px;
background-image:url(header_h1_bg.png);
background-position:right;
background-repeat:no-repeat;
margin-right:25px;
}

#main .main_body p
{
line-height:19px;
/*letter-spacing:1px;*/
padding-bottom:15px;
padding-left:20px;
padding-right:20px;
}


#main .main_bottom
{
height:8px;
width:921px;
background-image:url(main_bottom.png);
background-repeat:no-repeat;
}


#page
{
  margin: 0 auto 0 auto; 
  margin-top:25px;
  display: block; 
  height:auto;
  position: relative; 
  overflow: hidden; 
  width: 921px;
}

#header
{
background-image:url(header.png);
background-repeat:no-repeat;
width:921px;
height:72px;
}



#footer {
display:block;
width: 921px;
height:74px;
background: url(footer.png) no-repeat;
text-align:right;
font-size:9px;
line-height:75px;
}

#footer p{
padding-right:20px;
text-align:right;
}

#footer, #footer a, #footer a:visited{
color:#FFFFFF;
}

#footer a:hover{
text-decoration:none;
color:#CCCCCC;
}

.blu{
	color:#52CEF6;
}
a{
	color:#52CEF6;
	font-weight:bold;
}

a:hover{
	color:#e9634e;
}
.ong{
	color:#e9634e;
}

.logothing{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	display:block;
}

h1{
	margin-left:20px;	
}

#footer img{
	float:left;
	padding-left:8px;
	padding-top:8px;
}
.colthing{
	width:49%;
	display:inline-block;
	text-align:center;
	vertical-align:top;
}


.red{
	color:#ff0000;
}
.tutimg{
	padding-left:20px;
	padding-top:40px;
	padding-bottom:40px;
	max-width:90%;
}

.centerme{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	display:block;
	max-width:90%;
}

.justcenter{
	text-align:center;
}

.dlBtn, .dlBtn:hover{
	padding:20px;
	margin:10px;
	border-radius:10px;
	color:#ffffff;
	font-size:15px;
	display:inline-block;
	text-decoration:none;
}

.blu-bg{
	background-color:#52CEF6;
}
.ong-bg{
	background-color:#e9634e;
}
.blk-bg{
	background-color:#000000;
}
.logobar{
	margin:0px;
	padding:0px;
	vertical-align: middle;
	width:100%; 
	
	line-height:70px; 
	height:70px; 
	
	text-align:center; 
}
.logobar img{
	vertical-align: middle;
	display:inline;
	
	width:70px;
	
	line-height:70px;
	
	margin:0px;
	padding:0px;
}

.barspacer{
	display:inline-block;
	width:50px;
	height:50px;
}

.dlbar img{
	max-width:50px;
	display:block;
	margin-bottom:30px;
	margin-top:30px;
	box-shadow: 2px 2px 4px #000000;
}

.dlbar a{
	position:relative;
}

.hmdtype{
	height:90px;
	width:90px;
	padding-left:30px;
	padding-right:30px;
}

.hmdtype img{
	min-width:90px;
	max-width:90px;
	box-shadow: none;
}

table * {
	vertical-align:top;
}

.playerplatform{
	position:absolute !important;
	left:109px;
	top:0px;
	box-shadow: none !important;
	width:15px;
	margin: 0px !important;
	padding: 0px !important;
}

pre{
	margin-left:50px;
	margin-right:50px;
	max-width:100%;
	white-space: pre-wrap;
}

.censored{
	text-transform:uppercase;
	color:#ffffff;
	background-color:#000000;
	font-weight:bold;
	padding:3px;
}