/* ---- BODY STYLES ---- */

body {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-image:url(../images/bg-top.gif);
background-position:top;
background-repeat:repeat-x;
background-color: #00524b;
margin: 0px 10px 0px 10px;
cursor: default;
}

a:link {color: #000000;}
a:visited {color: #000000;}
a:hover {color: #0000FF;}
a:active {color: #000000;}

/* ---- OBJECT STYLES ---- */

img {border:0px;}
form {margin:0px;padding:0px;display:inline;}
p {margin:0;}

hr {height:1px;color:#333333;}

input.txt {
color: #000000;
font-family: "Courier New", Courier, monospace;
font-size:10px;
background-color: #EFEFEF;
border: 1px solid #FFFFFF;
width: 100px;
height:16px;
font-size:12px;
padding:0 5px 0 5px;
}
textarea.txt {
color: #000000;
background-color: #EFEFEF;
border: 1px solid #999999;
font-size:10px;
}
input.txt2 {
color: #000000;
background-color: #EFEFEF;
border: 1px solid #999999;
width: 116px;
font-size:10px;
}
input.txt3 {
color: #000000;
background-color: #EFEFEF;
border: 1px solid #999999;
font-size:10px;
}
select.txt2 {
color: #000000;
background-color: #EFEFEF;
border: 1px solid #999999;
font-size:10px;
}
input.btn {
width:15px;
height:16px;
margin:0 10px -3px 0;;
_margin:0 20px -3px 0;;
}
#login form p {
clear: left;
margin: 0px;
padding: 0px;
padding-top: 5px;
}
#login form p label {
float: left;
width: 60px;
font: bold 10px Arial, Helvetica, sans-serif;
}

/* ---- HEADING STYLES ---- */

h1 { font-size:30px; color:#000000; margin-top:0px; }
	h1 a:link { color:#000000; text-decoration:none; }
	h1 a:visited { color:#000000; text-decoration:none; }
	h1 a:hover { color:#336666; text-decoration:none; }
	h1 a:active { color:#000000; text-decoration:none; }
h2 { font-size:24px; margin-top:0px; color:#000000; }
	h2 a:link { color:#000000; text-decoration:none; }
	h2 a:visited { color:#000000; text-decoration:none; }
	h2 a:hover { color:#336666; text-decoration:none; }
	h2 a:active { color:#000000; text-decoration:none; }
h3 { font-size:16px; margin-top:2px; margin-bottom:0px; color:#000000; }
	h3 a:link { color:#000000; text-decoration:none; }
	h3 a:visited { color:#000000; text-decoration:none; }
	h3 a:hover { color:#336666; text-decoration:none; }
	h3 a:active { color:#000000; text-decoration:none; }
h4 { font-size:14px; margin-top:0px; color:#000000; }
	h4 a:link { color:#000000; text-decoration:none; }
	h4 a:visited { color:#000000; text-decoration:none; }
	h4 a:hover { color:#336666; text-decoration:none; }
	h4 a:active { color:#000000; text-decoration:none; }
h5 { font-size:10px; margin-top:0px; color:#000000; }
	h5 a:link { color:#000000; text-decoration:none; }
	h5 a:visited { color:#000000; text-decoration:none; }
	h5 a:hover { color:#336666; text-decoration:none; }
	h5 a:active { color:#000000; text-decoration:none; }
h6 { font-size:9px; margin-top:0px; color:#000000; }
	h6 a:link { color:#000000; text-decoration:none; }
	h6 a:visited { color:#000000; text-decoration:none; }
	h6 a:hover { color:#336666; text-decoration:none; }
	h6 a:active { color:#000000; text-decoration:none; }

.text-xsm { font-size:9px; }
.text-sm { font-size:10px; }
.text-norm { font-size:12px; }
.text-lg { font-size:14px; }
.text-xlg { font-size:16px; }
.text-xxlg { font-size:18px; }
.text-xsm-b { font-size:9px; font-weight:bold; }
.text-sm-b { font-size:10px; font-weight:bold; }
.text-norm-b { font-size:12px; font-weight:bold; }
.text-lg-b { font-size:14px; font-weight:bold; }
.text-xlg-b { font-size:16px; font-weight:bold; }
.text-xxlg-b { font-size:18px; font-weight:bold; }

/* ---- STRUCTURE STYLES ---- */

.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}

#wrapper {
position: relative;
text-align: left;
width: 851px;
_width: 871px;
margin: 270px auto 0px auto;
padding: 10px 37px 0 37px;
_padding: 10px 27px 0 27px;
background-image:url(../images/bg-pacman.gif);
background-repeat:repeat-y;
}

#header {
position:absolute;
margin: -250px -37px 0 -37px;
*margin: -250px -37px 0 -37px;
_margin: -250px -27px 0 -27px;
width: 905px;
height: 220px;
border: #FFFFFF solid 10px;
background-image:url(../images/bg-header.gif);
background-repeat:repeat-x;
overflow:hidden;
}
	#headerLeft {
	float:left;
	}
	#headerRight {
	float:right;
	width:620px;
	}
		#headerRight .topBar {
		background-color: #5A7955;
		color: #FFFFFF;
		letter-spacing:1px;
		font-size:12px;
		padding-left:10px;
		line-height:29px;
		height:30px;
		position:relative;
		}
			#headerRight .topBar a:link {color:#FFFFFF; text-decoration:none;}
			#headerRight .topBar a:visited {color:#FFFFFF; text-decoration:none;}
			#headerRight .topBar a:hover {color:#FFFF00; text-decoration:none;}
			#headerRight .topBar a:active {color:#FFFFFF; text-decoration:none;}
			#headerRight .topBar .hide {
			position:absolute;
			right:0px;
			top:0px;
			}
		#headerRight .catlist {
		background-image:url(../images/button.gif);
		background-repeat:no-repeat;
		width: 130px;
		height: 24px;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		letter-spacing:1px;
		font-weight:bold;
		font-size:12px;
		line-height: 24px;
		text-align:center;
		float:left;
		margin: 12px 0px 0px 20px;
		_margin: 12px 10px 0px 10px;
		}
			#headerRight .catlist a:link {color:#FFFFFF; text-decoration:none;}
			#headerRight .catlist a:visited {color:#FFFFFF; text-decoration:none;}
			#headerRight .catlist a:hover {color:#FFFF00; text-decoration:none;}
			#headerRight .catlist a:active {color:#FFFFFF; text-decoration:none;}
		#headerRight .ad {clear:left; text-align:center;}

#footer {
clear:both;
width: 810px;
height: 30px;
line-height: 29px;
font-size: 12px;
text-align:center;
color:#EFEFEF;
background-color: #00524b;
margin:10px 10px 0px 10px;
_margin:0px 10px 0px 20px;
border:#FFFFFF solid 10px;
}
	#footer a:link {color:#EFEFEF; text-decoration:underline;}
	#footer a:visited {color:#EFEFEF; text-decoration:underline;}
	#footer a:hover {color:#FFFF00; text-decoration:underline;}
	#footer a:active {color:#EFEFEF; text-decoration:underline;}

#topBar {
background-image:url(../images/bg-bar.gif);
background-repeat:no-repeat;
width: 830px;
height: 30px;
line-height: 29px;
font-size: 12px;
color:#FFFFFF;
_padding-top:5px;
margin:0px 10px 10px 10px;
*margin:10px 10px 10px 10px;
_margin:10px 0 5px 20px;
}
	#topBar img {
	margin:0 0 -3px 10px;
	}
	#topBar a:link {color:#FFFFFF; text-decoration:underline;}
	#topBar a:visited {color:#FFFFFF; text-decoration:underline;}
	#topBar a:hover {color:#FFFF00; text-decoration:underline;}
	#topBar a:active {color:#FFFFFF; text-decoration:underline;}
	#topBar .left {
	float:left;
	}
	#topBar .right {
	float:right;
	}

#left {
width:210px;
float:left;
}

#content {
width:630px;
_width:640px;
float:left;
_margin-left:-10px;
}

/* ---- CONTENT SECTION STYLES ---- */

#wrapper .sub-title {
background-color: #019426;
color:#FFFFFF;
font-size:14px;
text-align:center;
font-weight:bold;
line-height:20px;
letter-spacing:1px;
margin:0px 0px 5px 0px;
height: 20px;
}
	#wrapper .sub-title a:link {color:#FFFFFF; text-decoration:none;}
	#wrapper .sub-title a:visited {color:#FFFFFF; text-decoration:none;}
	#wrapper .sub-title a:hover {color:#FFFF00; text-decoration:none;}
	#wrapper .sub-title a:active {color:#FFFFFF; text-decoration:none;}

.misc1 {
font-weight:bold;
font-size:14px;
margin-top: 9px;
}
.misc1 img {
float:left;
}

.misc2 {
font-weight:bold;
font-size:14px;
margin-top: 7px;
}

.misc3 {
font-weight:bold;
font-size:10px;
margin-top: 7px;
}

.misc4 {
clear:left;
font-size:11px;
font-family:"Lucida Console", "Courier New", Arial;
}
.misc4 img {
float:left;
margin: 3px 5px 17px 0;
}

.ad-box {
float:left;
width: 200px;
min-height: 200px;
height:auto;
_height: 200px;
margin: 0px 0px 10px 10px;
padding:0px;
background-color:#FFFFFF;
color:#000000;
border:#FFFFFF solid 0px;
text-align:center;
line-height:200px;
}

.span1-orange {
float:left;
width: 170px;
min-height: 170px;
height:auto;
_height: 170px;
margin: 0px 0px 10px 10px;
padding:5px;
background-image:url(../images/bg-orange.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
color:#000000;
border:#FFFFFF solid 10px;
}
	.span1-orange a:link {color:#000000;}
	.span1-orange a:visited {color:#000000;}
	.span1-orange a:hover {color:#0000FF;}
	.span1-orange a:active {color:#000000;}

	.span1-orange-title {
	background-color: #00524b;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	line-height:20px;
	letter-spacing:1px;
	margin:-5px -5px 5px -5px;
	height: 20px;
	}

.span2-orange {
float:left;
width: 380px;
min-height: 170px;
height:auto;
_height: 170px;
margin: 0px 0px 10px 10px;
padding:5px;
background-image:url(../images/bg-orange.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
color:#000000;
border:#FFFFFF solid 10px;
}
	.span2-orange a:link {color:#000000;}
	.span2-orange a:visited {color:#000000;}
	.span2-orange a:hover {color:#0000FF;}
	.span2-orange a:active {color:#000000;}

	.span2-orange-title {
	background-color: #00524b;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	line-height:20px;
	letter-spacing:1px;
	margin:-5px -5px 5px -5px;
	height: 20px;
	}

.span3-orange {
float:left;
width: 590px;
margin: 0px 0px 10px 10px;
padding:5px;
background-image:url(../images/bg-orange.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
color:#000000;
border:#FFFFFF solid 10px;
}
	.span3-orange a:link {color:#000000;}
	.span3-orange a:visited {color:#000000;}
	.span3-orange a:hover {color:#0000FF;}
	.span3-orange a:active {color:#000000;}

	.span3-orange-title {
	background-color: #00524b;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	line-height:20px;
	letter-spacing:1px;
	margin:-5px -5px 5px -5px;
	height: 20px;
	}
	.span3-orange-title a:link {color:#FFFFFF;}
	.span3-orange-title a:visited {color:#FFFFFF;}
	.span3-orange-title a:hover {color:#EEEEEE;}
	.span3-orange-title a:active {color:#FFFFFF;}

.span1-blue {
float:left;
width: 170px;
margin: 0px 0px 10px 10px;
padding:5px;
background-image:url(../images/bg-blue.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
color:#000000;
border:#FFFFFF solid 10px;
}
	.span1-blue a:link {color:#000000;}
	.span1-blue a:visited {color:#000000;}
	.span1-blue a:hover {color:#0000FF;}
	.span1-blue a:active {color:#000000;}

	.span1-blue-title {
	background-color: #00524b;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	line-height:20px;
	letter-spacing:1px;
	margin:-5px -5px 5px -5px;
	height: 20px;
	}

.span2-blue {
float:left;
width: 380px;
min-height: 170px;
height:auto;
_height: 170px;
margin: 0px 0px 10px 10px;
padding:5px;
background-image:url(../images/bg-blue.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
color:#000000;
border:#FFFFFF solid 10px;
}
	.span2-blue a:link {color:#000000;}
	.span2-blue a:visited {color:#000000;}
	.span2-blue a:hover {color:#0000FF;}
	.span2-blue a:active {color:#000000;}

	.span2-blue-title {
	background-color: #00524b;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	line-height:20px;
	letter-spacing:1px;
	margin:-5px -5px 5px -5px;
	height: 20px;
	}

.span3-blue {
float:left;
width: 590px;
margin: 0px 0px 10px 10px;
padding:5px;
background-image:url(../images/bg-blue.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
color:#000000;
border:#FFFFFF solid 10px;
}
	.span3-blue a:link {color:#000000;}
	.span3-blue a:visited {color:#000000;}
	.span3-blue a:hover {color:#0000FF;}
	.span3-blue a:active {color:#000000;}

	.span3-blue-title {
	background-color: #00524b;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	line-height:20px;
	letter-spacing:1px;
	margin:-5px -5px 5px -5px;
	height: 20px;
	}

.span1-gray {
float:left;
width: 170px;
min-height: 290px;
height:auto;
_height: 290px;
margin: 0px 0px 10px 10px;
padding:5px;
background-image:url(../images/bg-gray.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
color:#000000;
border:#FFFFFF solid 10px;
}
	.span1-gray a:link {color:#000000;}
	.span1-gray a:visited {color:#000000;}
	.span1-gray a:hover {color:#0000FF;}
	.span1-gray a:active {color:#000000;}

	.span1-gray-title {
	background-color: #00524b;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	line-height:20px;
	letter-spacing:1px;
	margin:-5px -5px 5px -5px;
	height: 20px;
	}

.span1-gray2 {
float:left;
width: 170px;
min-height: 170px;
height:auto;
_height: 170px;
margin: 0px 0px 10px 10px;
padding:5px;
background-image:url(../images/bg-gray.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
color:#000000;
border:#FFFFFF solid 10px;
}
	.span1-gray2 a:link {color:#000000;}
	.span1-gray2 a:visited {color:#000000;}
	.span1-gray2 a:hover {color:#0000FF;}
	.span1-gray2 a:active {color:#000000;}

	.span1-gray2-title {
	background-color: #00524b;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	line-height:20px;
	letter-spacing:1px;
	margin:-5px -5px 5px -5px;
	height: 20px;
	}

.span2-gray {
float:left;
width: 380px;
min-height: 170px;
height:auto;
_height: 170px;
margin: 0px 0px 10px 10px;
padding:5px;
background-image:url(../images/bg-gray.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
color:#000000;
border:#FFFFFF solid 10px;
}
	.span2-gray a:link {color:#000000;}
	.span2-gray a:visited {color:#000000;}
	.span2-gray a:hover {color:#0000FF;}
	.span2-gray a:active {color:#000000;}

	.span2-gray-title {
	background-color: #00524b;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	line-height:20px;
	letter-spacing:1px;
	margin:-5px -5px 5px -5px;
	height: 20px;
	}

.span2-gray2 {
float:left;
width: 380px;
min-height: 290px;
height:auto;
_height: 290px;
margin: 0px 0px 10px 10px;
padding:5px;
background-image:url(../images/bg-gray.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
color:#000000;
border:#FFFFFF solid 10px;
}
	.span2-gray2 a:link {color:#000000;}
	.span2-gray2 a:visited {color:#000000;}
	.span2-gray2 a:hover {color:#0000FF;}
	.span2-gray2 a:active {color:#000000;}

	.span2-gray2-title {
	background-color: #00524b;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	line-height:20px;
	letter-spacing:1px;
	margin:-5px -5px 5px -5px;
	height: 20px;
	}

.span3-gray {
float:left;
width: 590px;
margin: 0px 0px 10px 10px;
padding:5px;
background-image:url(../images/bg-gray.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
color:#000000;
border:#FFFFFF solid 10px;
}
	.span3-gray a:link {color:#000000;}
	.span3-gray a:visited {color:#000000;}
	.span3-gray a:hover {color:#0000FF;}
	.span3-gray a:active {color:#000000;}

	.span3-gray-title {
	background-color: #00524b;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	line-height:20px;
	letter-spacing:1px;
	margin:-5px -5px 5px -5px;
	height: 20px;
	}
	.span3-gray-title a:link {color:#FFFFFF;}
	.span3-gray-title a:visited {color:#FFFFFF;}
	.span3-gray-title a:hover {color:#FFFF00;}
	.span3-gray-title a:active {color:#FFFFFF;}

/* ---- PAGE STYLES ---- */

.between {
float:left;
width: 801px;
margin: 0px 0px 10px 10px;
padding:5px;
background-image:url(../images/bg-gray.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
color:#000000;
border:#FFFFFF solid 10px;
}
	.between a:link {color:#000000;}
	.between a:visited {color:#000000;}
	.between a:hover {color:#0000FF;}
	.between a:active {color:#000000;}

	.between-title {
	background-color: #00524b;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	line-height:20px;
	letter-spacing:1px;
	margin:-5px -5px 5px -5px;
	height: 20px;
	}
	.between-title a:link {color:#FFFFFF;}
	.between-title a:visited {color:#FFFFFF;}
	.between-title a:hover {color:#FFFF00;}
	.between-title a:active {color:#FFFFFF;}

.featured-left {
float:left;
width:150px;
height:150px;
margin: 0px 5px -5px 0px;
}
.featured-right {
width: 225px;
float:left;
}
.gamepage-left {
float:left;
width:100px;
height:100px;
margin: 0px 5px -5px 0px;
}
.gamepage-right {
width: 485px;
float:left;
}
.browse-group {
clear:left;
margin-bottom:5px;
}
.browse-left {
float:left;
width:100px;
height:100px;
margin: 0px 5px 5px 0px;
}
.browse-right {
width: 485px;
float:left;
}

#wrapper .more-cat {
background-color: #EFEFEF;
color:#000000;
font-size:14px;
text-align:center;
font-weight:bold;
line-height:20px;
letter-spacing:1px;
margin:0px 0px 5px 0px;
height: 20px;
}
	#wrapper .more-cat a:link {color:#000000; text-decoration:none;}
	#wrapper .more-cat a:visited {color:#000000; text-decoration:none;}
	#wrapper .more-cat a:hover {color:#0000FF; text-decoration:none;}
	#wrapper .more-cat a:active {color:#000000; text-decoration:none;}

/* ---- PAGE NUMBER STYLES ---- */

.PageNumbers {
color:#000000;
font-weight:bold;
}
.PageNumbers a:link {color:#000000;}
.PageNumbers a:visited {color:#000000;}
.PageNumbers a:hover {color:#0000FF;}
.PageNumbers a:active {color:#000000;}

/* ---- PROFILE.HTML STYLES ---- */

#wrapper .avatar {	/* FOR: profile.html - Style for profile's avatar */
	float:right;	/* DO NOT EDIT. Will break layout */
	border:#FFFFFF 1px solid;	/* Border style of the images */
	padding:0px;	/* Space between border and image */
	margin: 0px 5px 0px 0px;	/* Space between image border and text surrounding the image */
}
#wrapper .gameimg {	/* FOR: profile.html - Style for favorite and last played game thumbnails */
	border:#FFFFFF 0px solid;	/* Border style of the images */
	padding:0px;	/* Space between border and image */
	margin: 9px 2px -9px 0px;	/* Space between image border and text surrounding the image */
}

/* ---- END OF STYLESHEET ---- */