/* CSS Document */

/*---- reset ----*/
html, body, div, h1, h2, h3, h4, h5, h6, a, em, img, dd, dl, dt, li, ul { 
 margin: 0;
 padding: 0; 
 border: 0; 
 text-align: left;  }

a img, :link img, :visited img { border: 0; } 

ul { list-style: none; }

/*---- defaults  ----*/
body { 
background:#121212 url(../images/mainBg.gif) repeat;
min-height: 100%; 
margin-top:5px ;
margin-bottom: 5px; }

.right { float: right; }

.left { float: left; }

.center { text-align: center; }

.clear { 
clear: both; 
font-size: 1px; 
height: 1px; 
padding: 0; 
margin: 0; }

.replace { 
display: block; 
text-indent: -3000px; 
overflow: hidden; }

/*---- typography  ----*/
body { 
color: #fff; 
font-size: 62.5%; 
font-family: Verdana, Helvetica, sans-serif, Arial;  
}

a:link, a:active {
color: #f7aa10; 
text-decoration: none; 
}

a:visited { 
color: #f7aa10; 
text-decoration: none; 
}

a:hover img { background: none; } 

a:hover { 
color: #f7aa10; 
text-decoration: underline; 
}

strong { font-weight: 700; }

p { line-height: 140%;
margin:5px 0 16px 0;}

h1, h2, h3, h4 { font-weight: 400; }

h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }


/* structure  */
	.wrap { 
	width: 950px; 
	margin: 0 auto; 
	padding: 0; } 
	
	#header { height: 330px; }
	
	#header .wrap { 
	position: relative; 
	height: 330px; 
	background: #000 url(../images/header.jpg) no-repeat 0 0; }
	
	#logo { 
	position: absolute; 
	left: 105px; top: 35px; 
	width: 210px; 
	height: 180px; 
	background: transparent; }
	
		/* nav */
		#nav { position: absolute; 
		float:left; 
		top: 290px; 
		height: 40px; 
		width: 950px; 
		background-color: #000000; }
		
		#nav li { float: left; 
		display: inline; 
		list-style: none; 
		position: relative; 
		height: 40px; }
		
		#nav ul { 
		width: auto; 
		list-style: none; 
		display: none; 
		position: absolute; 
		top: 39px; 
		left: 0; 
		width: auto; 
		background: #111111; 
		border-top: 0 none;  
		border-top: 1px solid #222; }
		
		#nav ul li { 
		float: none; 
		display: block ; 
		display: inline;  }
		
		#nav li a { 
		float: none ; 
		float: left; 
		display: block; 
		padding: 0 21px; 
		white-space: nowrap; 
		color: #fff;  
		margin-right: 1px; 
		text-decoration: none; 
		height: auto ;
		height: 1%; 
		text-align:center; 
		float: left; 
		font-size: 13px; 
		line-height: 40px; }
		
		#nav li a:hover { color: #f7aa10; }

	/* content */
	#content { clear: both; }
	
	#content .wrap { 
	background: #000; 
	padding-bottom: 10px; }	
	
	#content .column { float: left; }
	
	/* left colunm */
		#left-column { width: 470px; }
		
		/* featured articles slider */
		#featured-articles { 
		position: relative; 
		width: 470px;}
		
			#cross-links { 
			position: absolute; 
			top: 170px; 
			right: 10px; 
			width: 130px; 
			z-index: 10; }
			
			#cross-links li { display: inline; }
			
			#cross-links li a { 
			display: block; 
			padding: 5px; 
			margin: 0 2px; 
			text-align: center; 
			float: left; 
			width: 9px; 
			height: 9px; 
			background: #000; 
			color: #fff; 
			line-height: 10px; 
			text-decoration: none; }
			
			#cross-links li a:hover, #cross-links li a.current { background: #f7aa10; color: #fff; }
			
			#featured-articles .wrap { width: auto; }
			
			#featured-articles h2 { padding: 15px 15px 5px; }
			
			#featured-articles h2 a { color: #f7aa10; }
			
			#featured-articles p { 
			font-size: 1.1em; 
			line-height: 150%; 
			padding: 5px 15px; } 
			
			.csw { 
			width: 100%; 
			height: 400px; 
			background: #000; 
			overflow: scroll; }
			
			.csw .loading { 
			margin: 200px 0 300px 0;
			text-align: center; }
			
			.stripViewer { 
			position: relative; 
			overflow: hidden; 
			margin: auto; 
			width: 470px; 
			height: 400px; 
			clear: both; 
			background: #000; }
			
			.stripViewer .panelContainer { 
			position: relative; 
			left: 0; 
			top: 0; 
			width: 100%; 
			list-style-type: none;
			-moz-user-select: none; }
			
			.stripViewer .panelContainer .panel { 
			float:left; 
			height: 100%; 
			position: relative; 
			width: 470px; }
			
			.stripViewer .panelContainer .panel ul { 
			text-align: left; 
			margin: 0 15px 0 30px; }
			
			.stripNav { display: none; }
			
			.stripNavL, .stripNavR { display: none; } 
				
			#featured-articles .next-prev { 
			position: absolute; 
			top: 356px; 
			left: 15px; 
			height: 20px; 
			width: 440px; }
			
			.next-prev .prev, .next-prev .next { 
			color: #666; 
			display: block; 
			width: 80px; 
			font-size: 10px; 
			text-align: center; 
			text-decoration: none; 
			background: #121212; 
			line-height: 19px; }
			
			.next-prev a:hover { 
			background: #f7aa10; 
			color: #fff; }
			
			.next-prev .prev { float: left; }
			
			.next-prev .next { float: right; }
			
			/* news items */
			
			.news-list-item { 
			padding: 10px; 
			border-bottom: 2px dotted #222; 
			width: 600px;
			height: 150px;
			clear: both; 
			}
		
		.news-list-item img { 
		padding: 0 0 0 10px; 
		}
	
	/* main colunm */
		#main-column { 
		width: 640px;		
		padding-left: 5px; }
		
		#main-column h1 {
		color: #f7aa10;}
		
		.post { clear: both; text-align: right; clear: both; font-size: 10px; color: #333; }
		.post abbr { color: #666; border-bottom: none; text-transform: uppercase; cursor: auto; }

		
		#main-column table {
		padding:0;
		margin:0;
		}

#main-column table tr {

}

