/* globals */
* { 
	margin:0px; 
	padding:0px;
	font-family:tahoma; 
}
.clear { clear:both; }
h1 { font-size:22px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:14px; }
p, td, li { color:#666; }
td { padding:4px 0px; }
strong { color:#333; }
textarea { font-size:12px; }
option { padding:0px 4px; }
ul.basic { list-style:none; }
ul.basic li { margin:8px 0px; }
img.thumb { border:1px solid #333; }
a.button1 {
	cursor:pointer;
	display:block;
	text-align:center;
	width:171px;
	color:white;
	font-size:13px;
	padding:4px 0px 8px 0px;
	background:transparent url(../images/button1.png) no-repeat center center;
	margin:8px auto;
}
a.button2 {
	cursor:pointer;
	display:block;
	text-align:center;
	width:107px;
	color:white;
	font-size:13px;
	padding:4px 0px 8px 0px;
	background:transparent url(../images/button2.png) no-repeat center center;
	margin:8px auto;
}

div.ajax_loader {
	background:transparent url(../images/ajax_loader.gif) no-repeat center center;
	min-height:120px;
	_height:120px;
}

body {
	background:#333 url(../images/body_bg.gif) repeat-x top center;
	text-align:center;
	font-size:small;
	color:#333;
}
body a {
	text-decoration:none;
	color:#749709;
}


/* container */
div#container {
	margin:0px auto;
	width:1062px;
	background:#fff url(../images/container_bg.gif) repeat-y top center;
	text-align:left;
}


/* header */
div#header {
	margin:0px auto;
	width:1003px;
	height:87px;
	background:transparent url(../images/header_bg.gif) no-repeat top center;
}
div#header ul {
	list-style:none;
	float:right;
	margin-top:45px;
	margin-right:24px;
	_margin-right:12px;
}
div#header ul li {
	display:block;
	float:left;
	padding:10px 0px;
}
div#header ul li.spacer {
	width:4px;
	background:transparent url(../images/header_spacer.gif) no-repeat center center;
}
div#header ul li a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:0px 12px;
	font-size:12px;
}
div#header ul li a:hover, div#header ul li a:active {
	text-decoration:underline;
}


/* logo */
div#logo {
	float:left;
	margin-top:45px;
	margin-left:32px;
	_margin-left:16px;
	width:305px;
	height:32px;
}
div#logo div {
	width:100%;
	height:100%;
	background:transparent url(../images/logo.png) no-repeat top left;
}
div#logo div a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}


/* navigation */
div#navigation {
	margin:8px auto 0px;
	width:1000px;
	height:43px;
	background:transparent url(../images/navigation_bg.gif) repeat-x top center;	
}
div#navigation ul {
	list-style:none;
	margin-left:8px;
}
div#navigation ul li {
	display:block;
	float:left;
	padding:0px 8px;
}
div#navigation ul li.spacer {
	width:4px;
	height:43px;
	background:transparent url(../images/navigation_break.gif) no-repeat center center;
}
div#navigation ul li a {
	display:block;
	margin-top:12px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
div#navigation_under {
	margin:0px auto;
	background:transparent url(../images/navigation_under_bg.gif) repeat-x center center;
	width:1000px;
	height:27px;
	margin-top:4px;
}


/* search */
input#search {
	float:right;
	margin:8px 8px 0px 0px;
	padding:2px;
	width:150px;
	color:#999;
	font-size:13px;
}
ul.autocomplete {
	background-color:#fff;
	border:1px solid #333;
	list-style:none;
}
ul.autocomplete li {
	text-align:left;
	padding:4px;
	width:150px;
}
ul.autocomplete li.over {
	background-color:#AFC84F;
	color:#333;
}


/* content */
div#content_wrapper {
	margin:0px auto;
	width:1000px;
}
div#content {
	float:left;
	width:730px;
	font-size:12px;
}


/* sidebar */
div#sidebar {
	float:left;
	width:255px;
	margin-left:15px;
}


