body {
margin:0;
padding:0;
text-align:center;
background:url('/images/background.png') repeat-x #FFF200;
}
.round {
-moz-border-radius:6px;
-webkit-border-radius:6px;
}
.transparent {
background:url('/images/transparent.png')!important;
}
.clear {
clear:both;
}
ol, ul, li {
margin:0;
padding:0;
}
img {
border:0;
}
.input_text {
font-size:12px;
color:#A4A4A4;
text-transform:uppercase;
font-weight:700;
font-family:Arial;
border:0;
}
.wrapper {
width:940px;
margin:auto;
text-align:left;
}
.header {
height:155px;
position:relative;
background:url(/images/logo.png) no-repeat 0 25px;
}
.header .leaderboard {
margin-top:7px;
float:right;
height:100px;
width:737px;
}
.header .leaderboard .pad {
padding:4px!important;
}
.login {
visibility:hidden;
width:290px;
position:absolute;
top:0;
right:0;
}
.icons, .login_section, .nav {
list-style:none;
display:block;
}
.icons li {
float:left;
margin:5px 5px 5px 4px;
}
.icons li a {
color:#FFFF00;
font-size:10px;
font-family:Arial;
font-weight:700px;
text-transform:uppercase;
text-decoration:none;
display:block;
padding:25px 0 0 0;
}
.icons .bookmark a {
background:url('/images/bookmark.png') center top no-repeat;
}
.icons .favorite a {
background:url('/images/favorite.png') center top no-repeat;
}
.icons .home a {
background:url('/images/home.png') center top no-repeat;
}
.login_section li {
float:left;
margin:0;
}
.login_section .username, .login_section .password {
padding:4px 0 4px 10px;
}
.login_section .username {
border-right:#1F1F1F 1px solid;
width:115px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomleft:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-left-radius:6px;
}
.login_section .password {
width:85px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
}
.login_section .login_button {
margin-left:3px;
}
.signup, .signup a {
color:#000;
text-transform:uppercase;
font-size:11px;
font-family:Arial;
font-weight:700;
}
.menu {
width:100%;
background:#1F1F1F;
height:40px;
position:absolute;
bottom:3px;
}
.nav li {
float:left;
border-left:#353535 1px solid;
border-right:#0F0F0F 1px solid;
}
.nav li a {
padding:12px 25px;
display:block;
font-size:12px;
font-family:Helvetica,Arial;
font-weight:700;
color:#FFF;
text-transform:uppercase;
text-decoration:none;
}
.nav li a:hover, .nav li .active_tab {
color:#FFF200;
background:url('/images/menu_hover.png') repeat-x #1F1F1F;
}
.nav .first {
border-left:0;
padding:10px 4px;
}
.nav .search {
width:175px;
height:14px;
background:url('/images/search.png') no-repeat center left #FFF;
text-transform:none;
padding:6px 0 6px 25px;
position:absolute;
right:5px;
}
.nav .last {
height:25px;
padding:7px 0 7px 0;
border-right:0;
}
.more_categories {
display:none;
margin-top:-15px;
background:#1a1a1a;
height:113px;
margin-bottom:4px;
}
.more_categories ul {
padding-top:10px;
padding-left:5px;
width:400px;
}
.more_categories li {
float:left;
list-style:none;
width:100px;
}
.more_categories li a {
color:#FFF;
font-family:Arial;
font-size:10px;
}
.download_notice {
text-align:center;
margin:8px 0 13px 0;
}
.download_notice a {
color:#FFF200;
font-family:Arial;
font-weight:700;
font-size:12px;
}
.head {
font-family:Helvetica,Arial;
font-size:16px;
font-weight:700;
color:#FFF;
text-transform:uppercase;
letter-spacing:-1px;
padding:4px 0 1px 10px;
border-bottom:#0F0F0F 1px solid;
}
.head a {
color:#FFF;
text-decoration:none;
}
.page_link {
float:right;
margin-right:18px;
font-family:Arial;
font-size:13px;
font-weight:700;
text-transform:lowercase;
color:#FFF;
}
.tail {
height:24px;
padding:8px 0 1px 12px;
border-top:#353535 1px solid;
}
.of_span {
padding-left:2px;
padding-right:4px;
}
.more {
margin:0 1px;
padding:0 5px 0 6px;
color:#1F1F1F;
background:#E3E3E3;
border:1px solid #838383;
text-decoration:none;
}
.page_selected {
margin:0 1px;
padding:0 5px 0 6px;
color:#690000;
border:1px solid #838383;
background:#B0B0B0;
text-decoration:none;
}
.pad {
padding:9px;
}
.pad_bottom {
border-bottom:#0F0F0F 1px solid!important;
}
.left_side {
margin-right:6px;
}
.left_column,.right_column {
float:left;
}
.featured_div {
position:relative;
width:610px;
background:#1F1F1F;
}
.featured_div .featured_image {
width:370px;
height:240px;
margin:auto;
text-align:left!important;
}
.featured_div .pad, .featured_div .list {
border-top:#353535 1px solid;
float:left;
}
.featured_div .pad {
width:370px;
text-align:center;
border-right:#0F0F0F 1px solid;
}
.featured_div .list {
margin:0;
padding:0;
width:219px;
border-left:#353535 1px solid;
}
.featured_div .list ul {
list-style:none;
}
.featured_div .list li {
border-top:#353535 1px solid;
border-bottom:#0F0F0F 1px solid;
}
.featured_div .list .first {
border-top:0;
}
.featured_div .list .last {
border-bottom:0;
}
.featured_div .list li a {
font-family:Arial;
font-size:12px;
font-weight:700;
color:#FFF;
padding:18px 0;
text-decoration:none;
text-align:center;
display:block;
}
.featured_div .list li a:hover,.featured_select {
background:url('/images/featured_hover.png') repeat-x;
}
.featured_div .featured_overlay {
background:url('/images/featured_overlay.png');
height:107px;
width:370px;
position:absolute;
bottom:14px;
}
.featured_div #title {
margin:0 0 3px 5px;
padding:0;
font-family:Verdana;
font-size:17px;
color:#FFF;
font-weight:700;
text-transform:uppercase;
}
.featured_div #description {
margin:0 0 0 5px;
font-family:Verdana;
font-size:11px;
color:#CCC;
font-weight:700;
letter-spacing:-0.9px;
margin-right:10px;
}
.featured_div #featured_link {
position:absolute;
top:85px;
margin:0 0 0 5px;
}
.hot {
color:red;
}
.right_column .standard_div {
margin-bottom:4px;
}
.standard_div {
width:303px;
background:#1F1F1F;
margin-top:4px;
}
.standard_div .head {
width:293px;
}
.standard_div .pad {
border-top:#353535 1px solid;
}
.left_column .standard_div {
margin-right:4px;
}
.standard_div table {
table-layout:fixed;
width:100%;
}
.standard_div table td {
text-align:center;
}
.standard_div table td img {
padding-bottom:2px;
}
.standard_div table a {
font-family:Arial;
color:#FFF;
font-size:12px;
text-decoration:none;
}
.dark_div {
margin-top:0;
width:320px;
}
.dark_div table td {
padding:4px 0;
}
.dark_div .head {
width:310px;
border-bottom:#340000 1px solid;
}
.dark_div .pad {
border-top:#781A1A 1px solid;
}
.main_pad td img {
margin-bottom:3px;
}
.main_pad td {
padding-bottom:10px;
}
.sponsor .pad {
border:0;
}
.sponsor {
background:#69000;
height:280px;
margin-top:4px;
}
.sponsor .sponsor_head {
color:#AD1C00;
padding:4px 6px 0 2px;
text-align:right;
font-size:9px;
font-family:Helvetica;
font-weight:700;
text-transform:uppercase;
}
.sponsor .pad {
margin:auto;
margin-top:-7px;
}
.no_top {
margin-top:0;
}
.info_div {
width:158px;
margin-top:4px;
text-align:center;
height:235px;
background:#A2A2A2;
position:relative;
}
.info_div .pad {
border-top:#505050 1px solid;
color:#000;
font-family:Arial;
font-size:11px;
font-weight:700;
height:75%;
}
.left_column .info_div {
margin-right:4px;
}
.vertical_standard .head {
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-left-radius:8px;
-webkit-border-top-right-radius:8px;
}
.info_div .info_head {
font-family:Helvetica;
font-size:13px;
font-weight:700;
color:#FFF;
padding:2px 0;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-left-radius:8px;
-webkit-border-top-right-radius:8px;
}
.info_div ol {
padding-left:18px;
margin-top:5px;
text-align:left;
}
.info_div li {
margin:2px 0;
}
.info_div li a {
color:#000;
text-decoration:none;
position:relative;
left:-3px;
}
.info_div .member {
font-family:Arial;
font-size:11px;
font-weight:700;
text-decoration:none;
text-transform:uppercase;
display:block;
}
.extended {
width:610px;
margin-bottom:12px;
}
.extended .head {
width:600px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-left-radius:8px;
-webkit-border-top-right-radius:8px;
}
.right_column .right_column .info_div {
height:474px;
}
.right_column .right_column .info_div .pad {
height:87%;
}
.right_column .right_column .info_div .member {
margin-top:3px;
}
.right_column {
margin-bottom:4px;
}
.yes_bottom {
margin-bottom:6px;
}
.leaderboard {
width:760px;
height:120px;
text-align:center;
margin:auto;
}
.leaderboard .pad {
padding:15px;
}
.top_leaderboard {
margin:5px auto 7px;
}
.footer {
background:#1F1F1F;
color:#FFF;
font-size:11px;
font-family:Arial;
margin-top:8px;
margin-bottom:4px;
}
.footer a {
color:#FFF200;
}
.footer_pad {
padding:15px 25px;
}
.sidebutton {
position:fixed;
left:0;
top:30%;
width:43px;
height:122px;
display:none;
background:url('/images/leftside-btn.png');
}
.response {
background:#3C3C3C;
width:323px;
height:188px;
color:#FFF;
font-family:Arial;
}
.response p {
margin:6px 0;
}
.response label {
font-size:11px;
float:left;
display:block;
text-align:right;
width:115px;
margin-right:3px;
margin-top:3px;
}
.response .response_head {
height:36px;
background:url(/images/header-bg.png);
font-weight:700;
font-size:14px;
margin-bottom:17px;
}
.response .response_head .message {
padding-top:11px;
padding-left:9px;
}
.response .close {
width:19px;
height:15px;
display:block;
background:url(/images/close.png) no-repeat;
position:relative;
left:300px;
top:-18px;
}
.response .text_input {
border:1px #000 solid;
width:190px;
padding:2px;
}
.response .select_input {
border:1px #000 solid;
width:58px;
padding:2px;
}
.response .button {
position:relative;
left:182px;
top:-53px;
}
.response .notice {
font-size:11px;
position:relative;
top:-53px;
margin-left:10px;
}
.response .notice a {
color:#FFF!important;
}
.fail, .success {
display:none;
margin:2px 30px;
}
#lightbox {
display:none;
position:absolute;
top:50%;
left:50%;
z-index:9999;
width:323px;
height:188px;
border:1px solid #fff;
background:#FDFCE9;
text-align:left;
margin:-150px 0 0 -180px;
}
#overlay {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:5000;
background-color:#000;
-moz-opacity:.8;
opacity:.80;
filter:alpha(opacity=80);
}
#lightbox.done img {
width:100%;
height:100%;
}
#lightbox[id],#overlay[id] {
position:fixed;
}
#lightbox.done #lbLoadMessage,#lightbox.loading #lbContent {
display:none;
}
#lightbox.done #lbContent,#lightbox.loading #lbLoadMessage {
display:block;
}
.no_results {
font-family:Arial;
font-size:11px;
color:#FFF;
font-weight:700;
}
.download_notice,.free_game_downloads {
display:none!important;
}
.share_bar {
margin:6px 0 0;
font-family:Arial;
font-size:12px;
text-transform:uppercase;
color:#FFF;
}
.share_bar ul,.share_bar li {
list-style:none;
}
.share_bar li {
float:left;
margin:0 20px;
}
.share_bar a {
text-decoration:none;
font-weight:700;
color:#FFF;
display:block;
padding:15px 5px 15px 35px;
}
.share_bar .favorite a {
display:none;
background:url('/images/favorite.png') no-repeat center left;
}
.share_bar .digg a {
background:url('/images/digg.png') no-repeat center left;
}
.share_bar .stumble a {
background:url('/images/stumble.png') no-repeat center left;
}
.margin_top {
padding-bottom:7px;
}
.description_area {
width:610px;
height:281px;
margin-right:10px;
margin-bottom:7px;
}
.description_area .description_pad {
padding:12px;
}
.description_area .left_column {
margin-right:10px;
}
.description_area .right_column {
width:270px;
font-family:Arial;
font-size:11px;
color:#FFF;
}
.description_area .right_column h1,.description_area .right_column p {
margin:0;
padding:0;
}
.description_area .right_column h1 {
font-size:14px;
text-transform:uppercase;
}
.description_area p {
margin:3px 0!important;
}
.description_area img {
border:1px solid #FFF;
}
.rating_item {
width:400px;
display:none;
}
.rating_span {
display:block;
font-weight:700;
float:left;
margin-right:5px;
padding-top:15px;
}
#rating-system {
margin-top:20px;
}
.rating_count {
display:block;
float:left;
margin-top:-5px;
margin-left:5px;
font-style:italic;
color:#999;
font-size:10px;
font-family:Arial;
}
.game_column {
width:610px;
margin-right:7px;
}
.game_extend {
width:940px!important;
}
.game_area {
position:relative;
text-align:center;
padding:40px 0;
margin-bottom:4px;
}
.margin_top_game {
margin-top:10px;
}
div.rating {
cursor:pointer;
clear:both;
display:block;
margin:2em;
}
div.rating:after {
content:'.';
display:block;
height:0;
width:0;
clear:both;
visibility:hidden;
}
div.cancel,div.star {
float:left;
width:26px;
height:26px;
text-indent:-999em;
cursor:pointer;
display:block;
background:transparent;
overflow:hidden;
margin-top:-13px;
}
div.cancel,div.cancel a {
background:url(/images/delete.gif) no-repeat 0 -16px;
display:none;
}
div.star,div.star a {
background:url(/images/star.png) no-repeat 0 0;
}
div.cancel a,div.star a {
display:block;
width:26px;
height:100%;
background-position:0 0;
}
div.star_on a {
background-position:0 -52px!important;
}
div.star_hover a,div.star_live a:hover {
background-position:0 -26px;
}
div.star_readonly a,div.star_readonly a:hover {
cursor:default!important;
}
div.star {
background:transparent!important;
overflow:hidden!important;
}
.game_overlay {
display:block;
position:absolute;
left:120px;
width:370px;
height:315px;
background:url('/images/game_overlay.png');
z-index:9000;
}
.vertical_standard {
width:158px!important;
}
.vertical_standard .head {
width:148px!important;
}
.vertical_standard td {
padding-top:3px;
}
.no_margin .standard_div {
margin-top:0;
}