#main-column table tr th {
	font-size:110%;
	padding:2px;
	font-weight:300;
	text-align:center;
}

#main-column table tr td {
	background:#521c40;
	padding:2px;
	font-size:90%;
	text-align:center;
}

#main-column #news { 
		width: 600px;		
		padding: 5px; }
		
		#main-column dl { 
		padding: 10px 0;
		font-size: 11px; }
		
		#main-column p img { padding:5px;}
		
		
	#main-column dt, #main-column dd { 
	float: left; 
	display: block; 
	padding: 5px 10px 7px 0; }
	
	#main-column dt { 
	clear: left; 
	color: #666; 
	width: 150px; 
	text-align:right;  }
		 
	#main-column dd { 
	width: 400px; }
	
	#main-column .team { 
		width: 600px;
		clear:both;	
		padding: 5px; }
	
	#main-column .team ul { 
	padding: 10px 0; }
	
		#main-column .team ul li { 
		width: 140px; 
		float: left; 
		margin: 5px; 
		padding: 0; 
		background: none; 
		text-align: center; }
		
			#main-column .team ul li a { 
			font-size: 11px; 
			text-decoration: none; 
			color: #fff; 
			display: block; 
			text-align:center; 
			padding: 0 0 5px 0; }
			
			#main-column .team ul li a:hover { 
			color: #f7aa10; }
	
	#main-column .gallery { 
		width: 600px;
		height:160px;
		clear:both;	
		padding: 5px; }
	
	#main-column .gallery ul { 
	padding: 10px 0; }
	
		#main-column .gallery ul li { 
		width: 120px;
		height:180px;
		float: left;
		margin: 10px; 
		padding: 0; 
		background-image:url(../images/gallery/folder_background-2.gif);
		background-mage: no-repeat;
		text-align: center; }
		
		
		#main-column .gallery ul li img {
		padding-top:35px; }
		
			#main-column .gallery ul li span { 
			font-size: 11px; 
			text-decoration: none;
			color: #FFFFFF; 
			display: block; 
			text-align:center; 
			margin: 40px 0 0 0; }
			
			#main-column .gallery ul li a:hover { 
			color: #f7aa10;}
		
		/* middle column */	
		#middle-column { 
		width: 170px; 
		padding: 0 5px; 
		margin-top: 0px; }
			
			#next-match { 
			width: 150px; 
			background: #000 url(../images/last-match-bg.jpg) no-repeat 0 20px; 
			height:170px;
			padding: 0 10px 10px; }
			
			#next-match { color: #fff; }
			
			#next-match a { color: #fff; }
			
			#next-match h4 {  
			font-size: 11px;
			color: #f7aa10;
			text-align:center;
			text-transform: none; 
			line-height: 15px; 
			padding: 0 0 15px 0;
			}
			
			#next-match div { 
			text-align:center; 
			clear: both; 
			}
			
			#next-match .competition { 
			font-weight: 400; 
			line-height: 14px; 
			font-size: 12px;  
			}
			
			#next-match .team  { 
			padding-top: 7px; 
			font-weight: 500; 
			font-size: 16px; 
			}
			
			#next-match .name { 
			padding-top: 7px;
			font-size: 12px; 
			}
				
			#last-match { 
			width: 150px;
			height:185px; 
			background: #000 url(../images/last-match-bg.jpg) no-repeat 0 30px; 
			padding: 0 10px 10px; 
			}
			
			#last-match { color: #fff; }
			
			
			#last-match a { color: #fff; }
			
			#last-match h4 { 
			font-size: 11px; 
			color: #f7aa10; 
			text-transform: none;
			text-align:center;
			line-height: 15px; 
			padding: 10px 0 15px 0; }
			
			#last-match div { 
			text-align:center; 
			clear: both; }
			
			#last-match .competition { 
			font-weight: 400; 
			line-height: 14px; 
			font-size: 12px;  }
			
			#last-match .team  { 
			padding-top: 7px; 
			font-weight: 500; 
			font-size: 16px; 
			}
			
			#last-match .name { 
			padding-top: 7px; 
			font-size: 12px; 
			}
			
			#last-match .score { 
			font-size: 14px; 
			padding-top: 7px; 
			font-weight: 700;
			}
				
		/* right colunm */			
		#right-column { 
		width: 300px; 
		float: right; }
		
		#right-column h2 { 
		color: #f7aa10;}
		
			
			#featured-player { 
			width:300px;
			height: 192px; 
			background-repeat: no-repeat; 
			position: relative;
			}
			
			#featured-player .img {
			float:left;
			padding-left:5px;
			}
			
			#featured-player .stats { 
			width:200px;
			float:right;
			}
			
			#featured-player h2 { 
			padding: 5px;
			color:#f7aa10;
			font-size: 14px; 
			font-weight:400; 
			padding-bottom: 15px; 
			}
			
		    #featured-player h2 em { 
			display: block; 
			font-size: 18px; 
			color: #f7aa10; 
			}
			
			#featured-player dt, #featured-player dd {  
			display:block; 
			font-size: 11px; 
			line-height: 15px; 
			padding: 0 5px; 
			float: left; 
			margin-bottom: 1px; 
			}
			
			#featured-player dt { 
			width: 80px; 
			color: #FFFFFF; 
			}
			
			#featured-player dd { 
			width: 80px; 
			color: #FFFFFF; }
			
			
			#featured-player p { 
			font-size: 12px; 
			float:left; 
			font-weight:400; 
			padding: 0 5px;
			color: #f7aa10; 
			}
			
			#interested {  
			position: relative; 
			}
			
			#interested h2 {  
			font-size: 18px; 
			font-weight:400; 
			padding: 5px 5px 5px 5px;  
			color: #f7aa10;
			}
			
			#interested p { 
			font-size: 12px; 
			float:left; 
			font-weight:400; 
			padding: 0 5px; 
			color: #fff; 
			}
			
			#club_contacts h3 { 
				padding-top: 10px; 
				text-transform: uppercase;}
			
					
		/* footer */
		#footer { 
		clear:both; 
		height: 40px; 
		margin: 0 0 20px; 
		font-size: 1.1em; 
		margin-top: 0px; 
		}
		
		#footer, #footer a { 
		color: #fff; 
		line-height: 14px; 
		}
		
		#footer .wrap { 
		width: 920px; 
		height: 20px; 
		padding: 10px 15px; 
		text-align: center; 
		background: #000; 
		}
		
		#footer ul { 
		margin: 0 auto; 
		text-align:center; 
		float: none; 
		display:block;
		 }
		
		#footer ul li { 
		display: inline; 
		padding: 0 7px; 
		border-right: 1px solid #fff; 
		}
		
		#footer ul li.last { 
		border-right: none; 
		}
		
		#footer ul li a { 
		text-decoration: none; 
		}
		
		#footer ul li a:hover { 
		text-decoration: underline; 
		}