/* reset all paddings */
* { margin: 0px; padding: 0px; }

/* page body master + heading background */
body {
	background-color: #ffffff;
	color: #383838;
	font: normal 9.6pt/1.6em 'Lucida Grande', Arial, sans-serif;
	padding-top: 0px;
	width: 960px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: top center;
	/* bg image in .html files... */
}

#footer { }

.rightie { width: 49%; float: right; }
.leftie { width: 49%; float: left; }

.serverInfo { width: 800px; clear: both; }
.serverInfo-leftie { width: 160px; float: left; margin-bottom: 32px; }
.serverInfo-rightie { width: 550px; float: right; }
.serverInfo table { width: 550px; float: right; }
.serverInfo th { border-bottom: 1px solid #ccc; }

#logo { padding-top: 32px; }

#navi { padding-top: 50px; }

#splash { height: 310px; }

#splash h1 { color: white; }
#splash p { color: #ccc; }

.splash-image { border: 6px solid white; }
.white-text { color: white; }

.hilite { background-color: #34e2e2; padding: 4px; color: black; }

/* tables */
table { width: 100%; }
th, td { text-align: left; }
th { font-weight: bold; }
th:hover { cursor: pointer; }
td { margin: 0px; }

/* head goodness */
h1, h2, h3 { margin: 0; padding: 0; line-height: 1.7em; font-weight: normal; letter-spacing: -1px; text-shadow: #000 0 0 0; color: black; }
h3 { font-size: 14px; letter-spacing: 0px;  }
h1 + p { font-size: 11pt; margin-bottom: 32px; }

/* warsow colors ^0 to ^9 */
.c0 { color: #2e3436; }
.c1 { color: #cc0000; }
.c2 { color: #1d8a49; }
.c3 { color: #ab6900; }
.c4 { color: #3465a4; }
.c5 { color: #4295c4; }
.c6 { color: #ff6ea5; }
.c7 { color: #000000; }
.c8 { color: #9c7900; }
.c9 { color: #8f8f8f; }

/* random classes */
.centered { text-align: center; }
.righty { text-align: right; }
.alt { background-color: #ececec;  }
.clear { clear: both; }
.float { float: left; }
.content { padding: 20px; }
.noborder, img { border: 0px; background-color: transparent; }
.bordered { border: 2px solid black; }
.small { font-size: 10px; }
.white-bg { background-color: white; padding: 4px; }

/* boxes */
.box { float: left; width: 290px; padding-right: 10px; margin-right: 10px; border: 0px; min-height: 400px; }
.last { border-right: 0px solid transparent; }
/* server list */
.sv-list { list-style-type: none; }
.sv-list li:hover { color: #c4a100; }

/* links styles */
a:link, a:visited { color: #9c7900; text-decoration: none; }
a:hover { color: #ab6900; text-decoration: none; }
.content a:hover { color: #ff9000; text-decoration: underline; }

/* top navigation */
#top-nav {
	list-style-type: none;
	margin: 0px; padding: 0px;
	float: right;
}

#top-nav li {
	float: left;	
	margin-top: 15px;
	margin-bottom: 25px;
}

	#top-nav li a {
		line-height: 40px;
		background-color: transparent;
		display: block; /* hide text nav */
		overflow: none;
		font-size: 8px;
	}
	
	
	/* css kendo art - image navi with hovers */
	
	#match-browser { 
			background-image: url(http://padpork.warsow-esport.net/images/live-nav.png);
			background-repeat: no-repeat;
			background-position: -200px -4px;
			height: 40px;
			width: 140px;
		}
	
		#match-browser:hover { 
			background-image: url(http://padpork.warsow-esport.net/images/live-nav-hover-2.png);
			background-repeat: no-repeat;
			background-position: -200px -3px;
			height: 40px;
			width: 140px;
		}		
		
		#match-browser.active { 

		}			

	#blog { 
			background-image: url(http://padpork.warsow-esport.net/images/navi.png);
			background-repeat: no-repeat;
			background-position: 0px 0px;
			height: 40px;
			width: 45px;
		}
	
		#blog:hover { 
			background-image: url(http://padpork.warsow-esport.net/images/navi.png);
			background-repeat: no-repeat;
			background-position: 0px -39px;
			height: 40px;
			width: 45px;
		}		
		
		#blog.active { 
			background-image: url(http://padpork.warsow-esport.net/images/navi.png);
			background-repeat: no-repeat;
			background-position: 0px -40px;
			height: 40px;
			width: 45px;
		}			
	
	#servers { 
			background-image: url(http://padpork.warsow-esport.net/images/navi.png);
			background-repeat: no-repeat;
			background-position: -50px 0px;
			height: 40px;
			width: 75px;
		}
	
		#servers:hover { 
			background-image: url(http://padpork.warsow-esport.net/images/navi.png);
			background-repeat: no-repeat;
			background-position: -50px -39px;
			height: 40px;
			width: 75px;
		}		
		
		#servers.active { 
			background-image: url(http://padpork.warsow-esport.net/images/navi.png);
			background-repeat: no-repeat;
			background-position: -50px -40px;
			height: 40px;
			width: 75px;
		}		
		
	#hall-of-fame { 
			background-image: url(http://padpork.warsow-esport.net/images/navi.png);
			background-repeat: no-repeat;
			background-position: -130px 0px;
			height: 40px;
			width: 115px;
		}
	
		#hall-of-fame:hover { 
			background-image: url(http://padpork.warsow-esport.net/images/navi.png);
			background-repeat: no-repeat;
			background-position: -130px -39px;
			height: 40px;
			width: 115px;
		}		
		
		#hall-of-fame.active { 
			background-image: url(http://padpork.warsow-esport.net/images/navi.png);
			background-repeat: no-repeat;
			background-position: -130px -40px;
			height: 40px;
			width: 115px;
		}		
		
	#downloads { 
			background-image: url(http://padpork.warsow-esport.net/images/navi.png);
			background-repeat: no-repeat;
			background-position: -250px 0px;
			height: 40px;
			width: 90px;
		}
	
		#downloads:hover { 
			background-image: url(http://padpork.warsow-esport.net/images/navi.png);
			background-repeat: no-repeat;
			background-position: -250px -39px;
			height: 40px;
			width: 90px;
		}		
		
		#downloads.active { 
			background-image: url(http://padpork.warsow-esport.net/images/navi.png);
			background-repeat: no-repeat;
			background-position: -250px -40px;
			height: 40px;
			width: 90px;
		}		
		
	#community { 
			background-image: url(http://padpork.warsow-esport.net/images/navi.png);
			background-repeat: no-repeat;
			background-position: -345px 0px;
			height: 40px;
			width: 95px;
		}
	
		#community:hover { 
			background-image: url(http://padpork.warsow-esport.net/images/navi.png);
			background-repeat: no-repeat;
			background-position: -345px -39px;
			height: 40px;
			width: 95px;
		}		
		
		#community.active { 
			background-image: url(http://padpork.warsow-esport.net/images/navi.png);
			background-repeat: no-repeat;
			background-position: -345px -40px;
			height: 40px;
			width: 95px;
		}			
		
	#about { 
			background-image: url(http://padpork.warsow-esport.net/images/navi.png);
			background-repeat: no-repeat;
			background-position: -447px 0px;
			height: 40px;
			width: 60px;
		}
	
		#about:hover { 
			background-image: url(http://padpork.warsow-esport.net/images/navi.png);
			background-repeat: no-repeat;
			background-position: -447px -39px;
			height: 40px;
			width: 60px;
		}		
		
		#about.active { 
			background-image: url(http://padpork.warsow-esport.net/images/navi.png);
			background-repeat: no-repeat;
			background-position: -447px -40px;
			height: 40px;
			width: 60px;
		}