/*
	Retro64.com Screen Styles
	
	Table of Contents:
		general
		game info page
		order page
*/
	
/* general
----------------------------------------------- */

/* @group Reset styles */

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,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0px; 
	padding:0px; 
	border:0px; 
	border-collapse:separate; 
	border-spacing:0px;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}


	

body {
	background-color: #eef0ef;
	background-image: url(screen_bgtop.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#con
{
	width: 760px;
	position:relative;
	margin:0 auto;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 18px;
}

#con2
{
	width: 760px;
	position: absolute;
	top: 156px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
}



#top
{
	width: 760px;
	height: 140px;
	position: absolute;
	top: 16px;
	z-index:1;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
	background-image: url(r64_top.jpg);
}

#mid
{
	width: 760px;
	z-index:1;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 10px;
	text-align: left;
	background-image: url(r64_mid.gif);
	background-repeat: repeat-y;
}

#bottom
{
	width: 760px;
	margin-left: 0px;
	margin-right: 0px;
	clear: both;
	font-size: 11px;
	color: #333333;
	text-align: left;
	background-image: url(r64_bottom.jpg);
	height: 54px;
}

#users
{
	font-size: 10px;
	color: #737373;
	text-align: right;
	position: absolute;
	top: 118px;
	left: 535px;
	z-index:2;
	width: 200px;
}


#search
{
	font-size: 10px;
	color: #737373;
	text-align: right;
	position: absolute;
	top: 111px;
	left: 535px;
	z-index:2;
	width: 200px;
	margin-top: 0px;
	margin-bottom: 0px;
}


#main
{
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	line-height: 18px;
	width: 555px;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
	float: left;
	left: 25px;
}

#right
{
	font-size: 11px;
	color: #666666;
	line-height: 18px;
	width: 160px;
	position: relative;
	top: 0px;
	left: -6px;
	float: right;
	text-indent: 8px;

}


#mail
{
	line-height: 15px;
	width: 160px;
	position: relative;
	text-align: left;
	left: 6px;
	height: 25;
	text-indent: 0px;
}

#botcon {
	position: relative;
	top: 16px;
	text-align: center;
	color: #AAAAAA;

}



#gamehead
{
	display: inline;
	position: relative;
	width: 180px;
	left: 30px;
	float: left;
	clear: right;
	font-size: 18px;
	font-weight: bold;
	color: #0633E3;
	text-decoration: none;
}

#gp_main
{
	display: inline;
	position: relative;
	float: left;
	clear: right;
	width:340px;
	margin-top:10px;
	margin-bottom:30px;
	padding-right:12px;
}

.sec {
	display: inline;
	position: relative;
	float: left;
	clear: right;
}

.secdrop
{
	display: inline;
	position: relative;
	float: left;
	clear: both;
}

.subh {
	font-size: 16px;
	color: #E33306;
	text-decoration: none;
}


.tn
{
	position: absolute;
	top: 80px;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 22px;
	text-align: left;
	height: 100;
	font-weight: bold;
    z-index: 2;
}

a.tl:link
{
	color: #DDDDFF;
	text-decoration: none;
}

a.tl:active
{
	color: #DDDDFF;
}

a.tl:hover
{
	color: #DDDDFF;
	text-decoration: none;
}

a.tl:visited
{
	color: #DDDDFF;
	text-decoration: none;
}


.hpi
{
	width: 140px;
	float: left;
	padding-left: 32px;
}


.subhead
{
	font-size: 11px;
	color: #FFFFFF;
	line-height: 18px;
	width: 160px;
	position: relative;
	text-align: left;
	background-image: url(game_bknd.gif);
	height: 25;
	background-repeat: repeat-x;
	font-weight: bold;
}


.subhead3
{
	font-size: 11px;
	color: #FFFFFF;
	line-height: 18px;
	width: 160px;
	position: relative;
	text-align: left;
	background-image: url(game_bknd3.gif);
	height: 25;
	background-repeat: repeat-x;
	font-weight: bold;
}

.subhead2
{
	font-size: 11px;
	color: #FFFFFF;
	line-height: 18px;
	width: 160px;
	position: relative;
	text-align: left;
	background-image: url(game_bknd2.gif);
	height: 25;
	background-repeat: repeat-x;
	font-weight: bold;
}

.subbody
{
	line-height: 15px;
	width: 160px;
	position: relative;
	text-align: left;
	left: -8px;
	height: 25;
	text-indent: 0px;
	margin: 0px;
}





.bgbar_left {
	background-image: url(grebar_left.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.bgbar_right {

	background-image: url(grebar_right.jpg);
	background-repeat: no-repeat;
	background-position: right;
}


.footertext {
	font-size: 11px;
	color: #bbbbba;
}
.copyrighttext {
	font-size: 11px;
	color: #696969;
}
.sidebarheader {
	font-size: 11px;
	color: #FFFFFF;
}
.sidebartext {
	font-size: 11px;
	line-height: 14px;
	color: #666666;
}

.input {
	font-size: 11px;
	color: #999999;
	background-color: CCCCFF;
	border: 1px solid #dedfde;
}

.inputOrder {
	font-size: 11px;
	color: #999999;
	background-color: CCCCFF;
	border: 0px solid #dedfde;
}

.frontpage_gamethumb {
	font-size: 12px;
	color: #474747;
	line-height: 16px;
}

/* game info page
----------------------------------------------- */
.gp_ssh {
	position:relative;
	font-size: 12px;
	color: #666666;
	width: 550px;
	height: 25px;
    margin-right: 0px;
    margin-left: 0px;
	padding-top: 8px;
    
	text-align: center;
	line-height: 18px;
	font-weight: bold;
	background-image: url(greygrad.gif);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #E0E0E0;
	clear:both;
	z-index:2;
}

.gp_ssb {
	position:relative;
	width: 550px;
	height: auto;
	padding-top: 8px;
	padding-bottom: 8px;
    margin-top:0px;
    margin-bottom:50px;
    margin-right:auto;
    margin-left:0px;
	line-height: 18px;
	text-align: center;
	word-spacing: 8px;
	font-weight: bold;
	background-image: url(bgtop.gif);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #E0E0E0;
	font-size: 11px;
	color: #333333;
	line-height: 17px;
	clear:both;
	z-index:2;
}

.gp_ssi
{
	width: 80px;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	word-spacing: 0;
	z-index:2;
}

.gen_ssi
{
	width: 100px;
	height: auto;
	padding-left: 5px;
	padding-right: 5px;
	float: left;
	z-index:2;
}


.clear
{
	clear:both;
	height:1px;
	overflow:hidden;
	font-size:0.1em;
	background-image: url(r64_mid.gif);
}


.gp_subheader {
	font-size: 16px;
	color: #E33306;
	text-decoration: none;
}
.gp_headertext {
	font-size: 12px;
	color: #333333;
	line-height: 18px;
}

.gp_fh {

	font-size: 12px;
	color: #2799B1;
	font-weight: bold;
}
.gp_f {
	font-size: 10px;
	color: #333333;
	line-height: 12px;
	padding-left: 5px;
}
.gp_fbg {
	background-color: #FFFFFF;
	background-image: url(lightblugrad.gif);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #CDEAF1;
	padding-left: 6px;
    margin-bottom:50px;

}

.gp_req
{
	width: 530px;
	height: auto;
	padding-top: 8px;
	padding-bottom: 8px;
    margin-top:0px;
    margin-bottom:10px;
    padding-left: 10px;
    padding-right: 10px;
	text-align: left;
	font-weight: normal;
	background-image: url(bgtop.gif);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #E0E0E0;
	font-size: 11px;
	color: #333333;
	line-height: 17px;
	clear:both;
	z-index:2;
}
	

/* order page
----------------------------------------------- */

.od_header {
	font-size: 12px;
	color: #333333;
	border: 1px solid #d7e1fd;
	line-height: 17px;
}
.od_table {
	font-size: 11px;
	color: #333333;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #d7e1fd;
	border-right-color: #d7e1fd;
	border-bottom-color: #d7e1fd;
	border-left-color: #d7e1fd;
}
a:visited {

	color: #0656d7;
	text-decoration: none;
}
a:active {

	color: #FF0000;
}
a:link {
	color: #0656d7;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
}

h3 {
	font-size: 14px;
	font-weight: normal;
	color: #737373;
    margin-top:0px;
    margin-bottom:0px;
	line-height: 18px;
	position: absolute;
	top: 116px;
	left: 25px;
	z-index:2;
}

h1 {
	font-size: 16px;
	width: 500px;
	position: absolute;
	color: #4794E6;
	font-style: italic;
	font-weight: bold;
    margin-top:0px;
    margin-bottom:4px;
	line-height: 18px;
	text-align: center;
	top: 51px;
	left: 270px;
	z-index:2;
}

ol, ul {
    margin-top: 0;
    border-top-width: 0;
    padding-top: 0;
    margin-bottom: 0;
    border-bottom-width: 0;
    padding-bottom: 0;
	text-indent: 0px;
}


a.link2:link
{
	color: #666666;
	text-decoration: none;
}

a.link2:active
{
	color: #666666;
}

a.link2:hover
{
	color: #666666;
	text-decoration: none;
}

a.link2:visited
{
	color: #666666;
	text-decoration: none;
}