/************************************************
*	global reset							*
************************************************/
html, body, div, span, applet, object, iframe, 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,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}


/************************************************
*	clear settings							*
************************************************/
.clear{clear:both; display:block;}
.clearFix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*Win IE7 only */
*:first-child+html .clearFix{height:1%;}
/*Win IE6 only */
*html .clearFix{height:1%;}

/************************************************
*	global settings							*
************************************************/
html{/* to compensate for several browser bugs */font-size:100.01%;}
a{outline:none; color:#333; text-decoration:none; font-size:1.3em;}
a:hover{color:#81011e; text-decoration:underline;}
body {font: 62.5%/1.5 Arial, Verdana, sans-serif; color:#333; background:#afaead url(../images/bg.gif) repeat-y scroll center top; margin-top: 0px;}
p{font-size:1.3em;}
span.left{float:left;}
span.right{float:right;}
a.alt{outline:none; color:#300000; text-decoration:none; font-size:1.3em;}
a:hover.alt{text-decoration:underline;}

/************************************************
*	wrapper settings							*
************************************************/
#wrapper{
	width:920px;
	margin:0px auto;
	padding-left:10px;
	padding-right:10px;
}

*html #wrapper{
	width:926px;
}

/************************************************
*	network banner							*
************************************************/
#vgnbanner
{
    background: #000000;
    height: 20px;
    padding: 0 0 0 0;
    font-size: 11px; font-family: trebuchet ms, arial, verdana, sans-serif; color: #dddddd;
    text-align: left;
    overflow: hidden;
	border-bottom: 2px solid #cccccc;
}

#vgnbanner a
{
    font-size: 11px; font-family: trebuchet ms, arial, verdana, sans-serif; color: #eeeeee;
}

#vgnbanner a:hover
{
    font-size: 11px; font-family: trebuchet ms, arial, verdana, sans-serif; color: #c89292; text-decoration: underline;
}

#vgnbanner-wrap
{
    width: 920px;
    margin-left: auto;
    margin-right: auto;
}

#vgn-logo
{
    float: right;
}

/************************************************
*	header settings							*
************************************************/
#header{
	width:920px;
	margin-bottom:10px;
	margin-top:10px;
}

*html #header{
	width:926px;
}

/************************************************
*	logo settings							*
************************************************/
#logo{
	width:531px;
	height:82px;
	background:#fff url(/images/logo.gif) no-repeat scroll center top;
	float:left;
	text-align:left;
}

/************************************************
*	UGO logo settings							*
************************************************/
#ugologo{
	width:70px;
	height:70px;
	background:#fff url(/images/ugo-logo.png) no-repeat scroll center top;
	float:left;
	margin-left:540px;
}
/************************************************
*	loginBox settings							*
************************************************/
#loginBox{
	width:294px;
	height:42px;
	float:right;
	margin-top:28px;
}

#loginBox input{
	font-size:1.0em;
}

#rememberArea {
	float:right;
	height:18px;
	width:80px;
        border:1px solid #ccc;
        background: #f5f5f5;
}

input#usernameField, input#passwordField{
	float:left;
	height:16px;
	width:100px;
	border:1px solid #ccc;
	background: #f5f5f5;
	padding:1px 2px;
	margin-bottom:5px;
}
input#rememberField {
        padding:0px;
	margin:0px;
}

input#loginBtn, input#registerBtn, input#lostPasswordBtn, input.search_Submit{
	background: #fff url(../images/btn.gif) repeat-x;
	padding:0px 2px;
	font-weight:bold;
	border:1px solid #ccc;
	cursor:pointer;
	color:#4a0101;
	height:19px;
}

input#loginBtn{		
	width:75px;
}

input#registerBtn{
	width:91px;
}

input#lostPasswordBtn{
	width:128px;	
}

input#loginBtn:hover, input#registerBtn:hover, input#lostPasswordBtn:hover, input#loginBtn:active, input#registerBtn:active, input#lostPasswordBtn:active, input.search_Submit:hover, input.search_Submit:active{
	background: #fff url(../images/btnHover.gif) repeat-x;
}

#loginBox ul li#ava{
		line-height:0.01em;
}

#loginBox ul li img{
	padding:2px;
	background-color:#fff;
	border:1px solid #ccc;
	margin-right:10px;
	float:left;
}

