/* Stylesheet writen by Tyler "-z-" Mulligan for Nexuiz.com */

body {
	background:#000 url('img/body_bg.jpg') 0 0 repeat-x;
	text-align:center;
	margin:0;
	padding:0;
	font-family:verdana,arial,tahoma, sans serif;
}
a { color:#bbb; }
a:hover { text-decoration:none; }
#bg_image {
	background:transparent url('img/site_bg.jpg') no-repeat scroll 50% 0;
	float:left;
	width:100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px;
	margin:0;
	padding:0;
}
#container {
	width:978px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:36px;
}
#left { float:left; width:201px; }
#right { float:right; margin:4px 8px 5px 0; }
#logo {
	width:201px;
	height:193px;
}
#header {
	width:766px;
	height:114px;
}
#menu {
	background:url('img/menu_bg.jpg') 0 0 no-repeat;
	width:766px;
	height:30px;
	font-size:15px;
}
#menu .selected {
	color:#B19D5F;
	font-weight:bold;
}
#menu ul {
	list-style:none;
	margin:0;
	padding:5px 0 0 8px;
}
#menu li {
	background:url('img/menu_div.jpg') 0 3px no-repeat;
	display:inline;
	padding:0 1px 0 9px;
	margin:0;
}
#menu li.first {
	background:none;
	padding-left:2px;
}
#menu a, #news a, #ninja a {
	color:#ccc;
	text-decoration:none;
	font-weight:bold;
}
#menu a:hover, #news a:hover { 
	color:#DDBF5F;
}
#tagline {
	padding:10px 0 0 0;
	font-size:16px;
	margin:0;
	color:#848690;
	text-align:center;
}
#content {
	background:#000 url('img/content_bg.jpg') 0 0 repeat-x;
	width:746px;
	min-height:520px;
	height:auto !important;
	height:520px;
	padding:16px 10px 10px 10px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}
#content h1 {
	font-size:18px;
	margin:3px 0 3px 0;
	padding:0;
	color:#B0C7ED;
	text-align:left;
}

#content h1 a {
	color:#eee;
	text-decoration:none;
}
#content h1 a:hover {
	color:#bbb;
	text-decoration:underline;
}
#content h2 {
	font-size:15px;
	margin:2px 0 2px 0;
	padding:0;
	color:#aaa;
	text-align:left;
}
#content form h2 {
	
}
#content h2 a {
	color:#ccc;
	text-decoration:none;
}
#content h2 a:hover {
	color:#aaa;
	text-decoration:underline;
}
#content h3 {
	text-align:left;
	font-size:15px;
}
#content p {
	text-align:left;
	color:#999;
	font-size:15px;
}
#content ul {
	margin:0 0 15px 0;
	padding:0 0 0 6px;
	font-size:12px;
	color:#888;
	text-align:left;
	list-style:none;
}
#content ol {
	margin:0 0 15px 0;
	padding:0 0 0 6px;
	font-size:12px;
	color:#888;
	text-align:left;
}
#content table {
	font-size:13px;
	color:#777;
	border:1px solid #333;
}
#content table p {
	padding:0;
	margin:0;
	font-size:11px;
}
#content th {
	background-color:#444;
	color:#fff;
}
#content td {
	border:1px solid #222;
	text-align:left;
	margin:0;
	padding:2px;
}
	#content input, #content textarea {
	background-color:#111;
	border:1px solid #666;
	color:#ccc;
}
#content pre {
	text-align:left;
	font-size:12px;
	color:#999;
}
#content .copyBox {
	background-color:#111;
	color:#666;
	width:600px;
	height:50px;
	border:1px solid #444;
	overflow:hidden;
	margin:3px 3px 20px 3px;
}
#content .description, #content h3 {
	padding:0;
	margin:0 0 10px 0;
	font-size:12px;
	color:#555;
}
#content .comment { padding-bottom:16px; }
#content .comment a { color:#ccc; }
#content .comment a:hover { color:#fff; }
#content .news_ul {
	list-style:circle;
	margin-left:15px;
	color:#ccc;
}
#content .news_ul li {
	padding-bottom:3px;
}
#videoContainer { padding-top:10px;}
#videoContainer p {
	font-size:10px;
	text-align:center;
	color:#666;
	margin:10px 0 0 0;
	padding:0;
}
#videoContainer a {
	color:#3256AE;
	text-decoration:none;
}
#videoContainer a:hover { text-decoration:underline; }
#content a#see_more {
	background: url('img/see_more.jpg') 0 0 no-repeat;
	display: block;
	height:120px;
	width:150px;
	float:left;
	margin-top:20px;
	text-decoration:none;
}
#content a:hover#see_more {
	background-position: -150px 0;
}
#content .screenshot { margin:2px; }
#content .mediashot { width:355px; height: 284px; }
#content .screenshot_home { margin:2px; width:185px; height: 148px; }
#content a:hover { background: transparent; }
#content a img { border: 2px solid #333; }
#content a:hover img, #content a:active img { border: 2px solid #ccc; } 

