* {
	margin:0;
	padding:0;
	list-style:none;}
html {
	overflow-y:scroll;}
a {
	outline:none;
	text-decoration:none;}
a:hover {
	text-decoration:underline;}
img {
	border:none;}
table {
	border-collapse:collapse;}
td {
	vertical-align:top;}
.clear {
	clear:both;}
h1 {
	font-size:13px;}
span h1 {
	font-size:10px;}
h2 {
	display:block;
	font-size:12px;
	font-weight:normal;}
body {
	color:#2e2c2d;
	font:12px Arial, Helvetica, sans-serif;
	background:url(../images/bg.gif) repeat-x #7ebbd5;}
#container {
	width:800px;
	margin:0 auto;
	position:relative;}
#header {
	width:100%;
	height:104px;
	clear:both;
	position:relative;}
#header span {
	display:none;}
#header #logo {
	width:815px;
	height:96px;
	display:block;
	position:absolute;
	background:url(../images/header.gif) left 12px no-repeat;}
#main {
	float:left;
	clear:both;}
.column {
	float:left;
	padding-bottom:80px;}
/* BEGIN Content Box */
.box {
	float:left;
	width:196px;
	margin:1px;
	clear:both;
	z-index:10;
	position:relative;}
.box .head {
	background:url(../images/b-top.png) no-repeat}
.box.blue .content {
	background:url(../images/b-mid-bl.png) repeat-y}
.box.green .content {
	background:url(../images/b-mid-gr.png) repeat-y}
.box.yellow .content {
	background:url(../images/b-mid-ye.png) repeat-y}
.box.orange .content {
	background:url(../images/b-mid-or.png) repeat-y}
.box.red .content {
	background:url(../images/b-mid-re.png) repeat-y}
.box.pink .content {
	background:url(../images/b-mid-pi.png) repeat-y}
.box.purple .content {
	background:url(../images/b-mid-pu.png) repeat-y}
.box .inner {
	margin-bottom:-6px;
	position:relative;}
.box .bot {
	height:16px;
	width:100%;
	clear:both;}
.box.blue .bot {
	background:url(../images/b-bot-bl.png) repeat-y}
.box.green .bot {
	background:url(../images/b-bot-gr.png) repeat-y}
.box.yellow .bot {
	background:url(../images/b-bot-ye.png) repeat-y}
.box.orange .bot {
	background:url(../images/b-bot-or.png) repeat-y}
.box.red .bot {
	background:url(../images/b-bot-re.png) repeat-y}
.box.pink .bot {
	background:url(../images/b-bot-pi.png) repeat-y}
.box.purple .bot {
	background:url(../images/b-bot-pu.png) repeat-y}	
.head {
	height:25px;
	padding:0 6px;
	line-height:25px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	position:relative;}

.box .head b,
.box .head p {
	z-index:2;
	float:right;
	display:block;
	position:absolute;}
.box .head b {
	width:28px;
	height:28px;
	top:4px;
	right:1px;
	background-repeat:no-repeat;}
.box .head p {
	top:0;
	font-size:11px;
	right:9px;}
#index .head b {
	background-image:url(../images/ico-index.png);}
#search .head b {
	background-image:url(../images/ico-search.png);}
#topgames .head b {
	background-image:url(../images/ico-top.png);}
#newgames .head b {
	background-image:url(../images/ico-new.png);}
#favorites .head b {
	background-image:url(../images/ico-fav.png);}
.head.big {
	width:782px;
	position:relative;
	background:url(../images/b-top-big.png) top left no-repeat;}
.head.big span a {
	color:#FFF;}
.head.big a.back, .head label, .reaction .top span {
	top:3px;
	right:10px;
	float:right;
	display:block;
	position:absolute;
	color:#FFF;
	font-size:11px;
	line-height:18px;}
.head.big a.back {	
	border-bottom:1px solid #FFF;}
.head.big a.back:hover {
	color:#F00;
	text-decoration:none;}
	
#topTemp.head.big span{
	right:10px;
	float:right;}
#topTemp.head.big span {
	padding-right:10px;}
	
#topTemp.head.big a.back {
	float:left;
	left:10px;
	width:145px;
	border-bottom:1px solid #FFF;}	
	
.head .sb-inner {
	background:#2e2c2d;}
.box#search .input, .box #search .select {
	margin-bottom:2px;}
.box#search .input {
	width:172px;}
