/*
	css
*/
body {
	background-color:#000000;
	margin:0 5px 5px 5px; padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px; color:#FFFFFF;
}

/* Start Header Stuff */
#gui { display:none }

#master-container {
	position:relative;
	width:960px;
	text-align:left;
}

#header-container {	position:relative; text-align:left; z-index:1000; }

#header-container img { border:0; }

#header-searchbar {
	position:absolute; left:560px; top:0;
	width:400px;
	background-color:#333;
}

#header-searchbar form { padding:0; margin:0; }

.search-text input {
	padding:3px 0; margin:0 8px;
	border:0; width:350px;
	font-size:15px; color:#FFF;
	background-color:transparent;
}

.search-text-title { background-color:#fff; }

.search-button {
	position:absolute; left:370px; top:0;
	padding:3px 0 0 0; margin:0; border:0;
}

.search-button input { border:0; }

/* User HUD */
#userhud {
	position:absolute; left:560px; top:0;/*28px;*/
	text-align:center;
	width:400px; height:92px;/*64px;*/
	background-color:#333;
}

#logininfo {
	padding:4px 6px;
}

#userhud #avatar {
	position:absolute; top:6px; left:6px; z-index:100;
	width:74px; height:52px; background-color:transparent;
}

/* Start Main Nav Stuff */
#main-nav {
	position:relative;
	height:40px; padding:0; margin:6px 0;
	background-image:url(../images/layout/main-nav-bg.gif);
	list-style-type:none; padding:0 10px;
}

#main-nav li { float:left; display:block; }

#main-nav li a {
	display:block;
	padding:13px 14px; margin-top:1px;
}

/*#main-nav li a:link, #main-nav li a:visited {

}*/

#main-nav li a:hover, #main-nav li a:active {
	background-image:url(../images/layout/nav-hover.png);
	background-position:top center; background-repeat:no-repeat;
}

/* Drop Down Stuff */
#main-nav ul {
	display:none; position:absolute; z-index:999;
	margin:0; padding:0; background-color:#1e3c5b;
	background-image:url(../images/layout/main-nav-sub-bg.gif);
	background-repeat:repeat-y;
	font-size:13px; color:#FFFFFF;
}

#main-nav ul li.first {
	background-image:url(../images/layout/nav-sub-shadow.png);
	background-repeat:repeat-x;
}

#main-nav ul li {
	display:block; float:none;
	margin:0; padding:0;
	text-align:left;
}

#main-nav ul li a {
	display:block; margin:0; padding:10px 20px;
	background-image:none; text-decoration:none;
	color:#FFFFFF;
}

#main-nav ul li a:hover, #main-nav ul li a:active {
	background-image:none; background-color:#666666;
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #main-nav ul {
	margin:0 0 0 -2px;
}

/* End Header Stuff */

/* Start Body Stuff */

.copy-container {
	position:relative; margin:6px 0 0 0; padding:0;
	text-align:left; width:960px;
	font-family:Verdana, Geneva, sans-serif; font-size:14px;
	color:#FFF; text-align:left;
	background-image:url(../images/layout/footer-bg.gif);
	background-repeat:repeat-x; background-position:top;
	background-color:#0a141e;
}

.copy-container a {
	text-decoration:none; color:#366ea5;
}

.copy-container a:hover, .copy-container li a:active {
	text-decoration:underline; color:#264463;
}

.copy-container p {
	margin:0; padding:8px 0;
}

.copy-container h1 {
	font-size:22px; font-style:italic; text-align:justify; color:#FFF;
	line-height:28px; padding:20px 20px 0 20px; margin:0; font-weight:normal;
}

.copy-container h2 {
	font-size:17px; text-align:justify; color:#FFF;
	line-height:28px; padding:20px 0; margin:0; font-weight:normal;
}

.copy-container ol li {
	list-style-type:upper-alpha;
	margin:10px 0; color:#FFF;
}

.copy-container ul li {
	margin:10px 0; color:#FFF;
}

.copy-container .col-top {
	font-family:Arial, Helvetica, sans-serif;
	position:relative; left:0px; font-size:22px; font-style:normal; text-align:justify; color:#FFF;
	line-height:28px; padding:20px; margin:0;
}

.copy-container hr {
	height:1px; margin:0 20px; padding:0;
	border:0;
	border-bottom:1px #264463 dotted;
}

.copy-container .col-right {
	position:relative; text-align:justify;
	line-height:18px; padding:20px; margin:0;
}

.copy-container .ad {
	float:right; text-align:center; padding:20px;
}

.staff-list {
	display:block; margin:0; padding:0;
	/*border-bottom:1px #999 dotted;*/
}

