@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
	background:transparent none repeat scroll 0 0;
	border:0 none;
	font-size:100%;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding:0;
	vertical-align:baseline;
}
body { 
	color: #b1b1af; 
	font-family: Arial, Helvetica, sans-serif; 
	background-image:url(images/bg.png);
}

.media {
	line-height: 30px; 
	padding: 15px 15px 50px 15px;
}
.tutorials {
	line-height: 30px; 
	padding: 62px 15px 50px 15px;
}
a { 
	color: #8e965e; 
	font-size: 18px; 
}
.media a {
	padding-left: 30px; 
	color: #8e8e8c; 
	font-size: 14px; 
}
.tutorials a {
	padding-left: 30px; 
	color: #8e8e8c; 
	font-size: 14px; 
}
#topbar {
	background-image:url(images/topbar.gif);
	background-repeat: repeat-x;
	height: 61px;
	margin-bottom: 30px;
	color: #ffffff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 22px;
}
#topbar a {
	color: #ffffff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-decoration: none;
}
#topbar a:hover {
	color: #8e965e;
}

#topbar ul {
	list-style-type: none;
	line-height: 58px;
	margin-left: 20px;
}
#topbar li {
	float: left;
	padding-left: 8px;
	padding-right: 8px;
	margin-right: 30px;
}
#topbar li.selected {
	background-image: url(images/topbar-selectedbg.gif);
	background-repeat: repeat-x;
}
#topbar-inside {
	height:61px; 
	background-image:url(images/topbar-panther.jpg); 
	background-repeat:no-repeat; 
	background-position:right;
}
#main {
	margin: auto; background-color: #141414;
	background-image: url(images/borders.png);
	background-repeat: repeat-y;
	padding-left: 17px;
	padding-right: 16px;
	width: 972px;
}
#main .left1 { 
	font-size: 14px;
	background-color: #272722;	
	width: 60%;	
	float:left;	
	line-height: 17px; 
	/*padding: 20px 15px 60px 15px;*/
}
#main .right1 { 
	float:left;
	min-height:335px; 
	width:40%; 
	background-image: url(images/mainleft-bg.gif); 
	background-repeat:repeat-y; 
	/* background-image: url(images/mainright-bgbottom.png); 
	background-position:bottom; 
	background-repeat:repeat-x;*/ 
}
#main .bottom-right { 
	background-image: url(images/mainright-bgbottom.png);
	background-repeat:repeat-x;
	height:14px;
	float: left;
	width:40%;
}
#main .bottom-left {
	background-image: url(images/mainleft-bgbottom.png);
	height:14px;
	float: left;
	width: 60%;
}
#main .top-left {
	background-image: url(images/mainleft-bgtop.png);
	height: 20px;
	width: 60%;
	float:left;
}
#main .top-right {
	background-image: url(images/mainright-bgtop.png);
	height: 20px;
	width: 40%;
	float:left;
	z-index: -2;
	background-position: 10px 0px;
}
#bottom { 
	height:350px;
	clear:both;
	margin-top:-60px;
}
#bottom .right1 {
	height:260px;
	min-height:0px;
}
#bottom .left1 { height:350px; }
#footer-top { 
	height: 50px;
	background-image:url(images/footertop-bg.png);
	color: #ffffff;
	line-height: 35px;
}
#footer-bottom { 
	height: 145px;
	background-color: #21201e;
	margin-top: 120px;
}
h2 {
	font-size: 35px;
	color: #e3e3e2;
	font-weight: normal;
	text-align: left;
	font-family: Helvetiker;
}
.welcometext {
	width: 978px;
	margin: auto;
}
.welcometext img { 
	margin-bottom: 20px;
}
.imagetext { 
	
} 
#topborder {
	margin: auto;
	width:1007px;
	background-image: url(images/topborder.png);
	height:24px;
}
#bottomborder {
	margin: auto; 
	width:1005px;
	margin-top: -1px;
	margin-bottom: 30px;
	background-image: url(images/bottomborder.png);
	height:24px;
}
#whatiseir {
	margin-top:-55px;
	margin-left: -70px;
}
#gettingstarted { 
	margin-top: -20px;
	vertical-align: top;
}
#media {
	margin-left: 326px;
	margin-top: -22px;
}
#ventrilo { margin-left: 120px; margin-top: 20px; vertical-align: middle;}
#awards { margin: auto; width: 1000px; margin-top: 5px; }
/**TODO: FIX HORRID CSS AND HTML for bottom background **/ 
#alliesbg {
	position: absolute; 
	left: 0;
	margin-top: -130px;
}
#axisbg {
	position: absolute; 
	right: 0;
	margin-top: -130px;
}
#grassbg {
	width: 100%; 
	overflow: hidden; 
	position:absolute; 
	white-space:nowrap; 
	margin-top: -130px;
}