/* General Elements */

* { margin: 0; padding: 0; font-family: arial, sans-serif; font-size: 14px; }

html, body { margin: 0; background: #000 url('images/sl8rback.jpg') fixed no-repeat center top;}

h1 { width: 100%; color: #73db24; height: 24px; font-size: 24px; line-height: 24px; margin-bottom: 5px;}
h2 { height: 18px; font-size: 18px; line-height: 18px; margin-bottom: 5px; color: #73db24;}
h2 a, h2 a:hover { color: #73db24; }

img {	border-style: none; }
a { text-decoration: none; color: #fff568; }
a:hover { text-decoration: underline; color: #ffffff; }
input { height: 20px; vertical-align: middle; }

.button { border: none; cursor: pointer; }
.textbox { border: 0px; color: #dddddd; }
.textbox-high { border: 1px; color: #000000; }
.ie-hack { width: 0px; height: 0px; clear: both; }
.clear { width: 0px; height: 0px; clear: right; }

/* Page Elements */

#page { width: 960px; margin: auto; border: 0; }

#outer { color: #ffffff; padding: 0 0 10px 0; margin: 0; } 
#outer img { vertical-align: middle; }

#header { width: 960px; height: 160px; margin: 0; padding: 0; background:url(images/header-bg.png) top left no-repeat;}
#navigation { width: 950px; height: 32px; margin: 0; padding: 5px 5px 0 5px; background: #003700; }

#logopanel { float: left; width: 340px; height: 160px; }

#sl8r-logo { background-image:url(images/sl8r-logo.png); display:block; height:160px; text-indent:-9999px;width:340px;} 


#logonpanel_loggedoff { float: right; width: 400px; margin: 20px 10px 10px 10px; padding: 0; color: #ffffff; text-align: right; font-size: 80%; }
#logonpanel_loggedoff p { padding: 2px 0 2px 0; margin: 0; }
#logonpanel_loggedoff a { color: color: #fff568;} 
#logonpanel_loggedoff a:hover { color: color: #ffffff; } 

#logonpanel_loggedon { float: right; width: 400px; height: 110px; margin: 20px 10px 10px 10px; padding: 10px; color: #ffffff; text-align: right; font-size: 80%; background: #000000; }
#logonpanel_loggedon a { color: color: #fff568;} 
#logonpanel_loggedon a:hover { color: color: #ffffff; } 

.navigation-tab { float: left; width: 120px; height: 32px; font-size: 18px; line-height: 32px; text-align: center; cursor: pointer; background-image: url(images/tab.png); color: #ffffff;}
.navigation-tab a { color: #ffffff; }
.navigation-tab a:hover { color: #fff13a; }
#search { float: right; width: 335px; height: 24px; font-size: 24px; text-align: right; }


#content { background: #003700; padding: 5px;}
#columnsmaster { width: 950px; padding: 0; margin: 0; }

.columns { width: 945px; height: 50px; padding: 0; margin: 0; }

#column-left { float: left; width: 645px; }
#column-right { float: right;	width: 300px; }

#footer { width: 960px; height: 160px; margin: 0; padding: 0; background: url(images/footer.png) no-repeat top left;}
#footer p { margin: 0; padding: 0; text-align: center; color: #ffffff;} 
#footer a { color: color: #fff568; }
#footer a:hover { color: #fff13a; }
#footertext { height: 24px; margin: 0; padding: 136px 0 0 0; }


.row-form { float: left; width: 500px; margin: 10px 0 10px 0; }

.row-form fieldset { width:300px; padding:0; margin: 0 0 10px 0; border: 0;}
.row-form fieldset label {
    width:110px;
    height:20px;
    padding:0 10px 0 0;
    margin:0;
    float:left;
    text-align: right;
    color:#fff;

}
.row-form fieldset input {
    width:170px;
    height:20px;
    margin:0;
    padding:0;
    text-align:left;
    float:right;
}
#clear { clear:both; }
.row-form p { color: #ffffff; }
.row-form fieldset p bodytext em { text-align: right; }
/* Common Elements */

.content-column-left { float: left; width: 320px;  }
.content-column-right {	float: right; width: 320px; }
.icon-inline { vertical-align: text-bottom; }

.bodytext { color: #ffffff; margin: 0 0 10px 0; }
.bodytext a { color: color: #fff568; }

.gamelist-item { background: #003000; margin: 0 0 5px 0; padding: 0; height: 125px; width: 320px; } 
.gamelist-image { height: 120px; width: 100px; margin: 10px 0 0 10px; padding: 0; float: left; }
.gamelist-description { float: left; margin: 10px 5px 5px 5px; padding: 0; width: 190px; background-image: url(images/bullet2.png); background-repeat: no-repeat; background-position: 0 0;}
a.gamelist-title { margin: 0 0 5px 0; padding: 0 0 0 20px; color: #ffffff; font-weight: bold; width: 190px; font-size: 16px;  }
a.g1amelist-title:hover { color: #dd0000; }
.gamelist-summary { width: 190px; margin: 5px 0 0 0; padding: 0; color: #eeeeee; font-size: 13px;}

.g1amesummary { width: 645px; margin: 5px 0 5px 0; padding: 0; }
.gamelist { display:inline; float:left; margin: 0 10px 0 0; list-style: none; }
.gamelist ul li { list-style: none; width: 160px; background-image: url(images/bullet.png); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 45px; margin: .4em 0; }
.gamelist ul li a { color: #ffffff; font-size: 120%; }


.gamelistj-area { width: 645px; margin: 5px 0 5px 0; padding: 0;}
.gamelistj-item { width: 200px; height: 230px; margin: 0 5px 5px 0; padding: 0; background: #ddddaa; display: inline; float: left; }
.gamelistj-image { width: 200px; height: 200px; margin: 0; padding: 0; background: #00ff00;}
.gamelistj-title { width: 200px; height: 30px; margin: 0; text-align: center; padding: 0; background: #1e6c36; font-size: 11px; text-transform:uppercase; color: #ffffff; }

#page-navigation { height: 32px; margin: 10px 0 0 0; padding: 0; text-align: right; }
#page-navigation-text { color: #ffffff; }
/* Game Page Elements */


#game { width: 950px; margin: 0; padding: 0; }
#game h1 { margin: 0 0 10px 0; }

#game-infopanel { width: 950px; height: 120px; margin: 10px 0 20px 0; padding: 0;}

#game-image { width: 100px; height: 100px; margin: 0; padding: 0; float: left; }
#game-summary { margin: 0 0 5px 5px; color: #ffffff; width: 611px; float: left; }
#game-ad { width:234px; float: left; } 
#game-rating { color: #ffffff; width: 611px; margin: 5px 0 0 0; float: left; }
#game-controls { color: #ffffff; width: 611px; margin: 0; float: left;}

#game-itself { margin: 5px; padding: 0; text-align: center; }

#game-play { width: 190px; height: 98px; text-align: right; cursor: pointer; }

#deadgame-information-right { position: absolute; left: 105px; top: 30px; }

#g1ame-description { width: 325px; text-align: justify; padding-left: 10px; padding-right: 5px; padding-top: 0; padding-bottom:0}

#game-description { width: 750px; text-align: justify; padding: 0; margin: 0 100px 0 100px; color: #ffffff; }

#overlay-rating { text-align: center; padding: 0; margin: 10px auto 10px auto; background: #ffffff; width: 250px; height: 100px; }
#overlay-rating-star-background-1 { width: 50px; height: 50px; padding: 0; margin: 0; display: inline; }
#overlay-rating-star-background-2 { width: 50px; height: 50px; padding: 0; margin: 0; display: inline;}
#overlay-rating-star-background-3 { width: 50px; height: 50px; padding: 0; margin: 0; display: inline;}
#overlay-rating-star-background-4 { width: 50px; height: 50px; padding: 0; margin: 0; display: inline;}
#overlay-rating-star-background-5 { width: 50px; height: 50px; padding: 0; margin: 0; display: inline;}