/* Resets */
span, img, a, li, h1, h2, h3, h4, h5, h6, p, fieldset { margin:0; padding:0;}
img{ border:none}
a{ margin:0; outline:none; text-decoration:none;}
fieldset{border:none}

/* general styles */
html, body{ height: 100%; background-color:#e5e5e5; margin: auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3e3e3e;}
.clear{clear:both; height: 0px;}
h2.box-title span{display:none;}
span.box-bread {font-size:14px;font-weight:bold;}
h3 {font-size: 14px; }
a { color:#0066ff;} 
a:hover{ text-decoration:underline;}
p{ font-size:12px; color:#000000; margin-bottom: 6px;}
form { margin: 0; padding: 0; }
form input, form button, form textarea, form select { background-image:url(../images/css/search-box.gif); background-repeat: no-repeat; background-color: #e9e9e9; border: 1px solid #949191; padding-left: 5px; margin-top: 5px; margin-right: 5px; }
form textarea { background-image: none; }
form label { width: 6em; float: left; text-align: center; margin-right: 0.5em; margin-top: 7px; }
form input.submit, form button.submit, form button.comment { margin-top: 3px; color: #ffffff; font-size: 8px; font-weight: bold; border: none; background: none; background-image: url('../images/btn_small.png'); width: 74px; height: 17px; font-size: 8pt; padding:0; }
form  input.checkbox { width: 12px; height: 12px; margin: 0 6px 0 0; padding: 0; }
input#name, input#password{ width: 150px; }
hr { color: #959595; border-color: #ebebeb; }
img.icon-left{ float:left; margin-right: 6px; margin-top: 3px; border:0;}

/* Page column styles */
#container{ background-image:url(../images/css/background.gif); background-repeat:repeat-y; margin:0 auto 0px auto; width:944px; padding:1px 0 20px 0; }
#lhs-column{ width:538px; margin:9px 0 0 16px;  float:left; }
#rhs-column{ width:356px; margin:9px 0 0 9px; float:left; }
#full-column{ width:907px; margin:9px 0 0 16px; display: block; }

/*  Box Styles */
#lhs-column .lhs-box, #rhs-column .rhs-box , #full-column .full-box { clear: both; background-color:#ebebeb; border:solid 1px #959595; border-top:none; background-repeat: no-repeat; margin: 0 0 9px 0; padding: 0 6px 14px 9px;}
#lhs-column .lhs-box { }
#rhs-column .rhs-box { }
#full-column .full-box { margin: 0;}
.rounded-corners-large{ background-image:url(../images/rounded-corner-large.gif); background-repeat:no-repeat; width:538px; height:9px; margin:9px 0 0 0;}
.rounded-corners-small{ background-image:url(../images/rounded-corner-small.gif); background-repeat:no-repeat; width:356px; height:9px; margin:9px 0 0 0;}
.rounded-corners-full{ background-image:url(../images/rounded-corner-full.gif); background-repeat:no-repeat; width:907px; height:9px; margin:9px 0 0 0;}

#full-box { margin:0 auto;} /*Using PHP dynamically set the width to the same as #full-box .middle*/ 
#full-box .middle{ background-color:#ebebeb; border:solid 1px #aeaeae; border-width:0 1px; padding-top:1px; } /*Using PHP dynamically set the width of this to the game width plus the chat window plus their margins (42px)*/
#full-box .middle .game-header{ margin:0 0 0 14px;}
#full-box .middle .game{ float:left; margin:8px 0 0 14px; clear:left;} /*Using PHP dynamically set the width of this to the game width*/
#full-box .middle .chat{ width:195px; height:400px; background-color:#CCCCCC; float:left; margin:8px 14px;}
#full-box .middle .game-bar{ margin:0 auto; width:853px;}
#full-box .middle .game-bar-list{ margin:0 auto; width:907px;}
#full-box .top .left{ background-image:url(../images/top-left.png); width:6px; height:6px; float:left;}
#full-box .top .middle{ height:5px; border:solid 1px #aeaeae; border-width:1px 0 0 0; background-color:#ebebeb; float:left; padding-top:0; } /*Using PHP dynamically set the width to the same as #full-box .middle* minus 12px for the corners */
#full-box .top .right{ background-image:url(../images/top-right.png); width:6px; height:6px; float:left;}
#full-box .bottom .left{ background-image:url(../images/bottom-left.png); width:6px; height:6px; float:left;}
#full-box .bottom .middle{ height:5px; border:solid 1px #aeaeae; border-width:0 0 1px 0; float:left; padding-top:0;} /*Using PHP dynamically set the width to the same as #full-box .middle* minus 12px for the corners */
#full-box .bottom .right{ background-image:url(../images/bottom-right.png); width:6px; height:6px; float:left;}

/* Box Title Styles */
h2.box-no-title{ float: left; text-transform: capitalize; background-image:url(../images/titles/no-title.png); height:25px; width: 327px; font-size: 16px; font-weight: bold; background-repeat: no-repeat; padding: 5px 0 0 9px; margin: -9px 0 6px 3px; color:#ffffff; overflow:hidden; }
h2.box-title{ float: left; text-transform: capitalize; background-image:url(../images/titles/title-images.png); height:30px; width: 200px; background-repeat: no-repeat; margin: -9px 0 6px 3px; color:#dd5800; }
#latest-games h2.box-title{ background-position: 0px 0px; }
#hot-games h2.box-title{ background-position: 0px -30px; }
#latest-news h2.box-title{ background-position: 0px -60px; }
#top-games h2.box-title{ background-position: 0px -90px; }
#top-users h2.box-title{ background-position: 0px -120px; }
#featured-games h2.box-title{ background-position: 0px -150px; }
#categories-box h2.box-title{ background-position: 0px -180px; }
#browse-box h2.box-title{ background-position: 0px -210px; }
#seach-box h2.box-title{ background-position: 0px -240px; }
#options-box h2.box-title{ background-position: 0px -270px; }
#favourites-box h2.box-title{ background-position: 0px -300px; }
#recent-box h2.box-title{ background-position: 0px -330px; }
#recommended-box h2.box-title{ background-position: 0px -360px; }
#comment-box h2.box-title{ background-position: 0px -390px; }
#vote-box h2.box-title{ background-position: 0px -420px; }
#game-info-box h2.box-title{ background-position: 0px -450px; }
#similar-box h2.box-title{ background-position: 0px -480px; }
#author-box h2.box-title{ background-position: 0px -510px; }
#games-box h2.box-title{ background-position: 0px -540px; }
#related-blogs h2.box-title{ background-position: 0px -570px; }

/* header styles */
#header{ background-image:url(../images/css/header-background.gif); background-repeat:repeat; width:905px; height:220px; border:solid 1px #cacaca; margin:3px 0 0 16px;}
#header .logo{ width:300px; float:left; height:138px; }
#header .logo h1 a { background-image:url(../images/css/logo.png); float:left; width:586px; height:138px; margin:6px 0 0 9px; outline:none;}
#header .logo h1 a span{ display:none;}

/* footer styles */
#footer, #push { height: 25px; }
#footer{ background-image:url(../images/css/footer-background.gif); background-repeat:repeat; width:905px; margin:10px auto 16px auto; padding:0; border:solid 1px #cacaca;}
#footer .footer-navigation{ color:#ffffff; float:left; width: 330px; height:24px;}
#footer .footer-navigation ul{list-style:none; margin:0; padding:4px 0 0 14px;}
#footer .footer-navigation ul li{ float:left; }
#footer .footer-navigation ul li a{ font-size:11px; color:#ffffff; margin-left: 6px; margin-right: 6px;}
#footer .footer-navigationul li a:hover{ text-decoration:underline;}
#footer .copyright{ float:right; margin:4px 8px 0 0; color:#7cccff;}
#footer .copyright a{ font-size:11px; color:#ffffff;}

/* control panel styles */
#header .control-panel{ background-image:url(../images/control-panel/login-background.png); background-repeat:no-repeat; float:right; width:264px; height:96px; margin:15px 10px 0 0; padding: 9px 9px 6px 9px;}
#header .control-panel .links{ float:right; margin:9px 0 0 0;}
#header .control-panel .icon{ float:right; }
div.login-error { margin-top: -18px; border: 1px solid #e9e9e9; padding-left: 3px; padding-right: 3px; background-color: #870101; font-weight: bold; float: left; position: relative; color: white; }

/* Main-navigation styles */
#navigation{ margin-top:13px; }
#navigation .main-nav{ width:auto; background-color: #ffffff; }
#navigation .main-nav ul.menu{width:623px; float: left; margin:0; padding: 0;}
#navigation .main-nav ul.menu li{list-style-type:none; float: left;}
#navigation .main-nav ul.menu li a {float: left; height:28px; text-decoration: none;}
#navigation .main-nav ul.menu li a.home{ background-image:url(../images/nav/nav-home.gif); width:81px; }
#navigation .main-nav ul.menu li a.games{ background-image:url(../images/nav/nav-games.gif); width:91px;}
#navigation .main-nav ul.menu li a.achievements{ background-image:url(../images/nav/nav-achievements.gif); width:135px;}
#navigation .main-nav ul.menu li a.blog{ background-image:url(../images/nav/nav-blog.gif); width:81px;}
#navigation .main-nav ul.menu li a.forum{ background-image:url(../images/nav/nav-forum.gif); width:106px;}
#navigation .main-nav ul.menu li a.account{ background-image:url(../images/nav/nav-users.gif); width:111px;}
#navigation .main-nav ul.menu li a.arcade{ background-image:url(../images/nav/nav-arcade.gif); width:100px;}
#navigation .main-nav ul.menu li a:hover{ background-position:0 -28px;}
#navigation .main-nav ul.menu li a.active{background-position:0 -56px;}
#navigation .main-nav ul.menu li a span{ display:none;}
#navigation .main-nav .main-nav-border{ background-color:#2c98de; height:11px;}

/* Search-box styles */
#navigation .search{ float:right; margin:0; height:28px; } 
#navigation .search form{ padding:0; height:19px; margin:3px 6px 0 16px;} 
#navigation .search form input.box{ width: 150px; font-size:11px; float:left; margin:2px 0 0 0;} 
#navigation .search form input.submit{ float:left; margin:2px 0 0 3px;} 
.autocomplete { width: 250px; position:absolute; background-color:#ccc; margin:0;  padding:0; }
.autocomplete ul { list-style-type:none; float: none; margin:0; padding:0; }
.autocomplete ul li.selected { background-color: #aaa;}
.autocomplete ul li { display:block; margin:0; padding:2px; cursor:pointer; }
.autocomplete ul li a { display: block; }

/* sub-navigation styles */
#navigation .header-bottom{ background-color:#ebebeb; height:24px; width:auto;}
#navigation .header-bottom .sub-nav{ color:#375368; float:left; width: 907px; height:24px;}
#navigation .header-bottom .sub-nav ul {list-style:none; margin:0; padding:4px 0 0 14px; width: 887px}
#navigation .header-bottom .sub-nav ul li{ float:left; }
#navigation .header-bottom .sub-nav ul li a{ font-size:11px; font-weight:bold; color:#375368; margin-left: 6px; margin-right: 6px;}
#navigation .header-bottom .sub-nav ul li a:hover{ text-decoration:underline;}
#navigation .header-bottom .sub-nav ul li.others{ float: right; }

/* featured-line styles */
#top-line{ width:907px; margin:6px 0 -9px 16px; text-align: center;}
#featured-line{ background-color:#9b9b9b; width:907px; margin:0px 0 0 16px; padding-top:4px; padding-bottom:4px;}
#square-ads{margin: 0px 0 6px 0; text-align: center;}
#square-ads-left, square-ads-right{ float:left;}
#one-square-ad{ margin: 0px 0 6px 0; text-align: center;}

/* general-box styles */
.individual-long{ background-repeat:repeat; border-bottom: 1px solid #c5c2c2; margin-top:8px; padding-right: 6px; padding-left: 6px; padding-bottom: 10px;}
.individual-long img.icon{ float:left; margin-right: 6px; margin-top: 3px; }
.individual-long img.blog-icon{ float:right; margin-left: 6px; margin-top: 3px; }
.individual-long a { font-weight:bold; font-size:12px;} 
.individual-long span{ color:#dd5800; font-size:11px;}
.individual-long span .comment-options { font-size:11px;}
.individual-long div.review-score { float:right; font-size: 20px; }
.individual-long div.comment-options { float:right; font-size: 10px; margin-left: 6px; }
.individual-long div.forum-extras { font-size: 10px; text-align: left; }
.individual-long div.forum-extras * { font-size: 10px; }
.individual-forum { padding-bottom: 5px; }
.individual-forum  .forumicon { margin-bottom: 20px; }
.individual-thread  .forumicon { margin-top: 0; }
.individual-thread { padding-bottom: 9px; margin-top: 3px; }
.individual-thread p.description * { font-size: 10px; }
.individual-small{ width:160px; height:80px; margin:3px 0 3px 9px; float:left; font-size:11px; overflow: hidden; }
.individual-small img.icon{ float:left; margin-right: 3px; }
.individual-small a { font-weight:bold; font-size:12px;}
.individual-small h3 { height: 16px; overflow: hidden;}
.individual-small span{ color:#dd5800; font-size:11px;}
.individual-small img.icon-grey{ opacity : 0.8; filter: alpha(opacity=80); }
.individual-small img.icon-grey:hover{ opacity : 1.0; filter: alpha(opacity=100); }
.individual-small img.icon-mid{ opacity : 0.9; filter: alpha(opacity=90); }
.individual-small img.icon-mid:hover{ opacity : 1.0; filter: alpha(opacity=100); }
.individual-list{ margin: 3px 3px 3px 6px;}
.individual-list:hover{ background-color: #c5c2c2;}
.individual-list a { font-weight:bold; font-size:12px;}
.individual-list span, .individual-list .options{ color:#dd5800; font-size:11px; float: right;}
.individual-small-similar{ width:165px; text-align:left;}

/* individual-box( orange h3 ) */
.text-orange{ float:left; margin:3px 0 0 8px; width:280px;}
.text-orange a{ float:left; color:#dd5800;}
.text-orange span{ float:right; font-size:10px; color:#6f6f6f; }
.text-orange p{ line-height:12px; margin-top:4px;}

/* individual-box blue h3 ) */
.text-blue{ float:left; margin:10px 0 0 8px; width:102px;}
.text-blue a{ color:#0066ff;}
.text-blue span{ color:#333333; font-size:10px;}
.text-blue p{ line-height:12px; margin-top:4px;}
.box-footer-link {text-transform: capitalize; clear: both; margin:6px 0 0 0; display: block; text-align: right; color:#dd5800; padding:0;}

/* generic-box-footer */
.box-footer-small{ background-color:#dddddd; float:left; width:354px; height:18px; border:solid 1px #c0c0c0; border-top:none; margin:0px;}
.box-footer-long{ background-color:#dddddd; float:left; width:536px; height:18px; border:solid 1px #c0c0c0; border-top:none; margin:0px;}
.box-footer-small a, .box-footer-long a{ font-size:11px; color:#dd5800; float:right; margin:3px 6px 0 0;}
.box-footer-article{ background-color:#dddddd; float:left; width:905px; height:24px; border:solid 1px #c0c0c0; border-top:none; margin:0px 0 0 16px;}
.box-footer-article .page-navigation{ margin:2px auto; width:200px;}
.box-footer-article .page-navigation a.first-page{ background-image:url(../images/btns/page-start.gif); width:24px; height:20px; float:left; margin:0 5px 0 5px;}
.box-footer-article .page-navigation a.back-page{ background-image:url(../images/btns/page-back.gif); width:20px; height:20px; float:left; margin:0 5px 0 5px;}
.box-footer-article .page-navigation a.forward-page{ background-image:url(../images/btns/page-forward.gif); width:20px; height:20px; float:left;margin:0 5px 0 5px; }
.box-footer-article .page-navigation a.last-page{ background-image:url(../images/btns/page-last.gif); width:24px; height:20px; float:left; margin:0 5px 0 5px;}
.box-footer-article .page-navigation span{ font-size:11px; float:left; margin-top:3px;}

/* generic styles */
div.tags-cloud, div.avatar-selection { text-align: center; margin-left: 6px; margin-right: 6px;}
div.game-play-box{ text-align: center; }
div.game-box-container { margin: 0 auto 0 auto; }
div.inform-msg { width: 907px; text-align: center; font-weight: bold; color: #dd5800; clear: both; margin: 12px 0 -9px 16px;}
div.admin-msg { font-weight: bold; color: #dd5800; clear: both; margin: 6px 0 6px 0;}
div.account-msg { font-weight: bold; color: #dd5800; clear: both; margin: 6px 0 6px 0;}
div.box-text{ margin-right: 6px; margin-left: 6px;}
div.box-text img.imgRight { float: right; clear: right; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; }
div.box-text img.imgLeft{ float: left; clear: left; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; }
div.box-text img.imgCenter{ margin-left: auto; margin-right: auto; display: block; margin-bottom: 10px; }
div.account-options{ margin-left:6px; }
div.account-options img.icon{ float: right; margin-left: 6px; }
div.account-options span{ color:#dd5800; }
div.listGameBox { width: 100%; clear: both; padding-top: 3px; padding-bottom: 3px; }
div.listGameBox:hover { background-color: #cccccc; }
div.listGameBox .score { float: right; font-size: 10pt; color: #ef9c00; }
div#game-info-box .score { float: right; color: #6f6f6f; margin: 0 0 0 20px;}
div#game-info-box .score #gameScore { font-weight: bold; font-size: 16px; color: #dd5900; }
div.pagination { padding-top: 10px; clear: both; display: block; text-align: center;}
div.pagination * { vertical-align: middle; }
div.share-links { margin: 6px 6px 0 0; }
.icon, .blog-icon { border:solid 1px #424242; }
.game-icon { width: 97px; height: 62px; }
.achievementicon { border:0; }
.forumicon { border:0; }
.forumaction { border:0; float: right; }
#statsBox { margin-top: 6px; }
#stats-box span.key{ color:#dd5800; }
#stats-box span.data{margin-right: 9px;}
#faveBar { float: right; width: 100px; text-align: right; margin: -30px 0 0 9px; }
.vote-buttons { clear: both; margin: 0 auto 0 auto; text-align: center;}

/* Hottest-games styles */
.hotTabNavigation{ background-color:#c2c2c2; float:left; width:517px; height:20px; margin:0; border-bottom:solid 5px #349be1; clear: both;}
a.hotTabsSelected, a.hotTabs { color:#323232; margin:0; float:left; padding:3px 8px 3px 8px; border-left:solid 1px #b3b3b3; border-right:solid 1px #d5d5d5;	font-size:11px;}
a.hotTabs:hover{ background-color:#999999;}
a.hotTabsSelected, a.hotTabsSelected:hover{ background-color:#349be1; color:#ffffff;}
div.hot-games-cover { clear: both; height: 550px; margin-top: 20px;}
div.new-games-cover { clear: both; height: 283px; margin-top: 20px;}

/* Comments styles */
#comments{ background-color:#ebebeb; border:solid 1px #c0c0c0; width:905px; margin: 9px 0 0 16px; }
#comments .header{ background-image:url(../images/titles/comments-header.gif); float:left; width:108px; height:30px; margin:-2px 0 0 9px;}
#comments .comment-count{ font-size:12px; color:#505050; font-weight:bold; margin:12px 0 0 24px; }
#comments .individual-comment{ margin:20px 0 0 24px; width:860px;}
#comments .individual-comment .member-name{ border-bottom: solid 1px #cbcbcb; padding-bottom:6px; }
#comments .individual-comment .member-name a{ font-size:12px; font-weight:bold; color:#dd5800;  float:left; margin-left:1px; }
#comments .individual-comment .comment-text{ font-size:12px; font-weight:100; color:#3e3e3e; margin:12px 0 6px 0; border-bottom: solid 1px #cbcbcb; padding-bottom:12px;} 
#comments .individual-comment .comment-details{}
#comments .leave-comment{ margin:35px 0 0 24px; width:860px;}
#comments .leave-comment .leave-comment-header{ font-size:12px; color:#505050; font-weight:bold; border-bottom: solid 1px #cbcbcb; padding-bottom:6px;}
#comments .leave-comment form{ margin:14px 0 0 0;}
#comments .leave-comment form input, #comments .leave-comment form textarea { margin:3px 0 8px 0;}
#comments .leave-comment form span{ font-size:12px; font-weight:bold; color:#0066ff;}
#comments .leave-comment form inout.btn{ float:right;}

table.display-table { width: 100%; text-align: left; border-collapse: collapse;}
table.display-table tr td { padding: 0; border: none; }
table.display-table tr.unread { font-weight: bold; }
tr.odd { background-color: #cccccc; }

a.avatar-choice img.icon { margin-left: 6px; margin-right: 6px; margin-top: 6px; margin-bottom: 6px; }
a.avatar-choice img.icon:hover { border: 1px solid #6f6f6f; }

a.add-friend-icon { background-image: url(../images/icons/add_friend_small.gif); padding: 0 17px 0 0; position: relative; top: 0px; left: 0px; z-index: 2; }