#loginBox ul li img:hover{
	background-color:#ccc;
}

#loginBox ul li p a{
	font-size:1.1em;
}


/************************************************
*	nav settings							*
************************************************/
div#nav{
	width:920px;
	background: url(../images/bg_blank.gif) repeat-x right top;
}
*html div#nav{width:926px;}
.menu {height:36px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.menu li.top {display:block; float:left;}
.menu li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#333; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(../images/blank.gif);}
.menu li a.top_link span {float:left; display:block; padding:0 10px 0 2px; height:36px;background:url(../images/blank.gif) right top;}
.menu li a.top_link span.down {float:left; display:block; padding:0 16px 0 2px; height:36px; background:url(../images/blanka.gif) no-repeat right top;}
.menu li a.top_link:hover {color:#999; background: url(../images/blank_over.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(../images/blank_over.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(../images/blank_overa.gif) no-repeat right top;}
.menu li:hover > a.top_link {color:#333; background: url(../images/blank_over.gif) no-repeat;}
.menu li:hover > a.top_link span {background:url(../images/blank_over.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(../images/blank_overa.gif) no-repeat right top;}
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.menu a:hover {visibility:visible; position:relative; z-index:200;}
.menu li:hover {position:relative; z-index:200;}
.menu ul{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.menu :hover ul.sub {left:0; top:31px; background: #fff; padding:3px; border:1px solid #ccc; white-space:nowrap; width:110px; height:auto; z-index:300;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:110px; font-weight:normal;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:110px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
.menu :hover ul.sub li a:hover {background:#ccc; color:#000;}
.menu :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; z-index:400; height:auto;}

/************************************************
*	search settings							*
************************************************/
.search{
	float:left;
	width:175px;
	height:68px;
	padding:10px 5px;
	border:1px solid #999;
	background:#c8d7dc url(../images/bg_search.gif) repeat-x left top;
}

input.s{
	width:170px;
	border:1px solid #ccc;
	background: #f5f5f5;
	padding:1px 2px;
	margin-bottom:10px;
}

input.search_Submit{
	margin-left:105px;
}

/************************************************
*	leaderboard settings							*
************************************************/
#leader_board{
	width:728px;
	height:90px;
	float:right;
	padding-bottom:10px;
}


/************************************************
*	content_top settings							*
************************************************/
#content_top{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:2px solid #666;
}

ul.small_thumbnails{
	width:420px;
	float:left;
}

ul.small_thumbnails li{
	float:left;
	width:140px;
	height:120px;
	margin-bottom:10px;
}

ul.small_thumbnails li img{
	width:130px;
	height:98px;
}

ul.small_thumbnails li a{
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:bold;
}
ul.small_thumbnails li a:hover{
	text-decoration:underline;
}

#large_preview img{
	width:500px;
	height:375px; 
}


/****************************************************************
*	recent addition, popular and popular wallpapers settings	*
****************************************************************/
/*global*/
.heading{
	width:348px;
	height:28px;
	background:#000 url(../images/bg_heading.gif) repeat-x ;
	color:#fff;
	font-weight:bold;
	padding:5px 10px;
	font-size:1.3em;
}

.heading a{
	font-size:0.9em;
	color:#ebd000;
}

.heading a:hover{
	text-decoration:underline;
}

span.red, span.number{
	background:transparent url(../images/bg_red.gif) center top;
	font-weight:bold;
	padding:1px 3px 4px;
	margin:0 5px;
	width:15px;
	height:15px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:1.2em;
}

#recent_addition ul.odd:hover,
#recent_addition ul.even:hover,
#popular ul.odd:hover,
#popular ul.even:hover,
#popular_wallpapers ul.odd:hover,
#popular_wallpapers ul.even:hover,
#recent_addition_game li.odd:hover,
#recent_addition_game li.even:hover{
	background-color:#fff;
}

ul.odd:after,ul.even:after,li.odd:after,li.even:after{
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
/*Win IE7 only */
*:first-child+html ul.odd,ul.even,li.odd,li.even{height:1%;}
/*Win IE6 only */
*html ul.odd,ul.even,li.odd,li.even{height:1%;}



/*recent_addition*/
#recent_addition{
	width:368px;
	float:left;
	border:1px solid #666;
	margin-right:10px;
}


#recent_addition li.left{
	float:left;
	width:260px;
}

#recent_addition li.left ul li{
	float:left;
}

