body { background:#000 url('img/background.jpg') 0 0 repeat-x; text-align:center; margin:0; padding:0; font-family:verdana,arial,tahoma, sans serif; font-size:0; } a { color:#bbb; } a:hover { text-decoration:none; } #container { width:978px; text-align:left; margin-left:auto; margin-right:auto; margin-top:16px; } #left { float:left; width:201px; } #right { float:right; margin:0 4px 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 span { color:#89ABE5; 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:#fff; text-decoration:none; font-weight:bold; } #menu a:hover, #news a:hover { color:#999; } #tagline { padding:10px 0 0 0; font-size:16px; margin:0; color:#848690; text-align:center; } #content { background:url('img/body_bg.jpg') 0 0 no-repeat; width:746px; min-height:520px; height:auto !important; height:520px; padding:12px 10px 10px 10px; margin-top: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 { margin-bottom:-10px; } #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 { 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; } #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 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:166px; height:560px; margin:10px 0 0 8px; padding:8px; 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:100px; height:auto !important; height:100px; } .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; } #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; } #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#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; }