#sidebar {
	background:url('img/sidebar_bg.jpg') 0 0 no-repeat;
	width:167px;
	height:600px;
	margin:12px 0 0 8px;
	padding:10px 16px 8px 12px;
	text-align:center;
}
/* ie fix */
#sidebar a { text-decoration:none; }
.imgHeader {
	margin-top:14px;
	margin-bottom:5px;
}
.imgButton {
	margin-left:-2px;
	margin-bottom:3px;
}
#news {
	/*min-height:106px;
	height:auto !important;*/
	height:112px;
}
.newsPost { margin:0 0 12px 0; }
#news h1 {
	font-size:12px;
	text-align:left;
	padding:0;
	margin:0;
}
#news h1 a { color:#babecc; }
#news h1 a:hover { color:#808491; }
#news p {
	color:#abaeb9;
	font-size:9px;
	text-align:right;
	padding:0;
	margin:5px 3px 0 0;
}
#rssfeeds h2 {
	float:left;
	clear:both;
	background-color:#111;
	padding:3px;
	border:1px solid #444;
	margin:20px 0;
	width:99%;
}
.rssstory {
	clear:left;
	float:left;
	border-bottom:1px solid #444;
	margin-bottom:10px;
	width:100%;
}
.rssstory p { 
	clear:left;
	float:left;
}
.rssstory h3.rsstitle {
	float:left;
	font-size:15px;
	margin:0;
}
.rssstory h4.date {
	float:right;
	font-size:12px;
	color:#ccc;
	margin:0;
}
#sidebar h2.page {
	text-align:right;
	padding:0;
	margin:0;
}
#sidebar h2 a {
	color:#667;
	font-size:11px;
}
#sidebar h2 a:hover { color:#556; }
#footer {
	background:url('img/footer_bg.jpg') 0 0 no-repeat;
	width:766px;
	height:30px;
	font-size:10px;
	margin-bottom:5px;
}
#footer span {
	color:#89ABE5;
	font-weight:bold;
}
#footer ul a {
	color:#888;
	text-decoration:none;
	font-weight:bold;
}
#footer a:hover { color:#ccc; }
#footer ul {
	list-style:none;
	padding:8px 0 0 10px;
	margin:0;
}
#footer li {
	display:inline;
	border-left:1px solid #777;
	padding:0 2px 0 6px;
}

.selected {
	font-weight:bold !important;
}
#footer li.first { border:none; }
#ninja {
	float:right;
	padding:7px 10px 0 0;
	margin:0;
	color:#888;
	font-weight:bold;
}
#ninja a:hover { color:#777; }
.subFooter {
	color:#555;
	font-size:11px;
	text-align:center;
	margin:0 0 12px 0;
	padding:0;
	clear:left;
}
.subFooter a {
	color:#777;
	text-decoration:none;
}
.subFooter a:hover { text-decoration:underline; }
form {
	padding:0;
	margin:0;
}

#sidebar a#download_nexuiz, #sidebar a#download_q3_mappack {
	display: block;
	margin-left:-2px;
	margin-bottom:3px;
	height:43px;
	width:171px;
}
#sidebar a#download_nexuiz {
	background: url('img/download_nexuiz.jpg') 0 0 no-repeat;
}
#sidebar a#download_q3_mappack {
	background: url('img/download_q3_mappack.jpg') 0 0 no-repeat;
}
#sidebar a:hover#download_nexuiz, #sidebar a:hover#download_q3_mappack {
	background-position: -171px 0;
}

#sidebar a#help_develop {
	background: url('img/help_develop.jpg') 0 0 no-repeat;
	display: block;
	height:43px;
	width:166px;
	margin-bottom:3px;
}
#sidebar a:hover#help_develop {
	background-position: -166px 0;
}

#sidebar a#donate {
	background: url('img/donate_button.jpg') 0 0 no-repeat;
	display: block;
	height:43px;
	width:166px;
	margin-bottom:3px;
}
#sidebar a:hover#donate {
	background-position: -166px 0;
}

#sidebar a#alien_trap {
	background: url('img/alien_trap_logo.jpg') 0 0 no-repeat;
	display: block;
	height:184px;
	width:152px;
	margin-left:auto;
	margin-right:auto;
}
#sidebar a:hover#alien_trap {
	background-position: -152px 0;
}

#valid a#valid_css, #valid a#valid_xhtml {
	display: block;
	height:14px;
	width:80px;
	margin-left:auto;
	margin-right:auto;
}

#valid {
	position:relative;
	margin:5px 0;
	height:14px;
}
#valid a#valid_css {
	position:absolute;
	left:4px;
	background: url('img/css.png') 0 0 no-repeat;
	text-decoration:none;
}
#valid a#valid_xhtml {
	position:absolute;
	left:86px;
	background: url('img/xhtml10.png') 0 0 no-repeat;
	text-decoration:none;
}
#valid a:hover#valid_css, #valid a:hover#valid_xhtml {
	background-position: -80px 0;
}
#valid p {
	text-align:right;
	color:#444;
	font-size:10px;
	margin:-2px 10px 0 0;
	padding:0;
}

#faq h1 { margin-top:10px; }
#faq h1 a { color:#cff; }

#footer_gfx, #push {
	width:100%;
	background:transparent url('img/footer_gfx_bg.jpg') no-repeat scroll 50% 0;
	font-size:16px;
	float:left;
	height: 76px; /* .push must be the same height as .footer */
}