/* @override 
	http://beta.funderoo.com/_css/screen.css
	http://local.funderoo.com/_css/screen.css
	http://localhost/_css/screen.css
*/

/* @group Basic */

body { background: #0e243f url("../_img/bg_sky.gif") repeat-x top center; background-color: #1e3957; font-family: verdana, sans-serif; font-size: 70%; color: white; margin: 0; }

a { color: white; outline: none;}
a:hover { color: #ffb21e; }
a img { border: none; }
ul { margin: 0; padding: 0; list-style: none; }
p { margin: 0 0 1em; }
em{ color: #fdad21; font-style: normal; }

h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1em; }

#side h2 { font-size: 1.3em; }
#side h3 { font-size: 1.2em; }

.clear { clear: both; }
.hide { display: none !important; }

/* @end */

/* @group Shell */

#header .wrapper, #menu .wrapper, #content .wrapper { width: 950px; margin: 0 auto; position: relative; } /* set width */

#header .wrapper { background: transparent; min-height: 130px; position: relative; }
#header h1 { position: absolute; top: 0px; left: -110px; margin: 0; background: url("../_img/g_logo.gif"); width: 431px; height: 122px; }
#header h1 a { display: block; position: absolute; top: 40px; left: 110px; width: 255px; height: 75px; text-indent: -9999em; overflow: hidden;}

#header #user-panel { position: absolute; bottom: 7px; right: -30px; width: 490px; height: 48px; background: url("../_img/g_pibooheader.gif") no-repeat 0 4px; padding: 53px 0 0 20px; color: #284362; }
#header .logged-out h4 { position: absolute; top: 16px; left: 20px; width: 259px; height: 26px; background: url("../_img/h_meanwhile.gif") no-repeat; text-indent: -9999em; overflow: hidden; margin: 0; }
#header .logged-out p { margin: 4px 0 0 3px; font-weight: bold; font-size: 1.1em; float: left; }
#header .logged-out #login-button { display: block; width: 74px; height: 25px; background: url("../_img/b_login.gif") no-repeat; float: left; text-indent: -9999em; overflow: hidden; margin: 0px 3px 0 5px; }
#header .logged-out #signup-button { display: block; width: 74px; height: 25px; background: url("../_img/b_register.gif") no-repeat; float: left; text-indent: -9999em; overflow: hidden; margin: 0px 0 0 5px; }


#header .logged-in { padding-top: 42px !important; height: 59px !important; }
#header .logged-in img { float: left; margin-right: 5px; border: 3px solid #555; }
#header .logged-in h3 { margin: 0 0 4px; }
#header .logged-in h3 a { }
#header .logged-in a { color: #0e243f; }
#header .logged-in .logout { font-size: .9em; }
#header .logged-in #h-stats { float: right; margin: 5px 115px 0 0; border: 0px solid red;  }
#header .logged-in #h-stats strong { font-weight: normal; font-size: .85em !important; }
#header .logged-in #h-stats li { float: left; border: 0px solid red; margin-right: 10px; }

#header #banner-ad { width: 468px; height: 60px; position: absolute; top: 10px; right: 0; background: white; }

#menu { background: url("../_img/bg_menu.gif") no-repeat center; background-color: #284362; height: 33px; margin: 0 0 0px 0; position: relative; z-index: 100; }
#menu #wrapper { position: relative; }
#menu ul { padding: 0; margin: 1px 0 0; float: left; background: url("../_img/nav.gif") no-repeat; }
#menu li { float: left; margin: 0 10px 0 0; padding: 0; position: relative; }
#menu li a { display: block; text-indent: -9999em; height: 44px; }
#menu li a:hover { background-image: url("../_img/nav.gif"); background-repeat: no-repeat; }
#menu li a.selected { background-image: url("../_img/nav.gif"); background-repeat: no-repeat; }

#menu li.item-1 { width: 78px; border: 0px solid red; }
#menu li.item-1 a:hover { background-position: 0 -46px; }
#menu li.item-1 a.selected { background-position: 0 -91px; }

#menu li.item-2 { width: 91px; border: 0px solid red; }
#menu li.item-2 a:hover { background-position: -88px -46px; }
#menu li.item-2 a.selected { background-position: -88px -91px; }

#menu li.item-3 { width: 93px; border: 0px solid red; }
#menu li.item-3 a:hover { background-position: -189px -46px; }
#menu li.item-3 a.selected { background-position: -189px -91px; }

#menu li.item-4 { width: 119px; border: 0px solid red; }
#menu li.item-4 a:hover { background-position: -292px -46px; }
#menu li.item-4 a.selected { background-position: -292px -91px; }

#menu li.item-5 { width: 93px; border: 0px solid red; }
#menu li.item-5 a:hover { background-position: -421px -46px; }
#menu li.item-5 a.selected { background-position: -421px -91px; }

#menu .search { position: absolute; right: 0; height: 27px; margin: 0px 0 0; padding: 3px 0 0 11px;  }
.search form { padding: 0; margin: 0; }
.search label { float: left; font-weight: bold; margin-right: 10px; height: 27px; line-height: 27px;}
.search .s_wrap { background: url("../_img/bg_search_small.gif") no-repeat left center; padding: 0px 0 0px 11px; height: 27px; float: left; }
.search .textbox { width: 149px; height: 20px; margin: 3px 10px 0 0; background: white; border: none !important;}
.search .button { vertical-align: top; margin-top: 3px; float: left; }

#cat_nav { position: absolute; top: 2px; left: 0; background: url("../_img/g_subnav.gif") no-repeat left top; height: 36px; z-index: 1; width: 950px; }
#cat_nav ul { padding: 5px 0 0 5px; }
#cat_nav li { float: left; margin: 0 0px 0px 0px; padding: 6px 15px 6px 10px; background: url("../_img/g_catdiv_1.gif") no-repeat right 5px;}
#cat_nav li a { font-weight: bold; text-decoration: none; font-size: 1em;}
#cat_nav li.active { background: #ffb21e; }
#cat_nav li.active a { color: #1e3957; }

#content { margin-top: 0px; padding: 0px 0 40px; background: url("../_img/bg_content.gif") repeat-x top left; background-color: #0e243f;  min-height: 400px; }
#content .wrapper { position: relative; padding-top: 70px !important; }
#content #main { float:left; width: 587px; position: relative; margin-bottom: 20px; }

#content .box { padding: 18px 20px; background-color: #18304c; margin-bottom: 20px; }
#content #main.box { padding: 0 !important; }
#content #side.box { width: 293px !important; }

#content #side { float: right; width: 333px; }
#content #side h1 { margin: 0; }

#footer { background: #1e3957; padding: 20px 0 30px; }
#footer .wrapper { background: url("../_img/g_footdiv.gif") repeat-y 150px 20px;   }
#footer .wrapper { width: 950px; margin: 0 auto; } /* special rule for ie7 in which there is no position:relative - odd bug on allgames page */
#footer #foot-wrap { background: url("../_img/g_footdiv.gif") repeat-y 532px 20px;  }
#footer h1 { margin: 0; }

#footer #company { width: 160px; float: left; zoom:1;}
#footer #company h1 { background: url("../_img/g_footerlogo.gif") no-repeat; width: 121px; height: 40px; }
#footer #company h1 a { display: block; height: 40px; text-indent: -9999em; overflow: hidden; }
#footer #company ul { margin: 0 0 0; padding: 10px 0 0 8px; }
#footer #company ul li { float: left; clear: left; background: #132d4b; margin: 0 0 6px 0; }
#footer #company ul li a { display: block; padding: 3px 5px; font-weight: bold; text-decoration: none;  }

#footer #top { width: 340px; float: left; padding: 0px 0 0 17px; zoom:1;}
#footer #top h1 { margin: 0; background: url("../_img/h_topgames.gif") no-repeat; width: 136px; height: 19px; text-indent: -9999em; overflow: hidden; }

#footer #top ul { margin: 10px 0 0 4px; }
#footer #top ul li { margin: 0 10px 5px 0; float: left; width: 146px; padding: 5px; background: #132d4b; border-bottom: 0px dotted #435d7b }
#footer #top ul li img { vertical-align: top; margin: 0 5px 0 0; }
#footer #top ul li a { font-weight: bold; text-decoration: none; font-size: .9em; font-weight: normal; line-height: 25px; }

#footer #finder { float: right; width: 390px; margin: 0px 0 0; zoom:1;}
#footer #finder h1 { margin: 0 0 10px; background: url("../_img/h_findmoregames.gif"); width: 215px; height: 20px; text-indent: -9999em; overflow: hidden; }

#footer #finder .search { margin: 0px 10px 0 0; padding: 0; width: 220px; float: right; }
#footer #finder .search label { line-height: 1em; height: auto; }

#footer #finder #quickjump { width: 160px; float: right; }
#footer #finder #quickjump select { width: 160px; }

#footer #finder #foot-tags { margin: 20px 0 0 0; }
#footer #finder #foot-tags h3 { font-size: 1.1em; margin: 0 0 5px; }
#footer #finder #foot-tags  li { display: inline; margin-right: 10px;  }
#footer #finder #foot-tags  li a { text-decoration: none; color: #6699aa;  }
#footer #finder #foot-tags  li a:hover { text-decoration: underline; color: #fff; }

/* @end */

/* @group General Elements */

/* @group Headers */

h1.adventure { background: url("../_img/h_adventuregames.gif") no-repeat; width: 231px; height: 20px; text-indent: -9999em; overflow: hidden; }
h1.action { background: url("../_img/h_actiongames.gif") no-repeat; width: 231px; height: 20px; text-indent: -9999em; overflow: hidden; }
h1.classics { background: url("../_img/h_classicgames.gif") no-repeat; width: 231px; height: 20px; text-indent: -9999em; overflow: hidden; }
h1.fighting { background: url("../_img/h_fightinggames.gif") no-repeat; width: 231px; height: 20px; text-indent: -9999em; overflow: hidden; }
h1.puzzle { background: url("../_img/h_puzzlegames.gif") no-repeat; width: 311px; height: 20px; text-indent: -9999em; overflow: hidden; }
h1.racing { background: url("../_img/h_racinggames.gif") no-repeat; width: 231px; height: 20px; text-indent: -9999em; overflow: hidden; }
h1.shooting { background: url("../_img/h_shootinggames.gif") no-repeat; width: 231px; height: 20px; text-indent: -9999em; overflow: hidden; }
h1.sports { background: url("../_img/h_sportsgames.gif") no-repeat; width: 231px; height: 20px; text-indent: -9999em; overflow: hidden; }

/* @end */

/* @group Login Window */

/* pop-up login panel */
#login-panel { display: none; position: fixed;
	margin-left: -375px;
    width: 700px;
    top: 17%;
    left: 50%;
    text-align:left; padding: 20px; border: 3px solid #48607c; z-index: 100;
    background: #162d49;
}


#login-panel #login-form { float: left; width: 330px; margin-right: 40px; }
#login-panel #login-form h1 { margin: 0 0 20px; }
#login-panel #login-form .textbox { width: 200px; }
#login-panel #login-form #remember { margin: 10px 0 0 116px; width: 200px;}

#login-panel #login-register { float: left; width: 288px; background: url("../_img/g_footdiv.gif") repeat-y left top; padding: 0 0 0 40px; }
#login-panel #login-register h1 { background: url("../_img/h_joinnow.gif") no-repeat; width: 152px; height: 37px; text-indent: -9999em; overflow: hidden; margin: 0 0 0; }
#login-panel #login-register p { margin-top: 10px; font-weight: bold; }
#login-panel #login-register ul { margin: 10px 0px 20px; }
#login-panel #login-register li { background: url("../_img/g_starbullet.gif") no-repeat left 2px; padding-left: 15px; margin: 0 0 3px; }
#login-panel #login-register a { display: block; background: url("../_img/b_registernow.gif") no-repeat; width: 103px; height: 25px; text-indent: -9999em; overflow: hidden; }


/* @end */

/* @group Forms */


.warning, .error, .success { font-weight: bold; padding: .4em 1em; margin: 1em 0 2em; border-width: 1px; border-style: solid;  }

.warning { border-color: #5b560d; background: #fffddc; color: #5b560d; }
.error { border-color: #bb3333; background: #ffbbbb; color: #aa3333;  }


form { margin: 0; }
label { font-weight: bold; }
form ol { margin: 0; padding: 0; list-style: none; }
form ol li { margin: 0 0 12px; padding: 0 0 12px; width: auto; background: url("../_img/bg_border_dark.gif") repeat-x bottom; clear: both; }
form ol li label { display: block; float: left; text-align: left; width: 120px; margin-right: 10px;}
form ol li .textbox { width: 300px; display: block; float: left; margin: 0px 0 5px; padding: 2px; }
form ol li .field1 { float: left; width: 49%; }
form ol li .field2 { float: left; width: 49%; }
form ol li.submit { padding-left: 130px; background: none; }
form ol li.submit input { vertical-align: middle; margin-right: 10px; }
form ol li.submit a { background: #2e4967; font-weight: bold; text-decoration: none; border-right: 2px solid #0e1937; border-bottom: 2px solid #0e1937; padding: 3px 3px 4px; }
form ol li.submit a:hover { background: #4e6987; color: #fff; }
form ol li.loading {  }
form ol li p.note { margin-left: 130px; margin-top: 5px; }






/* @end */

/* @group Game List */

table.game_list {  margin: 0; padding: 0; border-collapse: collapse; }
table.game_list td { width: 104px; padding: 0 15px 15px 0; list-style: none; text-align: center; font-size: .90em; position: relative; vertical-align: top; }

table.game_list td a { text-decoration: none; }
table.game_list td a:hover { color: #fd9c1e; border-color: #fd9c1e; }
table.game_list td .title { display: block; border: 0px solid #333; padding: 3px; overflow: hidden;  }
table.game_list td p { display: none; }
table.game_list .ratings { width: 55px; margin: 0 auto; }

.game_list a.img { display: block; width: 100px; height: 100px; border: 4px solid #284362; position: relative; }
.game_list a.img:hover { border-color: #fe9d1f; }
.game_list .lb_enabled a.img span { background: url("../_img/icon_trophy.png") no-repeat; display: block; width: 22px; height: 22px; position: absolute; left: -6px; bottom: -5px; }

/* @end */

/* @group Star Rating */

.ratings { height: 10px; }
.ratings .star { background: url(../_img/star.gif) no-repeat 0 0px; float: left; width: 10px; height: 10px; margin: 0 1px 0 0; position: relative; }
.ratings .star a { display: block; width: 5px; height: 10px; float: left; background }
.ratings .star .active { width: 10px; height: 10px; background: url(../_img/star.gif) no-repeat 0 -20px; }
.ratings .star a.left.selected { background: url(../_img/star.gif) no-repeat 0px -10px; }
.ratings .star a.right.selected { background: url(../_img/star.gif) no-repeat -5px -10px; }


/* @end */

/* @group Lightbox */

/* jdModal windows */

.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.close { position: absolute; top: 10px; right: 15px; font-weight: bold; }



/* lightbox */
#lightbox { position: absolute; top:50%; left:50%; z-index:9999; width:500px; height:400px; margin:-220px 0 0 -250px; text-align:left; padding: 20px; background: #162d49; border: 3px solid #48607c; }
#lightbox[id]{ position:fixed; }
#lightbox h1 { margin: 0 0 10px; }

#overlay{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:5000; background-color:#000; -moz-opacity: 0.6; opacity:.60; filter: alpha(opacity=60); }
#overlay[id]{ position:fixed; }

#lightbox.done #lbLoadMessage{ display:none; }
#lightbox.done #lbContent{ display:block !important; }
#lightbox.loading #lbContent{ display:none; }
#lightbox.loading #lbLoadMessage{ display:block; }

#lightbox.done img{ /* width:100%; height:100%; */ }

#lightbox .close { position: absolute; top: 5px; right: 5px; font-weight: bold; }

/* @end */

/* @group Tooltip */


#tooltip{ position:absolute; border:1px solid #333; background:#f7f5d1; padding:2px 5px; color:#333; display:none; }

/* @end */


/* Tags */
#tag-link { display: block; background: url("../_img/b_tags.gif"); text-indent: -9999em; overflow: hidden; width: 69px; height: 26px; margin-right: 389px; }

/* Featured Game */
#side #featured h1 { font-size: 1.2em; margin: 0 0 5px; }
#side #featured #first-featured { margin: 0 0 15px; padding: 0 0 0px; }
#side #featured #first-featured img {  }
#side #featured #first-featured .ratings { float: right; width: 60px; text-align: right; }
#side #featured #first-featured h4 { margin: 0 0 10px; width: 160px; float: left; color: white; font-weight: bold; font-size: .9em; }
#side #featured #first-featured p { line-height: 1.2em; font-size: .9em; }
#featured #feat-link { display: block; height: 227px; border: 1px solid #fd9c1e; margin: 0 0 8px; position: relative; }
#featured #feat-link img { display: block; position: absolute; top: 0; left: 0; }
#featured .ratings img { border: none !important;  }
#featured ul { margin: 0; padding: 0; list-style: none; }
#featured ul li { padding: 1px 0 0 1px; margin: 0 9px 0 0; float: left; list-style: none; position: relative; }
#featured ul li.selected { padding-top: 4px; padding-left: 0; top: -4px; background: url("../_img/g_uparrow.gif") no-repeat top center; }
#featured ul li.selected img { border: 2px solid #fd9c1e !important; }
#featured ul li img { border: 1px solid #385372; }
#featured #feat-desc { height: 3em; }

#my { position: relative; margin: -10px -10px 20px -10px; background: url("../_img/bg_mymenu.gif") no-repeat left center; height: 34px; }
#my h4 { float: left; line-height: 34px; margin: 0 15px 0 25px; padding-right: 15px; background: url("../_img/g_bluedivider.gif") no-repeat right center; }
#my li { display: inline; line-height: 34px; }
#my li a { padding-right: 14px; margin-right: 15px; background: url("../_img/g_downarrow_blue.gif") no-repeat right 6px; font-weight: bold; }

#my-favorites-panel, #my-recent-panel, #my-bests-panel { position: absolute; top: 32px; left: 65px; background: #2c4867; border: 1px solid #3a5574; padding: 15px;  z-index: 10; }


#my-recent-panel { left: 156px; }
#my-bests-panel { left: 290px; padding-top: 5px; }

#my-favorites-panel ul, #my-recent-panel ul { list-style: none; margin: 0; padding: 0; }
#my-favorites-panel li, #my-recent-panel li { position: relative; width: 150px; float: left; margin: 0 5px 5px 0; padding: 0; list-style: none; }
#my-favorites-panel li a, #my-recent-panel li a { }
#my-favorites-panel li a.img, #my-recent-panel li a.img { float: left; display: block; width: 50px; height: 50px; margin: 0 10px 0 0; }
#my-favorites-panel li img, #my-recent-panel li img { border: 1px solid #385372; }
#my-favorites-panel li a:hover img, #my-recent-panel li a:hover img { border-color: #fd9c1e !important; }
#my-favorites-panel li a.title, #my-recent-panel li a.title { font-weight: bold; font-size: .9em; }


#my-bests-panel { padding: 5px; }
#my-bests-panel table { width: 500px; font-size: .85em; border-collapse: collapse;}
#my-bests-panel table th { text-align: left; background: #1c3857; padding-top: 8px !important; padding-bottom: 8px !important; }
#my-bests-panel table th, #my-bests-panel table td { padding: 3px 15px; } 
#my-bests-panel table td a { font-weight: bold; text-decoration: none; line-height: 20px; }
#my-bests-panel table td img { margin-right: 3px; vertical-align: middle; }



.pager { margin: 20px 0 0; padding: 0px 0 0; }
.pager h4 { margin: 0 10px 0px 0; float: left; line-height: 20px; }
.pager li { display: block; float: left; background: url(../_img/bg_pagebutton.gif); width: 20px; height: 22px; padding: 0px 0px 0 3px; font-weight: bold; border: 0px solid white; margin: 0 2px 0 0; text-align: center; }
.pager a { display: block; font-weight: bold; text-decoration: none; height: 20px; line-height: 20px; font-size: .85em; }
.pager li.current { line-height: 20px; font-size: .85em; color: #1c3857; background: url(../_img/bg_pagebutton1.gif); }

.loading img { margin-right: 10px; }

#register-ad { position: relative; margin-top: 35px; background: #162d49 url("/_img/bg_undies.gif") no-repeat right bottom !important; }
#register-ad h1 { background: url("../_img/h_joinnow.gif") no-repeat; width: 152px; height: 37px; text-indent: -9999em; overflow: hidden; position: absolute; top: -12px; left: -10px;  }
#register-ad p { margin-top: 10px; font-weight: bold; }
#register-ad ul { margin: 10px 0px 20px; }
#register-ad li { background: url("../_img/g_starbullet.gif") no-repeat left 2px; padding-left: 15px; margin: 0 0 3px; }
#register-ad a { display: block; background: url("../_img/b_registernow.gif") no-repeat; width: 103px; height: 25px; text-indent: -9999em; overflow: hidden; }

a.rss-button { background: url("../_img/b_rss.gif") no-repeat left center; padding: 7px 22px; font-weight: bold; text-decoration: none; margin-left: 8px; }


#sendtofriend-panel { display: none; position: fixed;
	margin-left: -300px;
    width: 600px;
    top: 17%;
    left: 50%;
    text-align:left; padding: 20px; background: #162d49; border: 3px solid #48607c; z-index: 100;
}

/* @end */

/* @group Page - Home */

#home #content .wrapper { padding-top: 50px !important; }

#home #latest { background: url("../_img/g_hotbackground.jpg") no-repeat; padding: 20px; position: relative; z-index: 10; margin: 0 0 5px; }
#home #latest h1.title { position: absolute; top: -30px; right: -20px; background: url("../_img/h_latestgames.png") no-repeat; width: 245px; height: 74px; text-indent: -9999em; overflow: hidden; margin: 0;}

#home #latest #first { width: 290px; float: left; margin-right: 20px; }
#home #latest #first h1 { font-size: 1.2em; margin: 0 0 5px; white-space: nowrap; overflow: hidden; width: 300px; }
#home #latest #first #feat-link { display: block; width: 290px; height: 227px; border: 1px solid #fd9c1e; margin: 0 0 8px; position: relative; }
#home #latest #first #feat-link img { display: block; position: absolute; top: 0; left: 0; }
#home #latest #first #feat-title { float: left; font-size: 1.2em; margin: 0px 0 7px; color: #fdad21; }
#home #latest #first .ratings { float: right; margin-left: 8px; margin-top: 3px; }
#home #latest #first #feat-desc { clear: left; }

#home #latest .game_list { margin-top: 20px; }
#home #latest .game_list td { width: 290px; margin: 0 0px 0px 0; padding: 0 10px 15px 0; text-align: left; font-size: 1em; }
#home #latest .game_list td a.img { float: left; margin-right: 15px ; width: 100px; height: 100px; border-width: 0px; }
#home #latest .game_list td a.title { font-weight: bold; text-decoration: none; font-size: 1.2em; margin: 0 0 5px; display: block; padding: 0; }
#home #latest .game_list td .ratings { margin: 0 0 8px; width: auto; }
#home #latest .game_list td p { display: block; font-size: .9em; line-height: 1.4em; margin: 0; }
#home #latest #more_latest { display: block; width: 176px; height: 27px; background: url("../_img/b_viewall.gif"); position: absolute; bottom: 8px; right: 20px; text-indent: -9999em; overflow: hidden; }

#home .leaderboard { text-align: center; width: 900px; margin-bottom: 40px; }

#home #hot { padding: 20px; background: url("../_img/bg_622_back.gif") repeat-y; position: relative; }
#home #hot .top { position: absolute; top: 0; left: -1px; background: url("../_img/bg_622_top.gif") no-repeat; height: 10px; width: 622px; }
#home #hot .bottom { position: absolute; bottom: -10px; left: -1px; background: url("../_img/bg_622_bottom.gif") no-repeat; height: 10px; width: 622px; }
#home #hot h1 { position: absolute; top: -40px; left: -20px; background: url("../_img/h_whatshot.png") no-repeat; width: 224px; height: 51px; text-indent: -9999em; overflow: hidden; z-index: 100; }

#home #hot .game_list { margin: 0px 0 0 0px;  background: url("../_img/bg_border_light.gif") repeat-x left bottom}
#home #hot .game_list td { width: 110px; margin-right: 20px; margin-bottom: 40px; height: 110px;  }
#home #hot .game_list td a.img { width: 85px; height: 85px; }
#home #hot .game_list .ratings { margin: 0 auto; width: 55px; }
#home #hot #more_hot { display: block; width: 169px; height: 27px; background: url("../_img/b_seehot.gif"); position: absolute; top: -10px; right: 49px; text-indent: -9999em; overflow: hidden; }

#home #main { float: left; width: 640px; }
#home #side { float: left; width: 310px; }


#home #funderoo { position: relative; top: -10px; padding: 0 0 10px; background: url("../_img/bg_border_light.gif") repeat-x left bottom}
#home #funderoo li { margin: 0 0 10px 0px; }

#home #scores { position: relative; padding: 50px 15px 20px; margin: 40px 0 10px; background: url("../_img/g_chall_home.gif") no-repeat top left; }
#home #scores h1 { position: absolute; top: -25px; left: -13px; background: url("../_img/h_challenge.png") no-repeat; width: 300px; height: 71px; text-indent: -9999em; overflow: hidden; z-index: 100;}
#home #scores h3 { margin: 0 0 5px; }
#home #scores #recent_scores { margin-bottom: 0px;}
#home #scores table { width: 100%; }
#home #scores thead th,
#home #scores thead td { text-align: left; background-color: #203a58;  color: #b8c8da; }
#home #scores th,
#home #scores td { padding: 2px 5px 2px 10px; font-size: .9em; }
#home #scores tbody td { padding-bottom: 5px; }
#home #scores .game_list { margin-top: 10px; }
#home #scores .game_list a.img { width: 25px; height: 25px; float: left; margin-right: 10px; }
#home #scores .game_list .game { float: left; margin-bottom: 9px; width: 140px; }
#home #scores .game_list .game .title { font-weight: bold; text-decoration: none; font-size: .9em; }
#home #scores .game_list .game .ratings { margin-top: 3px; }
#home #scores .game_list .lb_enabled span { display: none; }


#home #groups { padding: 10px 15px 20px; margin: 20px 0 10px; background: url("../_img/g_chall_home.gif") no-repeat top left;  }
#home #groups ul li { border-top: 0px solid #3e6987; border-bottom: 0px solid #3e6987; background: #1e3957; float: none; margin-bottom: 3px; }
#home #groups ul li a { font-weight: bold; text-decoration: none; display: block; padding: 7px 10px; }



#home #delivered { position: relative; width: 290px; padding: 20px; margin: 40px 0 0; background: url("../_img/g_deliveredbg.gif") no-repeat top left; }
#home #delivered h1 { position: absolute; top: -60px; left: 4px; width: 328px; height: 80px; background: url("../_img/h_fundelivered.png") no-repeat; text-indent: -9999em; overflow: hidden; z-index: 100; }
#home #delivered form { margin: 0; padding: 5px 0 0; }
#home #delivered form label { font-weight: bold; }
#home #delivered form .textbox { margin: 7px 0 10px; vertical-align: top; }
#home #delivered form .default { color: #999 !important; }
#home #delivered form .button { margin-top: 6px; }
#home #delivered { margin-bottom: 10px; }

#home .ad-block { width: 300px; height: 250px; margin-left: 3px; border: 3px solid #284362 }


/* @end */

/* @group Page - Game */

#game #my {  }

#game #content .wrapper { padding-top: 50px !important; }
#game #banner { text-align: center; background: url("../_img/bg_border_light.gif") repeat-x left bottom; padding-bottom: 15px; }
#game #main { text-align: left; float: left; width: 630px; margin-top: 15px; }
#game #side { margin-top: 10px; }

#game .full { text-align: center !important; float: none !important; width: auto !important; }
#game #side { position: relative; float: right; width: 300px; margin-left: 20px; padding-top: 0.65em; display: inline; }
#game #side .box { width: auto !important; }
#game #ad-block { margin: 0 0 30px; }

#game #main #game-swf { margin: 0 0 15px; }

#game #game-options {  padding: 0 0 20px;  }
#game #game-options #sendtofriend-link { display: block; float: left; background: url("../_img/b_sharewithfriend.gif") no-repeat; width: 143px; height: 21px; text-indent: -9999em; overflow: hidden; margin-right: 10px; }
#game #game-options #favorite-add { display: block; float: left; background: url("../_img/b_addfavs.gif") no-repeat; width: 100px; height: 21px; text-indent: -9999em; overflow: hidden; }
#game #game-options #favorite-remove { display: block; float: left; background: url("../_img/b_deletefavs.gif") no-repeat; width: 120px; height: 21px; text-indent: -9999em; overflow: hidden; }

#game #game-options #score-link { float: left; display: block; background: url("../_img/b_score.gif") no-repeat; width: 80px; height: 21px; text-indent: -9999em; overflow: hidden; margin: 0 0 10px 0px; margin-left: 10px; }
#game #game-options #score-form { margin: 0px;  border: 1px solid #2e445f; padding: 15px; background: #0a203b ; }
#game #game-options #score-form li { background: none; margin: 0; clear: none; }
#game #game-options #score-form label { float: none; font-weight: bold; font-size: .9em; }
#game #game-options #score-form #score { float: left; margin: 0; width: 100px; }
#game #game-options #score-form #score input { width: 90px; }
#game #game-options #score-form #level { float: left; width: 80px; }
#game #game-options #score-form #level input { width: 60px; }
#game #game-options #score-form .submit { float: left; padding: .9em 0 0; margin: 0; font-weight: bold; }
#game #game-options #score-form #score-save { margin-right: 5px; }
#game #game-options #score-form #score-cancel { margin-left: 5px; }

#game #game-options #rate { float: left; margin: 4px 0 0 10px; width: 160px; text-align: right; }
#game #game-options #rate strong { margin-right: 5px; float: left; }
#game #game-options #rate .star { margin-top: 2px; margin-left: 2px; }

#game #game-options #share_buttons { float: left; margin-left: 10px; margin-top: 2px; }

#side #hide-panel, #show-panel { position: absolute; top: 10px; right: 5px; color: #ffb21e; text-decoration: none; font-size: .85em; font-weight: bold; padding: .3em; }

#game #side h1 { margin: 0 0 5px; font-size: 1.5em; color: #ffbe41; }
#game #side #popularity { margin: 0 0 15px; }
#game #side #popularity #plays { float: left; margin-right: 10px; border-right: 1px solid #ccc; padding-right: 10px;}
#game #side #popularity #rating { float: left; }
#game #side #popularity strong { color: white; font-weight: bold; }
#game #side #popularity #rating strong { float: left; margin-right: 5px; }
#game #side #popularity #rating .ratings { float: left; width: 60px; padding-top: 2px; }

#game #side #category { margin: 0 0 3px; }
#game #side #tags { margin: 0 0 15px; }
#game #side #tags #tag_list { margin-bottom: 10px; display: inline; }
#game #side #tags #tag_list li { display: inline; margin-right: 5px; }
#game #side #tags #add-tag-link { margin-left: 10px; }
#game #side #tags #add-tag { margin: 10px 0 15px; }
#game #side #tags #add-tag #tag { width: 125px; }
#game #side #tags #add-tag input { margin: 0 5px 0 0;  }

#game #side #boards { background: url("../_img/bg_border_light.gif") repeat-x left top; padding: 10px 0; }
#game #side #boards h3 { margin: 0 0 5px; background: url("../_img/icon_trophy.png") no-repeat left 3px; padding-left: 30px; line-height: 25px;}
#game #side #boards #board_list_select { float: right; }
#game #side #boards #my_score { text-align: center; margin: 0 0 10px; background-color: #27415f; padding: 5px 0 10px; clear: right; }
#game #side #boards #my_score h4 { font-size: 2.5em; margin: 3px 0; color: #ffbe41; }
#game #side #boards #my_score strong {  }

#game #side #boards table { width: 100%; }
#game #side #boards thead th,
#game #side #boards thead td { text-align: left; background-color: #203a58;  color: #b8c8da; }
#game #side #boards th,
#game #side #boards td { padding: 2px 5px 2px 10px; }
#game #side #boards tbody td { border-bottom: 1px solid #203a58; padding-bottom: 5px; }

#game #side #score_sign { background: #203a58; text-align: center; padding: 10px; margin: 0 0 10px; }
#game #side #score_sign h2 { margin: 0 0 10px; }
#game #side #score_sign a { display: block; background: url("../_img/b_registernow.gif") no-repeat; width: 100px; height: 25px; text-indent: -9999em; overflow: hidden; margin: 0 auto; }

#game #side #options { margin: 5px 0 0px; }

#game #side #meta { background: url("../_img/bg_border_light.gif") repeat-x; padding: 10px 0 0 0; margin: 10px 0 0 0; }
#game #side #meta p { padding: 0 0 0 0; line-height:1.5em; margin: 0 0 .8em 0; }
#game #side #meta .description { padding: 0.6em 0 0; }

#game #side #meta #instructions strong { color: #ffbe41; }
#game #side #meta #keys { margin: 0 0 10px; background: url("../_img/bg_border_light.gif") repeat-x left bottom; padding: 0px 0 18px 0; }
#game #side #meta #keys strong { color: #ffbe41; }
	 
#game #side #meta dl{ margin:0 0; border-bottom:1px solid #333333; padding:0.5em 0 0.6em 0; }
#game #side #meta dt { display:inline; margin:0; padding:0; color:#AAA; }
#game #side #meta dd{ display:inline; margin:0; padding:0; }
#game #side #meta dd a{ color:#808080; }
#game #side #meta dd a:hover{ color:#FFF; }
#game #side #meta dd .post-ratings { display: inline; }

#game #main #more { background: url("../_img/bg_border_dark.gif") repeat-x left top; padding-top: 5px; padding-bottom: 15px;}
#game #main #more h1 { margin-top: 0px; }
#game #main #more h2 { color: #ffbe41; font-size: 1.3em; margin: 0 0 7px 0; }
#game #main #more ul {  margin: 0px 0 0 0; padding: 0; list-style: none; }
#game #main #more li { float: left; margin: 0 13px 5px 0px; padding: 0; list-style: none; text-align: center; font-size: .95em;	}
#game #main #more li a { text-decoration: none; }
#game #main #more li { position: relative; }
#game #main #more li a.img { width: 65px; height: 65px; }

#game #side #random { padding: 15px 0 0; }
#game #side #random a { display: block; width: 122px; height: 21px; background: url("../_img/b_random.gif") no-repeat; text-indent: -9999em; overflow: hidden; }

#game #side #similar { list-style: none; margin: 10px 0 0; padding: 0; background: url("../_img/bg_border_light.gif") repeat-x left bottom; }
#game #side #similar li {  
	position: relative;
	float: left; 
	width: 54px; 
	height: 50px;
	margin: 0 5px 10px 0;
	padding: 0 0 10px;	
	list-style: none;
	
}


#game ul.game-list li a:hover { border-color: #f9ca0d; }


#game #comments { background: url("../_img/bg_border_dark.gif") repeat-x left top; padding-top: 5px; }
#game #comments h1 { margin: 0; }
#game #comments ol { list-style-type:none; margin: 0em 0; padding: 0 0 0 20px; }
#game #comments ol li { list-style-type:none; margin: 2em 0; }

#game .comment { border-bottom: 1px dotted #4e6987; margin: 0; padding: 0 0 0px; }
#game .comment-image { float:left; width: 50px; margin: 0 15px 10px 0; padding: 0 25px 0 0; border-right: 1px dotted #4e6987; }
#game .comment-image img { border: 3px solid #4e6987; padding: 2px; }
#game .comment-meta { margin: 0 0 10px 0; }
#game .comment-meta .author { font-weight: bold; color: white; font-size: 1.2em; }

#comments .comment-content { padding: 0 0 10px; margin-left: 91px; }


#comment-form { margin:20px 0 20px ; width:36em; }
#comment-form input.textfield { width: 15em; margin:5px 0;  }
#comment-form textarea.commentbox { width: 600px; height: 80px; padding:0.25em; margin:5px 0; font-size:1.25em; font-family:Arial, Helvetica, sans-serif; border: 3px solid #4e6987; background: #17314e; color: #fff; }
#comment-form label { font-weight: bold; }
#comment-form .formactions input.submit{ float:right; margin:-1em 0 0 0; padding:0 0.5em; }
#comment-form .formactions .spinner{ float:right; margin:-8px -20px 0 0; }

#game .inactive label.formhead { color: #94a7b7; }
#game .inactive textarea { background: #17314e; border-color: #394c62; }
#game .inactive input { opacity: .4; }

#comments cite{ float:left; width:31%; font-style:normal; text-align:right; }
* html #comments cite{ width:30.6%; }

#comments cite span { display:block; }
#comments cite .author { font-size:1.2em; }
#comments cite .author a { text-decoration:none; }
#comments cite .admin-tools { margin:5px 0; }
#comments cite .admin-tools a { float:right; margin:0 5px; padding:0px 3px 3px; background:#666; border:1px solid #999; text-decoration:none; }
#primary .secondary .admin-tools { margin:1em 0; }
#preview{ margin:1em 0; padding:0.5em; border:1px solid #333; }
#preview p{ margin:1em 0 0 0; }
#errors{ color:#FF0000; font-weight:bold; }
#comments .pingback cite .author{ display:block; padding-top:68px; background:url(images/trackback_pingback.gif) 100% 0 no-repeat; }






/* @end */

/* @group Page - Category */

#category #banner.ad-block { text-align: center; margin: 0 0 10px; }

#category #content #main { float:left; width: 613px; }
#category #content #main .ratings { width: 55px; margin: 0 auto; }

/*
#category #main .top { position: absolute; top: 0; left: -1px; background: url("../_img/bg_622_top.gif") no-repeat; height: 10px; width: 622px; }
#category #main .bottom { position: absolute; bottom: -10px; left: -1px; background: url("../_img/bg_622_bottom.gif") no-repeat; height: 10px; width: 622px; }
*/

#category #main #sort { position: absolute; right: 25px; top: 20px; }
#category #main #sort li { float: left; margin: 0 5px 0 0; }
#category #main #sort li a { font-weight: bold; text-decoration: none; border-right: 1px solid #55a; padding-right: 5px; }
#category #main #sort li.last a { border: none; }
#category #main #sort li.active a { color: #ffb21e; }

#category #tag-link { float: right; }
#category #tags { margin: 0 0 10px; padding: 10px 10px; width: 560px; background-color: #18304c; }

#category #side #featured { margin: 10px 0 20px; }

#category #side #first { background: url("../_img/bg_border_light.gif") repeat-x left bottom; padding-bottom: 0px; margin-bottom: 0px; }
#category #side #first p { padding: 0 0 20px; margin: 0; }
#category #side #first h1 em { color: #fdad21; }
#category #side #first #feat-link { border: 2px solid #fd9c1e; }

#category #side #groups { margin: 5px 0 10px;  }
#category #side #groups h2 { margin: 0 0 10px; font-size: 1.2em; }
#category #side #groups ul li { border-top: 0px solid #3e6987; border-bottom: 0px solid #3e6987; background: #1e3957; float: none; margin-bottom: 3px; }
#category #side #groups ul li a { font-weight: bold; text-decoration: none; display: block; padding: 7px 10px; }

#category #side .ad-block {  text-align: left; }



/* @end */

/* @group Page - Login */

#login #page-title { margin: 0 0 10px 0; background: url("../_img/h_login.gif"); height: 20px; width: 70px; text-indent: -9999em; overflow: hidden; }
#login form { background: url("../_img/bg_border_dark.gif") repeat-x; padding-top: 15px; }
#login #remember { clear: left; margin-left: 116px; margin-top: 6px; width: auto; }
#login #side h2 { margin-bottom: 3px; }
#login #side #register { display: block; text-indent: -9999em; overflow: hidden; background: url("../_img/b_register2.gif") no-repeat; height: 32px; margin-top: 10px; }

/* @end */

/* @group Page - Register */

#register #main { width: 600px; }
#register #registerform { margin: 20px 0; }
#register #side h2 { margin: 0 0 10px; }
#register #side ul { margin: 10px 0; }
#register #side li { background: url("../_img/g_starbullet.gif") no-repeat left 2px; padding-left: 15px; margin: 0 0 3px;  }
#register #username { font-size: 1.2em; width: 300px; }

/* @end */

/* @group Page - Tag */


#tag #main { width: auto; float: none; }

/* @end */

/* @group Page - Search */

#search-page #search-form .textbox { width: 300px; vertical-align: bottom; }
#search-page #search-form label { font-weight: bold; }
#search-page #search-form .button { margin-top: 5px;}
#search-page #search-form p { margin-top: 5px; }

#search-page #results { margin: 20px 0; }
#search-page #results li { margin: 0 0 15px; padding: 0 0 10px; background: url("../_img/bg_border_dark.gif") repeat-x left bottom; }
#search-page #results li .img { float: left; margin: 0 10px 0 0; }
#search-page #results li img { border: 2px solid #385372; }
#search-page #results li a:hover img { border-color: #fd9c1e; }
#search-page #results li a.title { display: block; font-weight: bold; font-size: 1.2em; margin: 0 0 5px; }

/* @end */

/* @group Page - Missing */

#missing #side { width: 293px; }


/* @end */

/* @group Page - Profile */

/* @group #profile.edit */

#profile.edit #newsletter { padding-left: 117px; }
#profile.edit #newsletter label { width: auto; float: none; }
#profile.edit #newsletter p { margin: 3px 0 8px 2em; }

/* @end */


#profile #edit-links { float: right; position: absolute; right: 0; top: 0; }
#profile #edit-links #edit-profile-link { display: block; float: left; width: 49px; height: 21px; background: url("../_img/b_edit.gif") no-repeat; text-indent: -9999em; overflow: hidden; }
#profile #edit-links #change-pass-link { display: block; float: left; width: 119px; height: 21px; background: url("../_img/b_changepass.gif") no-repeat; text-indent: -9999em; overflow: hidden; margin-left: 5px; }
#profile #edit-links a { color: #666;  }
#profile #edit-links a:hover { color: white; }
#profile #change-pass { margin: 0 0 10px; border-bottom: 1px solid #777; padding-bottom: 10px;}
#profile #change-pass input { margin: 0 0 5px; }
#profile #change-pass input.save { display: block; float: left; margin: 0 5px 0 0; }

#profile #edit-profile { margin: 0 0 10px; border-bottom: 1px solid #777; padding-bottom: 10px; }
#profile #edit-profile h1 { margin: 0 0 20px; }

#profile #edit-profile form span { display: none; }

#profile #edit-profile #avatar label { margin: 10px 10px 0 0; }
#profile #edit-profile #avatar img { margin-right: 20px; }
#profile #edit-profile #username {  }
#profile #edit-profile #username input { font-size: 1.6em; }

#profile #profile-image { width: 75px; float: left; }
#profile #profile-image img { border: 1px solid #555; padding: 2px; }

#profile #profile-info { width: 510px; float: left; }
#profile #profile-info #page-title { margin: 0 0 10px 0; font-size: 1.7em; }
#profile #profile-info #member-since, #profile #profile-info #location { margin: 0 0 5px; }
#profile #profile-info .description { margin: 13px 0 20px; }
#profile #profile-info .description h4 { margin: 0 0 0 ; color: white; }
#profile #profile-info .description p {  }

#profile #profile-info #favorites { margin: 40px 0 0px; }
#profile #profile-info #favorites h1 { background: url("../_img/h_favoritegames.gif") no-repeat; width: 203px; height: 20px; text-indent: -9999em; overflow: hidden; }
#profile #profile-info #favorites ul{ list-style: none; margin: 10px 0 0; padding: 0; }
#profile #profile-info #favorites li { position: relative; float: left; width: 50px; height: 50px; list-style: none; margin: 0 5px 5px 0; padding: 0; }
#profile #profile-info #favorites li a {  }
#profile #profile-info #favorites li .title { 
	 border: 1px solid #f9ca0d;
	 background-color: #a98a00;
	 text-align: center;
	 padding: 3px;
	 color: black;
	 position: absolute;
	 top: 0px;
	 left: -15px;
	 font-size: .9em;
	 white-space: nowrap;
	 width: 75px;
	 z-index: 100;
}

#profile #side #stats { list-style: none; height: 5em; }
#profile #side #stats li { float: left; line-height: 2em; list-style: none; margin: 0;  }
#profile #side #stats li strong { margin: 0; padding: 0; font-size: .9em; font-weight: normal; }
#profile #side #stats li h3 {  font-size: 1.8em; margin: 0; text-align: left; }
#profile #side #stats li#played, #profile #side #stats li#comments { margin-right: 30px; }

#profile #side #most-played { margin: 20px 0 20px; }
#profile #side #recent h2 { background: url("../_img/h_recentplayed.gif") no-repeat; width: 216px; height: 21px; text-indent: -9999em; overflow: hidden; }

#profile #side #best {  }
#profile #side #best h2 { background: url("../_img/h_personalbest.gif") no-repeat; width: 192px; height: 21px; text-indent: -9999em; overflow: hidden; }
#profile #side #best table { width: 100%; border-collapse: collapse; }
#profile #side #best table td a { font-weight: bold; text-decoration: none; }
#profile #side #best table td { border-bottom: 1px solid #38506c; padding: 5px 3px; }

/* @end */

/* @group Page - Member */

#member #side { float: left;  width: 305px; }
#member #main { width: 600px; }

#member #side .box { width: 265px !important; padding-top: 10px; }
#member #side h1 { margin: 0 0 2px; color: #fdad21; }
#member #side #avatar { margin: 0 0 5px; }
#member #side #avatar img { border: 1px solid #486382; padding: 5px; background: #284362; border-color: #4e6987; }
#member #side h2 { font-size: 1.1em; margin: 0; color: #fdad21; }
#member #side #member { margin: 0 0 10px; }

#member #side a { background-color: #152f4d !important; }

#member #side #stats { padding: 10px 20px 8px; margin: -10px 0 10px; }
#member #side #stats ul { list-style: none; height: 5em; margin: 0; padding: 0; }
#member #side #stats li { float: left; line-height: 2em; list-style: none; margin: 0; padding: 0 0 8px; }
#member #side #stats li strong { margin: 0; padding: 0; font-size: .9em; font-weight: normal; color: #fdad21; font-weight: bold}
#member #side #stats li h3 {  font-size: 1.9em; margin: 0; text-align: left; color: ; }
#member #side #stats li#played, #member #side #stats li#comments { margin-right: 18px; border-right: 1px dotted #4e6987; padding-right: 18px;}

#member #side #bests table { width: 100%; }

#member #main { float: right; }

#member #main #favorites h1 { background: url("../_img/h_favoritegames.gif") no-repeat; width: 203px; height: 20px; text-indent: -9999em; overflow: hidden; }
#member #main #favorites .game-list li { float: left; }
#member #main #favorites .game-list li { margin-right: 10px; }

/* @end */

/* @group Page - SendFriend */

#sendfriend { position: relative; }
#sendfriend form { margin-top: 30px; }

#sendfriend form .textbox { width: 240px; float: none; display: inline;}

/* @end */

/* @group Page - AllGames */

#allgames {  }

#allgames .ad-block { margin: 0 0 20px; text-align: center; }

#allgames #alphabet { height: 2.5em; background: url("../_img/bg_border_light.gif") repeat-x left bottom; margin: 0 0 1em; }
#allgames #alphabet li { float: left; margin: 0 10px 0 0; }
#allgames #alphabet li a { display: block; height: 20px; line-height: 20px; text-align: center; text-decoration: none; font-weight: bold; font-size: 1.2em; padding: 0px 5px; }
#allgames #alphabet li.selected a { border: 1px solid #fd9c1e; background: #ffbe41; color: #162d49; }

#allgames .featured { background: url("../_img/bg_border_light.gif") repeat-x left bottom; padding-bottom: 20px; margin-bottom: 20px; }
#allgames .featured a.img { width: 75px; height:  75px; }
#allgames .featured td { width: 75px; }

#allgames #list li { float: left; width: 47%; margin-right: 25px; margin-bottom: 10px; }
#allgames #list li h2 { background: #162d49; padding: 2px 10px; }
#allgames #list li ul { margin-left: 10px; }
#allgames #list li ul li { margin: 0 0 2px; }
#allgames #list li ul li a {  }

#allgames #content { padding-bottom: 60px; }

/* @end */

/* @group Page - Hot */

#hot .ad-block { float: right; margin: 0 0 20px 20px ; }

#hot #main { width: 750px; float: left; }
#hot .category {  }
#hot .category h1 { margin: 10px 0 5px; font-size: 1.4em; } 
#hot .category .games { background: #162d49 url("../_img/bg_border_light.gif") repeat-x left top; padding: 20px 20px 20px; margin: 0 0 20px; }
#hot .category .games .ratings { margin: 0 auto; width: 55px; }

/* @end */

/* @group Page - Latest */

#latest #page-title { text-indent: -9999em; overflow: hidden; background: url("../_img/h_latestgames.gif") no-repeat; height: 20px; width: 185px; }
#latest .ad-block { float: right; margin: 0 0 30px 0; }

#latest #main { width: 600px; }
#latest #main .game-list {  }
#latest #main .pager { padding-top: 20px; }

/* @end */

/* @group Page - Newsletter */

/* @end */

/* @group Page - Community */

#community #main { width: 490px; }
#community #side { width: 400px; }

#community #content .wrapper { padding-top: 60px !important; }
#community #banner { text-align: center; margin: 0 0 3em; }
#community .ad-block { margin: 0 0 2em 0; }
 
#community #members { margin: 0 0 1em; }
#community #members h1 { margin: 0 0 .5em; padding: 0 0 1em 0; background: url("../_img/bg_border_light.gif") repeat-x left bottom; }
#community #members ul {  }
#community #members ul li { float: left; width: 160px; margin: 0 0 2em; }
#community #members ul li .avatar { margin: 0 0 .3em; }
#community #members ul li .avatar a.img { border: 4px solid #284362; display: block; width: 100px; height: 100px; padding: 1px; }
#community #members ul li .avatar a.img:hover { border-color: #fe9d1f; }
#community #members ul li h3 { margin: 0 0 .5em; }

#community #comments {  }
#community #comments h1 { margin: 0 0 .5em; padding: 0 0 1em 0; background: url("../_img/bg_border_light.gif") repeat-x left bottom; }
#community #comments li { margin: 0 0 1em; padding: 0 0 .5em 0; background: url("../_img/bg_border_light.gif") repeat-x left bottom; }
#community #comments li .thumb { float: left !important; width: 50px !important; margin: 0 20px 10px 0; }
#community #comments li .thumb a.img { border: 4px solid #284362; display: block; width: 50px; height: 50px; padding: 1px; }
#community #comments li .thumb a.img:hover { border-color: #fe9d1f; }
#community #comments li .thumb img { width: 50px; height: 50px; }
#community #comments li .comment { float: left; width: 300px; }
#community #comments li .comment h3 { margin: 0 0 .5em; }
#community #comments li .comment h3 a {  color: #ffb21e; text-decoration: none; font-size: .9em; }
#community #comments li .comment strong { font-size: .9em; }

#community #favs {  }
#community #favs h1 { margin: 0 0 .5em; padding: 0 0 1em 0; background: url("../_img/bg_border_light.gif") repeat-x left bottom; }
#community #favs li { float: left; margin: 0 20px 1em 0; padding: 0 0 .5em 0; width: 200px; }
#community #favs li .thumb { float: left !important; width: 50px !important; margin: 0 20px 10px 0; }
#community #favs li .thumb a.img { border: 4px solid #284362; display: block; width: 50px; height: 50px; padding: 1px; }
#community #favs li .thumb a.img:hover { border-color: #fe9d1f; }
#community #favs li .thumb img { width: 50px; height: 50px; }
#community #favs li h3 { font-size: 1.2em; margin: 0 0 .5em; }
#community #favs li h3 a {  color: #ffb21e; text-decoration: none; font-size: .9em; }

/* @end */



/* @group Page - Walkthroughs */

#tips #main h2 { margin: 1em 0 .5em; padding: .5em 0 1em 0; background: url("../_img/bg_border_light.gif") repeat-x left top; }

#tips #main p { font-size: 1.1em; font-weight: normal; line-height: 1.3em; margin-bottom: 1.5em; }

#tips #main ul li { margin-left: 2em; list-style-type: disc; }
#tips #side ul li { margin-bottom: 5px; }

/* @end */