#recent_addition li.right{
	float:right;
	width:68px;
	text-align:right;
}

#recent_addition ul.odd{	
	background-color:#D3D3D3;
	display:block;
	padding:5px 10px;
	margin:1px;
}

#recent_addition ul.even{
	background-color:#DCDCDC;
	display:block;
	padding:5px 10px;
	margin:1px;
}



/*popular*/
#popular{
	width:368px;
	float:left;
	border:1px solid #666;
	margin-right:10px;
}
#ipopular1{
        width:368px;
        float:left;
        border:1px solid #666;
	border-top:0px solid #666;
        margin-right:10px;
}
#ipopular2{
        width:368px;
        float:left;
        border:1px solid #666;
	border-top:0px solid #666;
        margin-right:10px;
}

#popular ul li#top{
	background-color:#ccc;
	clear:both;
	text-align:center;
	padding-bottom:10px;
}

#popular ul li#top a img{
	margin:10px 0px;
	width:300px;
	height:225px;
}

#popular ul li#top:hover{
	background-color:#f5f5f5;
	display:block;
}

#popular ul.odd{	
	background-color:#D3D3D3;
	display:block;
	padding:5px 10px;
	margin:1px 1px 0px 1px;
}

#popular ul.even{
	background-color:#DCDCDC;
	display:block;
	padding:5px 10px;
	margin:1px 1px 0px 1px ;
}

#popular ul li.left{
	float:left;
	width:260px;
}

#popular ul li.left ul li{
	float:left;
}

#popular ul li.right{
	float:right;
	width:68px;
	text-align:right;
}


/*popular_wallpapers*/
#popular_wallpapers{
	width:298px;
	border:1px solid #666;
}

#popular_wallpapers ul li#top{
	background-color:#ccc;
	clear:both;
	text-align:center;
	padding-bottom:10px;
}

#popular_wallpapers ul li#top:hover{
	background-color:#f5f5f5;
	display:block;
}

#popular_wallpapers ul li#top a img{
	width:227px;
	height:170px;
	padding-top:10px
}

#popular_wallpapers ul.odd{	
	background-color:#D3D3D3;
	display:block;
	padding:5px 10px;
	margin:1px 1px 0px 1px;
}

#popular_wallpapers ul.even{
	background-color:#DCDCDC;
	display:block;
	padding:5px 10px;
	margin:1px 1px 0px 1px;
}

#popular_wallpapers ul li.left{
	float:left;
	width:140px;
}

#popular_wallpapers ul li.left ul li{
	float:left;
}

#popular_wallpapers ul li.right{
	float:right;
	width:68px;
	text-align:right;
}

#recent_addition_game li.odd{	
	background-color:#D3D3D3;
	display:block;
	padding:5px 10px;
	margin:1px;
}

#recent_addition_game li.even{
	background-color:#DCDCDC;
	display:block;
	padding:5px 10px;
	margin:1px;
}


/************************************************
*	left column settings							*
************************************************/
#left_col{
	float:left;
	width:610px;
	padding-right:10px;
}

#wide_left_col{
	float:left;
	width:750px;
	padding-right:10px;
}

#left_col h1{
	font-size:7.40em;
	letter-spacing:-3px;
	font-weight:bold;
	line-height:1.0em;
	color:#000;
	position: relative;
}

html > body #left_col h1 span {
  	background: url(../images/gradient-glossy.png) repeat-x;
  	position: absolute;
	top:0;
	left:0;
  	display: block;
  	width: 100%;
	height:48px;
}

#left_col p{
	font-size:1.4em;
}

#left_col ul.new_screens:after, 
#left_col ul.new_walls:after, 
#left_col ul.search_results:after,  
#left_col ul.my_galleries:after, 
#left_col  ul.game_box:after{
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

#left_col ul.new_screens, 
#left_col ul.new_walls,
#left_col ul.search_results,  
#left_col ul.my_galleries, 
#left_col ul.game_box {
	width:590px;
	padding:5px 10px;
	border:1px solid #666;
	background-color:#e5e5e5;
	margin-bottom:10px;
}


#left_col ul.new_screens li.info,
#left_col ul.new_walls li.info, 
#left_col ul.search_results li.info{
	float:left;
	font-size:1.3em;
	font-weight:bold;
	width:210px;
}