.box#search .select {
	width:176px;}
.box#favorites .msg {
	color:#000;
	line-height:14px;
	padding:0 0 10px;}
.content.big #search {
	padding:0 5px 3px;
	margin-bottom:3px;
	border-bottom:1px solid #646462;}
.content.big #search .input {
	height:16px;
	*height:18px;}
.content {
	float:left;
	clear:both;
	width:100%;
	min-height:40px;}
.content.big {
	width:784px;
	background:#DDD;
	border:solid #646462;
	border-width:0 1px 1px;
	padding:2px 2px 12px;}
.content .inner {
	padding:4px 6px;}
.content .inner,
.box .content .inner a {
	color:#000;
	float:left;}
.box .content .inner a {
	max-width:160px;}
#index a {
	color:#003399;}
	
.content .inner li {
	clear:both;
	padding:1px 0;
	position:relative;}
.content .inner li.more {
	float:left;
	clear:both;
	margin-top:10px;
	font-size:11px;
	font-weight:bold;}
.content .inner li.more a {
	color:#000;
	font-weight:bold;}
.gamepad {
	width:33px;
	height:26px;
	right:7px;
	bottom:10px;
	float:right;
	position:absolute;
	background:url(../images/gamepad.png) no-repeat}
/* END   Content Box */


/* BEGIN details & search page */
.item {
	width:150px;
	clear:none;
	float:left;
	margin:4px 0 2px 4px;
	background:#FFF;
	border:1px solid #000;}
.item .head {
	height:15px;
	line-height:15px;
	background:none;
	color:#000;
	font-size:10px;}
.itemimg {
	height:110px;
	width:144px;
	display:block;
	overflow:hidden;
	background:#000;
	border:1px solid #2e2c2d;}
.item .content {
	background:#FFF;}
.item .content .inner {
	padding:2px;
	margin-bottom:0px;}
.item:hover,
.item:hover .content,
.item:hover .itemimg {
	background:#d5e9f1;}
.item:hover,
.item:hover .itemimg {
	border:1px solid #00F;}
.item:hover .head span {
	color:#0033CC;}
	
	
.content2 {
	float:left;
	width:788px;
	padding-top:2px;
	padding-bottom:6px;}
/* END   details page */


/* BEGIN login page & messages */
#login .lcol {
	padding:4px 0 0 4px;}
#login .input {
	width:130px;}
#login .input,
#login .submit {
	margin:1px 0 1px 5px;}
.msg {
	color:#4786a1;
	padding:4px;}
.msg span {
	color:#2e2c2d;
	padding:0 1px;}
.msg a.link {
	color:#104e69;
	font-weight:bold;}
.msg.done {
	color:#0000FF}
.notice {
	font-weight: bold;
	font-size: 12px;
	color: #000;
	padding: 5px;
}
/* END   login page & messages */

/* BEGIN Favorite (add/del) buttons */	
.content a.addfav,
.content a.delfav {
	height:16px;
	float:left;
	font-size:11px;
	line-height:14px;
	margin-right:5px;
	display:block;
	cursor:pointer;
	position:relative;
	background-repeat:no-repeat;}
.box .content a.addfav,
.box .content a.delfav {
	padding-left:16px;}
.box.item .content a.addfav,
.box.item .content a.delfav {
	float:none;
	clear:both;
	font-size:10px;
	margin:3px 0 0 2px;
	word-spacing:-1px;
	padding-left:18px;}
.content a.addfav {
	color:#060;
	background-image:url(../images/fav-add.png);}
.content a.delfav {
	color:#F00;
	background-image:url(../images/fav-del.png);}
.content a.addfav:hover,
.content a.delfav:hover,
.content a.addfav.select {
	background-position:left -16px;}
.content a.addfav.select {
	cursor:default;}
#player #actions a.addfav,
#player #actions a.delfav {
	font-size:12px;
	line-height:15px;
	padding-left:22px;}
#player #actions a.addfav:hover,
#player #actions a.delfav:hover,
#player #actions a.addfav.select {
	background-position:left -17px;}
/* END   Favorite (add/del) buttons */

#options a {
	height:22px;
	display:block;
	padding-left:33px;
	margin-left:-2px;
	line-height:22px;
	cursor:pointer;
	background-repeat:no-repeat;}
#start {
	background-image:url(../images/icon-start.png)}
#fav {
	background-image:url(../images/icon-fav.png)}