/* user panel */
div#panel { }
div#panel dt {
	cursor:pointer;
	padding:4px 0px 4px 4px;
	margin:4px 0px;
}
div#panel dd {
	padding:8px 0px 12px 12px;
}
div#panel ul {
	margin:0px 16px;
}
div#panel ul li, div#panel p {
	font-size:12px;
}
div#panel td {
	padding:2px 0px;
}


/* footer */
div#footer {
	margin:0px auto;
	width:1062px;
	height:43px;
	background:transparent url(../images/footer_bg.gif) no-repeat top center;
	color:#ccc;
	line-height:24px;
	font-size:10px;
}
div#footer p {
	width:1000px;
	margin:12px auto;
	line-height:1.1em;
}
div#footer strong {
	color:#ccc;
}
div#footer div {
	padding:48px 0px 32px;
}
div#footer ul {
	list-style:none;
}
div#footer ul li {
	display:inline;
	padding:0px 6px;
	font-size:12px;
}
div#footer ul li a {
	color:#ccc;
	text-decoration:none;
}
div#footer ul li a:active, div#footer ul li a:hover {
	text-decoration:underline;
}


/* misc */


h5 {
	background:#fff url(../images/header_border.gif) repeat-x bottom center;
	padding-bottom:8px;
	margin-bottom:12px;
}

div#toprated_games, div#justreleased_games, div#other_games {
	margin-top:12px;
}

table.list thead tr {
	background-color:#afc84f;
}
table.list thead tr th, table.list thead tr td {
	padding:4px 0px 4px 4px;
	cursor:pointer;
}
table.list thead tr th.asc, table.list thead tr td.asc {
	background:#d7ee7d url(../icons/arrow_up.png) no-repeat center right;
}
table.list thead tr th.desc, table.list thead tr td.desc {
	background:#d7ee7d url(../icons/arrow_down.png) no-repeat center right;
}
table.list thead tr th.nosort {
	cursor:default;
}
table.list tfoot tr {
	background-color:#e0e0e0;
}
table.list tfoot td {
	font-weight:bold;
}
table.list td {
	padding:6px;
}
table.list tr.even {
	background-color:#f0f0f0;
}


div#buttons {
	text-align:right; 
	padding-bottom:8px;
}
div#buttons a {
	font-style:bold;
	color:#333;
}
div#buttons img {
	border:none;
}

div#play {
	text-align:center;
}

div#vote {
	padding-top:8px;
}
div#vote div.content {
	float:left;
	width:33%;
	text-align:center;
}
div#vote div.content div.stars_bw {
	text-align:left;
	margin-left:80px;
	_margin-left:0px;
}
div#vote div.content img {
	cursor:pointer;
}

div#badges {
	margin-top:12px;
}
ul.badges {
	list-style:none;
	margin:0px;
	padding:0px;
}
ul.badges li {
	padding:2px 0px;
}
span.badge {
	background-color:#ececec;
	padding:12px 4px;
	margin:0px 2px;
}


/* help */
ul#help {
	list-style:none;
}
ul#help ul {
	margin-left:24px;
	margin-bottom:8px;
	list-style:disc;
}
table.help {
	margin-left:12px;
}
table.help tr.header {
	background-color:#eee;
}
table.help td, table.help th {
	padding:4px;
}
pre {
	background-color:#eee;
	padding:8px;
	font-family:courier;
}
code {
	background-color:#ddd;
	font-family:courier;
}


/* box 1 */
div.box1 {
	background-color:#fcfcfc;
	border:1px solid #dbdbdb;
	padding:8px;
}
div.box1 h1, div.box1 h2, div.box1 h3, div.box1 h4, div.box1 h5, div.box1 h6 {
	background:transparent url(../images/header_bullet.gif) no-repeat bottom left;
	padding-left:24px;
}
div.box1_bottom {
	margin-top:1px;
	width:100%;
	height:31px;
	background:transparent url(../images/box1_bottom.gif) repeat-x center center;
}
div.box1_left {
	width:100%;
	height:100%;
	background:transparent url(../images/box1_left.gif) no-repeat center left;
}
div.box1_right {
	width:100%;
	height:100%;
	background:transparent url(../images/box1_right.gif) no-repeat center right;
	text-align:right;
}
div.box1_right div {
	display:block;
	padding-top:5px;
	margin-right:12px;
}
div.box1_right a {
	text-decoration:underline;
}
div.box1_right a:hover, div.box1_right a:active {
	text-decoration:none;
}