#left_col ul.new_screens li.s_thumb ul, 
#left_col ul.search_results li.s_thumb ul{
	float:right;
	width:380px;
}

#left_col ul.new_screens li.s_thumb ul li,  
#left_col ul.search_results li.s_thumb ul li{
	display:inline;
}

#left_col ul.new_screens li.s_thumb ul li a, 
#left_col ul.search_results li.s_thumb ul li a{
	float:right;
}

img.square{
	margin-left:10px;
	width:80px;
	height:80px;
}



/************************************************
*	right column settings							*
************************************************/
#right_col{
	float:right;
	width:300px;
}

#narrow_right_col{
	width:160px;
	float:right;
}

#right_col div.heading{
	width:278px;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #666;
}

/************************************************
*	Homebrew  settings							*
************************************************/

#homebrew{
	border:1px solid #666;
	width:298px;
}

#homebrew p{
	padding:10px;
}

#homebrew li{
font-size:1.3em;
}

ul.homebrews_odd{
	margin:1px;
	background-color:#D3D3D3;
	text-align:center;
	padding:10px 0;
}

ul.homebrews_even{
	margin:1px;
	background-color:#DCDCDC;
	text-align:center;
	padding:10px 0;
}

li.homebrews_img img{
	width:227px;
	height:170px; 
}



/************************************************
*	new walls settings							*
************************************************/

ul.new_walls li.s_thumb{
	float:right;
	width:370px;
}

ul.new_walls li.s_thumb img{
	width:370px; 
	height:160px; 
}


/************************************************
*	my galleries settings						*
************************************************/
ul.my_galleries li.top ul li.name{
	float:left;
}

ul.my_galleries li.top ul li.delete{
	float:right;
}

ul.my_galleries li.embed_code{
	float:left;
	width:250px;
	padding-top:20px;
	font-size:1.2em;
}

//ul.my_galleries li.embed_code input{
//	width:180px;
//	height:150px;
//	border:1px solid #ccc;
//}

ul.my_galleries li.s_thumb{
	float:right;
	padding-top:20px;
}

ul.my_galleries li.s_thumb img{
	width:400px; 
	height:300px; 
}


/************************************************
*	platform settings						*
************************************************/
#listsbox {
	width:590px;
	padding:5px 10px;
	border:1px solid #666;
	background-color:#e5e5e5;
	margin-bottom:10px;
}

#lefthand{
	float:left;
	width:295px;
}

#righthand{
	float:right;
	width:295px;
}

#listsbox ul.letter{
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	padding-top:10px;
	width:285px;
}

#listsbox ul.letter li ul.game_state li{
	float:left;
}

ul.game_state:after{
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

#listsbox span.red{
	margin:0 1px;
	font-size:0.5em;
	line-height:1.1em;
	padding-top:3px;
	height:12px;
}

ul.letter li{
	font-size:1.40em;
	line-height:1.0em;
	padding:1.5px 0;

}

ul.letter li a{
	font-size:0.72em;
}


ul.game_state li.left{
	width:200px;
	float:left;
}

ul.game_state li.right{
	float:right;
	width:80px;
	margin:0;
	padding:0;
}


/************************************************
*	search results settings							*
************************************************/

#results_search{
	width:440px;
	margin-bottom:3px;
	margin-top:3px;
}

#results_search input.s{
	width:300px;
	float:right;
}

#results_search input.search_Submit{
	float:left;
	margin:0px;
}



/************************************************
*	game settings							*
************************************************/
ul.game_teaser{
	width:750px;
	margin-bottom:10px;
}

ul.game_teaser:after{
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

li.cover {
	width:110px;
	float:left;
}

li.cover img{
	float:left;
	border:1px solid #000;
	width:100px;
	height:150px; 
}

.game_teaser li h1{
	font-size:4.5em;
	letter-spacing:-3px;
	font-weight:bold;
	line-height:1.0em;
	color:#000;
	position: relative;
	width:590px;
}

html > body .game_teaser li h1 span {
  	background: url(../images/gradient-glossy.png) repeat-x;
  	position: absolute;
  	top:0;
	left:0;
	display: block;
	width: 100%;
	height:23px;
}

.game_teaser li a{
	font-size:2.0em;
	font-weight:bold;
	color:#ebd000;
}

span.qty{
	font-size:2.0em;
}


#game_thumbnails{
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #666;
	background-color:#e5e5e5;
	padding:10px 0px 10px 10px;
}