.staff-list li {
	position:relative;
	display:block;
	list-style:none; float:left; width:190px; height:320px;
	padding:20px 20px 0 20px; 
}

.staff-list a, .staff-list img {
	border:0;
}

.staff-list h1 {
	margin:10px 0 0 0; padding:0; font-style:normal; color:#999;
	font-size:19px; text-align:center;
}

.staff-list h2 {
	margin:0 0 8px 0; padding:0; text-align:center;
	font-size:13px; font-weight:bold;
}

.col-right h3 { width:100%; padding-bottom:10px; border-bottom:1px #999 dotted; }

.xbl-avatar {
	/*position:relative; left:0px;*/ display:block; margin:0 0 0 44px; padding:0;
	width:100px; height:100px; clear:both;
	background-position:bottom; background-repeat:no-repeat;
}

.ad-leaderbored {
	display:block; position:relative; margin:6px 0; padding:6px 0;
	text-align:left; width:960px; clear:both;
	font-family:Verdana, Geneva, sans-serif; font-size:12px;
	color:#999; text-align:center;
}

.register {
	padding:0 20px 20px 20px; margin:0;
}

.register label {
	display:block; clear:both; margin:6px 0; padding:0;
	font-size:13px;
}

.register input {
	width:312px;
}

/* End Body Stuff */

/* Start Game List Stuff */
.game-list-container {
	display:block; position:relative; margin:14px 0 0 0; padding:0;
	text-align:left; width:960px; height:158px; clear:both;
	font-family:Verdana, Geneva, sans-serif; font-size:12px;
	color:#999; text-align:center;
	background-image:url(../images/layout/game-list-bg.gif);
	background-repeat:repeat-x; background-position:top;
	background-color:#333333;
}

.game-list-container ul {
	display:block; position:relative;
	list-style-type:none;
	margin:0 0 0 1%; padding:0 8px;
}

.game-list-container ul li {
	display:block; position:relative; float:left;
	margin:0; padding:10px 8px;
}

.game-list-container ul li.arrow {
	margin-top:46px;
	-moz-opacity:.0; filter:alpha(opacity=0); opacity:.0; /* was .30 */
	display:none;
}

.game-list-container img, .game-list-container a {
	border:0;
}

/* End Game List Stuff */

/* Start Footer Stuff */

#footer-container {
	position:relative; margin:6px 0 0 0; padding:0;
	text-align:left; width:960px;
	font-family:Verdana, Geneva, sans-serif; font-size:12px;
	color:#999; text-align:left;
	background-image:url(../images/layout/footer-bg.gif);
	background-repeat:repeat-x; background-position:top;
	background-color:#0a141e;
}

#footer-container p {
	margin:0; padding:8px 0;
}

#footer-container a {
	text-decoration:none; color:#366ea5;
}

#footer-container a:hover, #footer-container li a:active {
	text-decoration:underline; color:#264463;
}

#footer-container .left {
	position:absolute; padding:16px; top:50%; margin:0;
}

#footer-container .right {
	position:relative; left:346px;
	width:580px; line-height:18px; padding:14px 18px;
}

#paypal_v {
	position:absolute; left:528px; top:65px;
}

/* End Footer Stuff */

/* START styles for the star rater */	
.star-rating-wrap{
	white-space:nowrap;
}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating li.current-rating{
	background: url(star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:100px !important;
	height:25px !important;
	overflow:hidden !important;
	list-style:none;
	margin:0 !important;
	padding:0 !important;
	background-position: left top;
	display: block;
}
.star-rating li{
	display: inline;
	background: none !important;
	border: 0 !important;
}
ul.star-rating a, 
ul.star-rating li.current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-9999px;
	height:25px !important;
	line-height:25px !important;
	outline:none;
	overflow:hidden;
	border: none;
	padding: 0 !important;
	margin: 0 !important;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating li.current-rating{
	z-index:1;
	background-image: url(star.gif) !important;
	background-position: left center !important;
}	
/* END styles for the star rater */	

/* ticker */
/*ul#ticker { display:none; }*/
.tickercontainer { /* the outer div with the black border */
border: 0;
background: #000;
background-image:url(../images/layout/main-nav-bg.gif);
width: 960px; 
height: 27px; 
margin: 0 0 12px 0; 
padding:0 0 8px 0;
overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 6px;
width: 940px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 960px;
font:20px Arial, Helvetica, sans-serif;
list-style-type: none;
margin:0;
padding: 0 50px 0 0;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0 100px 0 0;
background: transparent;
color: #ccc;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ccc;
margin:0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}
/* end ticker */

#headSlider {
	position:absolute; top:0px; left:0px;
	margin:0; padding:0;
	z-index:-100; visibility:hidden;
}

#headSlider li {
	list-style-type:none;
	margin:0; padding:0;
}