/* preview */
div.preview {
	margin-bottom:12px;
	float:left;
	width:100%;
}
div.preview div.action {
	float:left;
}
div.preview div.action a {
	display:block;
	margin-top:24px;
}
div.preview div.img {
	float:left;
	margin-left:8px;
}
div.preview div.img img {
	width:60px;
	height:60px;
}
div.preview div.info {
	float:left;
	margin-left:8px;
}
div.preview div.info p.more_votes {
	padding-top:4px;
	font-size:10px;
}
div.stars_bw { /* primarly in preview, but can be used else where */
	width:80px;
	height:16px;
	background:transparent url(../images/stars_bw.png) no-repeat top left;
}
div.stars_color { /* primarly in preview, but can be used else where */
	height:16px;
	background:transparent url(../images/stars_color.png) no-repeat top left;
}
div.stars_color em {
	display:none;
}
div.preview div.info strong a {
	color:#333;
	text-decoration:none;
}
div.preview div.info a, div.preview div.info a {
	text-decoration:underline;
}
div.preview div.info a:hover, div.preview div.info a:active {
	text-decoration:none;
}


/* spotlight games */
div#spotlight { 
	float:left; 
	width:425px; 
	height:300px;
	margin-bottom:32px; 
	background:transparent url(../images/ajax_loader.gif) no-repeat center 75px;
}
div#spotlight div.exclusive {
	width:300px;
	height:100px;
	background:url(../images/exclusive.png) no-repeat;
	position:absolute;
	margin-left:125px;
}
div.spotlight {
	width:100%;
	height:100%;
	display:none;
}
div.spotlight div.dropshadow {
	width:425px;
	height:130px;
	margin-top:170px;
	background-color:#000;
	opacity:.7;
	filter:alpha(opacity=70);
	position:absolute;
}
div.spotlight p.description { 
	font-size:14px;
	color:#ccc;
	position:absolute;
	width:401px;
	margin-top:200px;
	padding:0px 12px;
}
div.spotlight h1 {
	font-size:18px; /* size of the h3, oh well */ 
	color:#fff;
	position:absolute;
	margin-top:175px;
	padding:0px 12px;
}
div#spotlight ul {
	position:absolute;
	width:425px;
	list-style:none;
	text-align:center;
	margin-top:-60px;
}
div#spotlight ul li {
	display:inline;
	cursor:pointer;
	margin:0px 4px;
	color:#333;
}
div#spotlight ul li img {
	width:40px;
	height:40px;
}
div#spotlight ul li.current img {
	width:50px;
	height:50px;
	border:1px solid #AAC450;
}


/* newest additions */
div#newest_additions {
	float:left; 
	margin-left:12px;
	width:290px;
}
div#newest_additions div.box1 {
	background-color:#f6f6f6;
}
div#newest_additions div.preview div.img img {
	width:30px;
	height:30px;
}
div#newest_additions div.preview div.stars_bw, div#newest_additions div.preview p.plays, div#newest_additions div.preview div.info p.more_votes {
	display:none;
}


/* comment */
div.comment {
	width:100%;
	padding-bottom:8px;
	margin-bottom:8px;
	border-bottom:1px solid #ddd;
}
div.comment div.gamer {
	float:left;
	width:60px;
}
div.comment div.info {
	float:left;
	margin-left:8px;
	width:260px;
}
div.comment div.info a {
	text-decoration:underline;
}
div.comment div.info a:hover, div.comment div.info a:active {
	text-decoration:none;
} 
div.comment div.info p.date {
	font-size:10px;
}


/* more misc */
div.ad {
	margin:24px 0px;
	text-align:center;
}


div#random9.side div.preview div.img img.thumb {
	width:30px;
	height:30px;
}
div#random9.side div.preview div.stars_bw, div#random9.side div.preview p.plays, div#random9.side div.preview p.more_votes {
	display:none;
}