/* Designed by Artem Parshakov of StillTuned.com */

@import 'reset.css';

/* Colors in layout
----------------------------------------------
Anchors in text: normal: #6a6a6a; hover: #03527c;

Paragraph: #6a6a6a
*/

/* General
-------------------------------*/
.left {float: left;}
.right {float: right;}
.clear { clear: both; }

html { width: 100%; }
body { background: #193c0e; font: normal 12px Helvetica, Arial, sans-serif; color: #fff; width: 100%; }

#wrapper { background: #071203; width: 100%; margin: 0 auto; min-height: 1056px; _height: 1056px; }
	#wrapper:after { visibility: 0; display: block; font-size: 0; clear: both; content: " "; height: 0; }
.inside { background: url(../images/bg.jpg) no-repeat center top; min-height: 1056px; _height: 1056px; }

.inner-wrapper { width: 910px; margin: 0 auto; position: relative; }
	.inner-wrapper:after { visibility: 0; display: block; font-size: 0; clear: both; content: " "; height: 0; }
	
h1,h2,h3,h4,h5 { font-weight: normal; margin: 0 0 1.5em 0; }

a { color: #fff; text-decoration: none; }
	a:hover { color: #fff000; text-decoration: none; }
	a:active { position: relative; outline: 0; top: 1px; }
	
/**
blockquote { position: relative; margin: 10px 0; background: url(../images/open-quote-bg.gif) no-repeat left top; padding: 0 0 0 50px; }
	blockquote p { margin: 1em 0; line-height: 1.5em; font-style: italic; }
		blockquote p cite { display: block; margin: 1em 0 0 0; font-style: normal; color: #000; text-align: right; } **/
	

	
/*HEADER
----------------------------------------------*/
#header { width: 100%; height: 118px; position: relative; }
	#header h1 { float: left; margin: 20px 0 0 0; }
	
	#header p { position: absolute; right: 0; bottom: -7px; line-height: 65px; font-family: Tahoma; font-size: 15px; }
		#header p img { vertical-align: middle; }
		

/*TOP-MENUS
---------------------------------------------*/
#special-menu { width: 100%; height: 60px; clear: both; }
	#special-menu ul { padding: 25px 20px 0 20px; overflow: hidden; }
		#special-menu ul li { display: inline; float: left; padding: 0 7px; }
	#special-menu ul li a { text-indent: -99999px; height: 16px; display: block; float: left; }
	
	#special-menu ul li a.item-1 { background: url(../images/top-nav-item-1.gif) no-repeat center top; width: 124px; }
        #special-menu ul li a.item-1.selected { background-position: center bottom; }
	#special-menu ul li a.item-2 { background: url(../images/top-nav-item-2.gif) no-repeat center top; width: 133px; }
        #special-menu ul li a.item-2.selected { background-position: center bottom; }
	#special-menu ul li a.item-3 { background: url(../images/top-nav-item-3.gif) no-repeat center top; width: 144px; }
        #special-menu ul li a.item-3.selected { background-position: center bottom; }
	#special-menu ul li a.item-4 { background: url(../images/top-nav-item-4.gif) no-repeat center top; width: 133px; }
        #special-menu ul li a.item-4.selected { background-position: center bottom; }
	#special-menu ul li a.item-5 { background: url(../images/top-nav-item-5.gif) no-repeat center top; width: 123px; }
        #special-menu ul li a.item-5.selected { background-position: center bottom; }
	#special-menu ul li a.item-6 { background: url(../images/top-nav-item-6.gif) no-repeat center top; width: 123px; }
        #special-menu ul li a.item-6.selected { background-position: center bottom; }
	#special-menu ul li a:hover { background-position: center bottom; }

#nav { margin: 5px 0 0 20px; line-height: 20px; }
	#nav ul li { display: inline; }
		#nav ul li a { margin: 0 4px 0 0; }
		
		
/*CONTENT
---------------------------------------------*/
#content { width: 860px; overflow: hidden; margin: 10px 0 0 0; height: 410px; padding: 0 20px; }
	#content h2 { font-size: 18px; font-family: Tahoma; margin: 0 0 5px 0; }
	
	/*teams*/
	.teams { width: 500px; height: 260px; overflow: hidden; position: relative; padding: 0 0 10px; }
		.teams .team-logo { background: #fff; padding: 10px; }
		
		.teams .teams-list { font-size: 14px; margin-left: 5px; margin-top: 5px; margin-bottom: 10px; }
			.teams .teams-list ul li { margin: 0 0 8px; }
				.teams .teams-list ul li img { vertical-align: middle; margin: 0 10px 0 0; }
				.teams .teams-list ul li a.up { background: url(../images/arrow-top-ico.png) no-repeat right top; padding: 0 20px 0; }
				.teams .teams-list ul li a.down { background: url(../images/arrow-down-ico.png) no-repeat right top; padding: 0 20px 0; }
	
	/*voting*/
	.voting-form { width: 360px; padding: 0 0 10px; }
		.voting-form form { background: rgba(0,0,0, .4); padding: 30px; border: 1px solid #000;
							box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; }
		.voting-form select { width: 100%; }
			.voting-form .form-item,
			.voting-form .form-item-submit { display: block; width: 100%; clear: both; margin: 12px 0; }
			.voting-form .form-item-submit { text-align: center; }
			
	/*ad*/
	.ad-banner { width: 728px; height: 90px; margin: 0 auto; clear: both; }
	
/*BOTTOM-COL
---------------------------------------------*/
#bottom-col { clear: both; width: 860px; margin: 35px 0 0 0; padding: 0 20px; overflow: hidden; }
	#bottom-col  h2 { font-size: 22px; font-family: Tahoma; margin: 0 0 5px 0; }
	
	.chart { width: 595px; }
		.chart .chart-placeholder { background-color: #111111; border: 1px solid #ababab;
									box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000;}
		
	.sponsor { width: 230px; }
		.sponsor-placeholder { background: #000; padding: 10px; 
									box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000;}
									
/*FOOTER
---------------------------------------------*/
#footer { width: 860px; clear: both; overflow: hidden; margin: 30px 0 0 0; padding: 0 20px; }
	
	#footer .special-nav  ul { padding: 10px 20px 0 20px; overflow: hidden; }
		#footer .special-nav  ul li { display: inline; float: left; padding: 0 7px; }
	#footer .special-nav  ul li a { text-indent: -99999px; height: 14px; display: block; float: left; overflow: hidden; }
	
	#footer .special-nav ul li a.item-1 { background: url(../images/footer-nav-item-1.gif) no-repeat center top; width: 70px; }
	#footer .special-nav ul li a.item-2 { background: url(../images/footer-nav-item-2.gif) no-repeat center top; width: 57px; }
	#footer .special-nav ul li a.item-3 { background: url(../images/footer-nav-item-3.gif) no-repeat center top; width: 57px; }
	#footer .special-nav ul li a.item-4 { background: url(../images/footer-nav-item-4.gif) no-repeat center top; width: 72px; }
	#footer .special-nav ul li a.item-5 { background: url(../images/footer-nav-item-5.gif) no-repeat center top; width: 33px; }
	#footer .special-nav ul li a.item-6 { background: url(../images/footer-nav-item-6.gif) no-repeat center top; width: 55px; }
		#footer .special-nav ul li a:hover { background-position: center bottom; }
		
	#footer .special-nav { height: 45px; position: relative; }
		#footer .special-nav p { position: absolute; top: 0; right: 0; color: #5d5c5c; }
			#footer .special-nav p img { vertical-align: middle; margin: 0 5px; }
			
	#footer .footer-nav {margin: 15px 0 0 20px; line-height: 20px; }
		#footer .footer-nav ul li { display: inline; }
			#footer .footer-nav ul li a { margin: 0 4px 0 0; }