#game_thumbnails h2{
	font-size:3.0em;
}

#game_thumbnails li.thumb {
	float:left;
	width:184px;
	height:131px;
	margin-bottom:10px;
}

#game_thumbnails li.thumb img{
	float:left;
	width:175px; 
	height:131px;
}

.wallpaper_thumbs:after,
.screenshots_thumbs:after{
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
.wallpaper_thumbs{
	margin-bottom:10px;
}

.screenshots_thumbs{
	margin-top:10px;
}

#pagination{
	width:728px;
	background:#000 url(../images/bg_heading.gif) repeat-x  center center;
	border:1px solid #666;
	padding-right:20px;
}

#pagination ul{
	float:right;
	font-size:1.5em;
	font-weight:bold;
	color:#fff;
}

#pagination li{
	display:inline;
}

#pagination a{
	background:transparent url(../images/bg_red.gif) center center;
	font-weight:bold;
	width:20px;
	height:20px;
	color:#fff;
	font-size:1.2em;
	margin-top:5px;
	padding:0 5px;
}
#pagination .sectionlinkoff {
	background:transparent url(../images/bg_red.gif) center center;
        font-weight:bold;
        width:20px;
        height:20px;
        color:#000000;
        font-size:1.2em;
        margin-top:5px;
        padding:0 5px;


}

#recent_addition_game .heading {
	width:138px;
	height:28px;
	background:#000 url(../images/bg_heading.gif) repeat-x ;
	color:#fff;
	font-weight:bold;
	padding:5px 10px;
	font-size:1.3em;
}

#recent_addition_game {
	clear:both;
	width:158px;
	border:1px solid #666;
	margin-top:20px;
}

input#embed{
	padding:2px;
	border:1px solid #333;
	width:630px;
	font-size:1.20em;
}

/************************************************
*	comment settings						*
************************************************/

#comment{
border:1px solid #aaaaaa;
margin-right: 10px;
padding: 5px;
background-color:#d5d5d5;
}

/************************************************
*	submit settings						*
************************************************/
#submission {
	width:570px;
	padding:10px 20px;
	border:1px solid #666;
	background-color:#e5e5e5;
	margin-bottom:10px;
}

#submission_form p{
	padding:20px 0;
}

#submission_form label{
	font-weight:bold;
}

#submission_form ul li{
	border-bottom:1px dotted #ccc;
}

#submission_form input#submit_screen{
	background: #fff url(../images/btn.gif) repeat-x;
	padding:0px 2px;
	font-weight:bold;
	border:1px solid #ccc;
	cursor:pointer;
	color:#4a0101;
	height:19px;
	margin-left:500px;
}

/************************************************
*	wide_skyscrapper settings							*
************************************************/

#wide_skyscraper{
	float:right;
	width:160px;
	height:600px;
}

#wide_skyscraper_game{
	float:right;
	width:160px;
	height:600px;
	margin-bottom:10px;
}

/************************************************
*	mpu settings							*
************************************************/
#mpu{
	width:300px;
	height:250px;
	margin-bottom:10px;
}

/************************************************
*	footer settings							*
************************************************/
#footer{
	margin-top:10px;
	padding:10px 0px;
	border-top:2px solid #666;
}

#footer_left{
	float:left;
	width:420px;
	font-size:1.0em;
}
#footer_left ul li{
	display:inline;
}

#footer_left p a{
	font-size:1.0em;
}

#footer_logo{
	width:420px;
	height:62px;
	background:#fff url(../images/logo_small.gif) no-repeat left top;
	margin:10px 0px;
}

#footer_right{
	float:right;
}

#footer_search{
	width:400px;
	margin-bottom:30px;
}

#footer_search input.s{
	width:300px;
	float:left;
}

#footer_search input.search_Submit{
	float:right;
	margin:0px;
}


/************************************************
*	stats page							*
************************************************/

#statstable {
	font-size:1em;
}

#statstable-header {
	color: #eeeeee;
	background-color: #222222;
	border: 1px solid #000000;
	padding: 5px;
}

#statstable-body {
	color: #000000;
	background-color: #dddddd;
	border-right: 1px dotted #aaaaaa;
	border-bottom: 1px dotted #aaaaaa;
	padding: 5px;
}