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

/* page body master + heading background */
body {
	background-color: black;
	color: #e1e1e1;
	font: normal 9pt/1.6em 'Lucida Grande', Arial, sans-serif;
	padding-top: 0px;
	margin-top: 0px;
	width: 960px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: top center;
	background-image: url(../images/modbg.jpg);
}

#footer { clear: both; width: 960px; margin: 0 auto; text-align: center; padding-top: 64px; font-size: x-small; }

.rightie { width: 49%; float: right; }
.leftie { width: 49%; float: left; }
.noborder { border: 0px; }

#heading { clear: both; width: 960px; margin: 0 auto; text-align: left; }
#navi { clear: both; width: 960px; margin: 0 auto; text-align: right; position: absolute; top: 0; padding: 0; margin-top: -16px; }
#top-nav { clear: both; }
#logo { margin-top: 0px; }

.content { clear: both; margin-top: 200px; }
.center { text-align: center; }
.italic { font-style: italic; }
.small { font-size: 11px; }

/* 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: white; }
h1 + p { font-size: 11pt; margin-bottom: 32px; }

/* warsow colors ^0 to ^9 */
.c0 { color: #2e3436; }
.c1 { color: #cc0000; }
.c2 { color: #8ae234; }
.c3 { color: #fce94f; }
.c4 { color: #3465a4; }
.c5 { color: #34e2e2; }
.c6 { color: #ff6ea5; }
.c7 { color: #8f8f8f; }
.c8 { color: #c4a100; }
.c9 { color: #cccccc; }

table { width: 100%; }
th { text-align: left; }
td,tr,table,tbody,thead,table* { padding: 0px; margin: 0px; border: 0px; }
td { padding: 2px; border-bottom: 1px solid #2a2a2a;  }
tr { border-bottom: 1px solid #2a2a2a; }
.win { color: green; }
.lose { color: red; }

/* links styles */
a:link, a:visited { color: #f3bd00; text-decoration: none; }
a:hover { color: #b1b1b1; text-decoration: none; }

/* 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 */

	#home { 
			background-image: url(../img/nav.gif);
			background-repeat: no-repeat;
			background-position: 0px 0px;
			height: 32px;
			width: 61px;
		}
	
		#home:hover { 
			background-image: url(../img/nav-hover.gif);
			background-repeat: no-repeat;
			background-position: 0px 0px;
			height: 32px;
			width: 61px;
		}		
		
		#home.active { 
			background-image: url(../img/nav-hover.gif);
			background-repeat: no-repeat;
			background-position: 0px 0px;
			height: 32px;
			width: 61px;
		}			

	#members { 
			background-image: url(../img/nav.gif);
			background-repeat: no-repeat;
			background-position: -60px 0px;
			height: 32px;
			width: 82px;
		}
	
		#members:hover { 
			background-image: url(../img/nav-hover.gif);
			background-repeat: no-repeat;
			background-position: -60px 0px;
			height: 32px;
			width: 82px;
		}		
		
		#members.active { 
			background-image: url(../img/nav-hover.gif);
			background-repeat: no-repeat;
			background-position: -60px 0px;
			height: 32px;
			width: 82px;
		}			

	#clanwars { 
			background-image: url(../img/nav.gif);
			background-repeat: no-repeat;
			background-position: -140px 0px;
			height: 32px;
			width: 88px;
		}
	
		#clanwars:hover { 
			background-image: url(../img/nav-hover.gif);
			background-repeat: no-repeat;
			background-position: -140px 0px;
			height: 32px;
			width: 88px;
		}		
		
		#clanwars.active { 
			background-image: url(../img/nav-hover.gif);
			background-repeat: no-repeat;
			background-position: -140px 0px;
			height: 32px;
			width: 88px;
		}					

	#random { 
			background-image: url(../img/nav.gif);
			background-repeat: no-repeat;
			background-position: -230px 0px;
			height: 32px;
			width: 80px;
		}
	
		#random:hover { 
			background-image: url(../img/nav-hover.gif);
			background-repeat: no-repeat;
			background-position: -230px 0px;
			height: 32px;
			width: 80px;
		}		
		
		#random.active { 
			background-image: url(../img/nav-hover.gif);
			background-repeat: no-repeat;
			background-position: -230px 0px;
			height: 32px;
			width: 80px;
		}			

	#contact { 
			background-image: url(../img/nav.gif);
			background-repeat: no-repeat;
			background-position: -310px 0px;
			height: 32px;
			width: 110px;
		}
	
		#contact:hover { 
			background-image: url(../img/nav-hover.gif);
			background-repeat: no-repeat;
			background-position: -310px 0px;
			height: 32px;
			width: 110px;
		}		
		
		#contact.active { 
			background-image: url(../img/nav-hover.gif);
			background-repeat: no-repeat;
			background-position: -310px 0px;
			height: 32px;
			width: 110px;
		}