/*******************
******* Main *******
*******************/

html 
{ 
	height: 				100%;
	
}
body
{
	color: 					#fff;
	font: 					normal 10px Arial;
	padding: 				0px;
	margin:					0px;
	line-height:			20px;
	background-image:		url('../images/background.jpg');
}

/********************
******* Links *******
********************/


a
{
	color: 					#940000;
	text-decoration: 		none;
}

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

/************************
******* Container *******
************************/

#container
{
	width:					1080px;
	margin: 				0px auto;
	background:				url('../images/content/background.jpg') 0 -10px;
	overflow:				hidden;
}


/*********************
******* Header *******
*********************/

#header
{
	width:					1080px;
	height:					361px;
	background:				url('../images/header/background.jpg');
	float:					left;
	display:				inline;
}

#header #bar
{
	width:					1080px;
	height:					20px;
	padding:				16px 0 24px 0;
	float:					left;
	display:				inline;
}

#topleft, #topright
{
	width:					255px;
	height:					20px;
	display:				inline;
	float:					left;
}

#topleft
{
	margin-left:			70px;
}

#topright
{
	margin-right:			70px;
}

#topcenter
{
	width:					430px;
	height:					20px;
	display:				inline;
	float:					left;
	text-align:				center;
}


#header h1 a
{
	width:					1080px;
	height:					225px;
	float:					left;
}

#header h1 span
{
	display:				none;
}

/*************************
******* Navigation *******
*************************/

#navigation
{
	margin:					0 270px;
	width:					540px;
	float:					left;
	display:				inline;
}

#navigation li
{
	float:					left;
	margin:					0;
}


#navigation li a
{
	display: 				inline;
	height:					35px;
	text-decoration:		none;
	color:					#1f6ebb;
	float:					left;
	background-position:	0 0;
}

#navigation li a:hover
{
	background-position:	0 -35px;
}


#navigation span
{
	display: 				none;
}


#navigation #home a
{
	background-image:		url('../images/navigation/home.jpg');
	width:					86px;
}

#navigation #join a
{
	background-image:		url('../images/navigation/join.jpg');
	width:					76px;
}

#navigation #media a
{
	background-image:		url('../images/navigation/media.jpg');
	width:					85px;
}

#navigation #play a
{
	background-image:		url('../images/navigation/play.jpg');
	width:					77px;
}

#navigation #community a
{
	background-image:		url('../images/navigation/community.jpg');
	width:					118px;
}

#navigation #support a
{
	background-image:		url('../images/navigation/support.jpg');
	width:					96px;
}



#navigation .active
{
	background-position:	0 -40px;
}



	

/*******************
******* Main *******
*******************/

#main
{
	width:					988px;
	padding:				0 46px;
	float:					left;
	display:				inline;
}

#flasharea
{
	width:					988px;
	height:					193px;			
	float:					left;
	display:				inline;
	background:				url('../images/content/flasharea.jpg') no-repeat;
}


#left
{
	margin:					20px 0 0 20px;
	width:					476px;	
	float:					left;
	display:				inline;
}

.news
{
	width:					476px;	
	float:					left;
	display:				inline;
}

.news .header
{
	width:					476px;	
	height:					32px;
	float:					left;
	display:				inline;
	background:				url('../images/content/header.jpg') no-repeat;	
}

.news .header h2
{
	width:					304px;
	height:					16px;
	padding:				8px;
	float:					left;
	display:				inline;
}

.news .header .view
{	
	width:					100px;
	height:					16px;
	padding:				8px;
	float:					left;
	display:				inline;
	border-right:			#070707 1px solid;
}

.news .header .rss
{
	height:					32px;
	width:					32px;
	float:					left;
	display:				inline;
	border-left:			#1d1d1d 1px solid;
	background:				url('../images/content/rss.jpg') 10px 6px no-repeat;	
}

.news .header .rss a
{

	display:				block;
	width:					32px;
	height:					32px;
}

.news .header .rss span
{

	display:				none;
}

.news .row
{
	width:					476px;	
	float:					left;
	display:				inline;
	background-image:		url('../images/content/row.jpg');	
	background-repeat:		no-repeat;
}

.row h3
{
	height:					21px;
	padding:				5px 5px 0px 40px;
	float:					left;
	display:				inline;
}

.row span
{

	height:					23px;
	padding:				8px 8px 0 8px;
	float:					right;
	display:				inline;
	color: 					#940000;
}

.row .content
{
	width:					460px;	
	padding:				8px;
	float:					left;
	display:				inline;
}

.row .content .read
{
	padding:				8px;
	float:					right;
	display:				inline;
}

.active
{
	background-position:	0 -32px;
	background-color:		#212121;
}

#right
{
	margin:					20px 20px 0 0;
	width:					430px;	
	float:					right;
	display:				inline;
}

.media
{
	width:					430px;	
	height:					105px;
	float:					left;
	display:				inline;
	background:				url('../images/content/media.jpg') no-repeat;	
}

.media li
{
	border:					5px solid #fff;
	height:					66px;
	width:					66px;
	float:					left;
	display:				inline;
	margin:					5px;
}

.mediabutton a
{
	width:					122px;	
	margin:					-10px 0 0 215px;
	height:					27px;
	float:					left;
	display:				inline;
	background-image:		url('../images/content/more-media.jpg'); 
	background-repeat:		no-repeat;	
}

.mediabutton a:hover
{
	background-position:	0 -27px;
}
.mediabutton span
{
	display:				none;
}

.button
{
	width:					203px;
	margin:					20px 5px 5px 5px;
	height:					226px;
	float:					left;
	display:				inline;
}


/*******************
******* Side *******
*******************/



/*********************
******* Footer *******
*********************/
#footer
{
	width:					1080px;
	height:					82px;
	background:				url('../images/footer/background.jpg');
	float:					left;
	display:				inline;
	padding:				115px 0 0 0;
}

#footer span
{
	border-right:			1px dotted #272727;
	padding-right:			5px;
	margin-right:			5px;
}

#bottomleft, #bottomright
{
	width:					380px;
	height:					48px;
	display:				inline;
	float:					left;
	padding:				34px 0 0 0;					
}

#bottomleft
{
	margin-left:			70px;
}

#bottomright
{
	margin-right:			70px;
}

#bottomcenter
{
	width:					170px;
	height:					20px;
	display:				inline;
	float:					left;
	text-align:				center;
}