/*
*	DEFAULTS
*/

* { margin: 0; padding: 0; }
body { padding-bottom: 40px; background: #3198df url("../graphics/bg.gif") repeat-x; font: 100%/1.125em Verdana, sans-serif; }
input, button, textarea, select { font: 1em Verdana, sans-serif; padding: 0px; margin: 0px;}
input, button, select { vertical-align: middle; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; }
a { color: #ff6600; }
a img { border: 0; }
a:hover { text-decoration: underline; }
/*table { border-collapse: collapse; width: 100%; } */
hr { display: none; }

.checkboxlog {
    clear:both;
    padding:1px 0;
}
.check {
    width:auto!important;
    display:inline!important;
}

/*
*	HEADER
*/

#header { position: relative; font-size: .75em; padding: 17px 0; width: 940px; margin: 0 auto; }
#header #logo { position: absolute; left: 25px; top: 44px; }
#header div.banplace { margin-left: 206px; width: 728px; height: 90px; background: #005fa1; border: 1px solid #2074ae; }

/*
*	PAGE
*/

#page { font-size: .75em; margin: 0 auto; width: 940px; background: #5ab2f0 url("../graphics/page-bg.gif") repeat-y; }
#page-content { background: url("../graphics/page-top.gif") no-repeat; }

/*
*	MENU
*/

#menu { margin: 0px 9px; padding: 0 0 0 196px; width: 922px; wid\th: 726px; float: left; background: url("../graphics/main-top.gif") bottom left no-repeat; }
* html #menu { float: none; height: 1%; padding-bottom: 2px; }
#menu ul { padding-top: 7px; }
#menu li { float: left; display: inline; white-space: nowrap; }
#menu li a { float: left; color: #ffffff; font: bold 1.2em/28px Arial, sans-serif; text-decoration: none; text-transform: lowercase; }
#menu li.active a,
#menu li a:hover { background: #ffffff url("../graphics/menu-right.gif") right top no-repeat; }
#menu li a span { padding: 2px 9px 7px 9px; float: left; cursor: pointer; }
#menu li.active a span,
#menu li a:hover span { color: #003366; background: url("../graphics/menu-left.gif") no-repeat; }

/*
*	MAIN
*/

#main { color: #333333; overflow: hidden; padding: 8px 12px 12px 12px; margin: 0 9px; color: #333333; clear: both; background: #ffffff url("../graphics/main-bottom.gif") bottom left no-repeat; }
* html #main { height: 1%; }

#content h1,
#content h2,
#content h3 { font: 1em Arial, sans-serif; }
#content p { margin-bottom: 15px; }

/*
*	CONTENT
*/

#content { width: 704px; float: right; }
#content h1,
#content h2 { color: #000000; font-size: 1.5em; padding-bottom: 7px; margin-bottom: 15px; background: url("../graphics/underline.gif") bottom left repeat-x; }
#content h2 { margin-top: 30px; }
#content h1 { font-size: 2em; font-weight: bold; }
#content h1.alt { font-size: 1.5em; font-weight: normal; }

	/* nav */
	
#content ul.nav { font-size: .9em; margin-bottom: 15px; overflow: hidden; padding: 8px 15px; background: #f3f3f3; }
* html #content ul.nav { height: 1%; }
#content ul.nav li { float: left; padding-right: 3px; }
#content ul.nav li a { float: left; color: #003399; text-decoration: none; line-height: 1.1em; border: 1px solid #dddddd; background: #ffffff; padding: 3px 6px; }
#content ul.nav li a:hover { color: #ffffff; background: #3198df; border: 1px solid #034893; }
#content ul.nav li.current a:hover,
#content ul.nav li.current a { background: none; border: none; color: #000000; font-weight: bold; }

#content ul.nav li.prev a { background: #ffffff url("../graphics/nav-arrows-left.gif") 5px 6px no-repeat; padding-left: 15px; }
#content ul.nav li.prev a:hover { background: #ffffff url("../graphics/nav-arrows-left.gif") 5px center no-repeat; background-color: #3198df; }
#content ul.nav li.next a { background: #ffffff url("../graphics/nav-arrows-right.gif") 90% 6px no-repeat; padding-right: 15px; }
#content ul.nav li.next a:hover { background: #ffffff url("../graphics/nav-arrows-right.gif") 90% center no-repeat; background-color: #3198df; }

	/* games */
	
#content div.games { overflow: hidden; margin-bottom: 10px; }
* html #content div.games { height: 1%; }
#content div.games dl { font-size: .8em; line-height: 1.2em; float: left; width: 216px; border: 1px solid #e5e5e5; padding: 5px; }
#content div.games dl:hover { background: #fff6d8; border: 1px solid #f1e6c0; }
#content div.games dl.middle { margin: 0 10px; display: inline; }

#content div.games dl dt,
#content div.games dl dd { float: right; width: 140px; }
#content div.games dl dt a { text-decoration: none; font: bold 1.4em Arial, sans-serif; }
#content div.games dl dd.thumbnail { float: left; width: 70px;}
#content div.games dl dd.thumbnail img { margin-top: 3px; display: block; border: 1px solid #666666; }
#content div.games dl dd.thumbnail2 { float: left; width: 48px; }
#content div.games dl dd.thumbnail2 img { margin-top: 3px; display: block; border: 1px solid #666666; }
#content div.games dl dd.desc { margin-bottom: 2px; }

	/* profilegames */
	
#content div.profilegames { overflow: hidden; margin-bottom: 10px; }
* html #content div.profilegames { height: 1%; }
#content div.profilegames dl { font-size: .8em; line-height: 1.2em; float: left; width: 206px; border: 1px solid #e5e5e5; padding: 5px; }
#content div.profilegames dl:hover { background: #fff6d8; border: 1px solid #f1e6c0; }
#content div.profilegames dl.middle { margin: 0 10px; display: inline; }

#content div.profilegames dl dt,
#content div.profilegames dl dd { float: right; width: 130px; }
#content div.profilegames dl dt a { text-decoration: none; font: bold 1.4em Arial, sans-serif; }
#content div.profilegames dl dd.thumbnail { float: left; width: 70px; }
#content div.profilegames dl dd.thumbnail img { margin-top: 3px; display: block; border: 1px solid #666666; }
#content div.profilegames dl dd.thumbnail2 { float: left; width: 48px; }
#content div.profilegames dl dd.thumbnail2 img { margin-top: 3px; display: block; border: 1px solid #666666; }
#content div.profilegames dl dd.desc { margin-bottom: 2px; }

	/* friends */
	
#content div.friends { overflow: hidden; margin-bottom: 10px; }
* html #content div.friends { height: 1%; }
#content div.friends dl { text-decoration: none; text-align: center; line-height: 1.2em; float: left; width: 206px; border: 1px solid #e5e5e5; padding: 5px; }
#content div.friends dl a { text-decoration: none; font: bold 1em Arial, sans-serif; }
#content div.friends dl:hover { background: #fff6d8; border: 1px solid #f1e6c0; }
#content div.friends dl.middle { margin: 0 10px; display: inline; }

	/* drawings */
	
#content div.drawings { overflow: hidden; margin-bottom: 10px; }
* html #content div.drawings { height: 1%; }
#content div.drawings dl { font-size: .8em; line-height: 1.2em; float: left; width: 326px; border: 1px solid #e5e5e5; padding: 5px; }
#content div.drawings dl:hover { background: #fff6d8; border: 1px solid #f1e6c0; }
#content div.drawings dl.first { margin: 0 0 0 10px; display: inline; }

#content div.drawings dl dt,
#content div.drawings dl dd { float: right; width: 180px; }
#content div.drawings dl dt a { text-decoration: none; font: bold 1.4em Arial, sans-serif; }
#content div.drawings dl dd.thumbnail { float: left; width: 140px;}
#content div.drawings dl dd.thumbnail img { margin-top: 3px; display: block; border: 1px solid #666666; }
#content div.drawings dl dd.desc { margin-bottom: 2px; }

	/* wall */
	
#content td.wall2 { color: #804000; }

	/* games-meta */
	
#content ul.games-meta { overflow: hidden; }
* html #content ul.games-meta { height: 1%; }
#content ul.games-meta li { float: left; padding-right: 10px; }
#content ul.games-meta li a { float: left; color: #006699; font-size: .9em; padding-left: 15px; background: url("../graphics/games-meta-icons.gif") left top no-repeat; }

#content ul.games-meta li.more a { background-position: 0 -27px; }
#content ul.games-meta li.subscribe a { background-position: 0 4px; }

	/* breadcrumb */
	
#content ul.breadcrumb { overflow: hidden; margin-bottom: 15px; }
* html #content ul.breadcrumb { height: 1%; }
#content ul.breadcrumb li { float: left; padding: 0 10px; background: url("../graphics/arrows.gif") left -88px no-repeat; }
#content ul.breadcrumb li a { float: left; font-size: .9em; color: #336699; }

	/* game */
	
#content div.game { text-align: center; margin-bottom: 15px; }

	/* game info */
	
#content div.game-info { overflow: hidden; width: 696px; margin: 0 auto 15px auto; }
* html #content div.game-info { height: 1%; }
#content div.game-info div.box { font-size: .9em; padding: 15px 15px 0 15px; border: 1px solid #cccccc; width: 304px; }
#content div.game-info div.box-left { float: left; }
#content div.game-info div.box-right { float: right; }

#content div.game-info div.box h2 { margin: 0; font-weight: bold; font-size: 1.3em; padding: 0; background: none; }
#content div.game-info div.box a { color: #336699; }
#content div.game-info div.box img { display: block; margin: 0 auto 15px auto; }
#content div.game-info div.box label { font-weight: bold; font-size: .9em; }
#content div.game-info div.box textarea { padding: 2px; width: 300px; height: 50px; margin-bottom: 15px; }
#content div.game-info div.box ul { color: #999999; margin-bottom: 15px; }
#content div.game-info div.box ul li { padding-left: 10px; background: url("../graphics/arrows.gif") left -88px no-repeat; }

	/* game tabs */
	
#content div.gametabs { padding: 0; background: none; }

#content div.gametabs ul.tabs { overflow: hidden; background: url("../graphics/tabs-bottom.gif") left bottom repeat-x; }
* html #content div.gametabs ul.tabs { height: 1%; }
#content div.gametabs ul.tabs li { padding-right: 2px; float: left; }
#content div.gametabs ul.tabs li.last { padding-right: 0; }
#content div.gametabs ul.tabs li a { float: left; text-decoration: none; color: #003366; font: bold 1.2em/20px Arial, sans-serif; background: #f5e6b3 url("../graphics/tabs-right3.gif") top right no-repeat; }
#content div.gametabs ul.tabs li a.active,
#content div.gametabs ul.tabs li a:hover { background-color: #fff6d8; color: #ff6600; }
#content div.gametabs ul.tabs li a span { cursor: pointer; text-align: center; float: left; padding-right: 6px; padding-left: 6px; background: url("../graphics/tabs-left.gif") no-repeat; }
#content div.gametabs ul.tabs li.latest a span { width: 56px; }
#content div.gametabs ul.tabs li.top a span { width: 42px; }
#content div.gametabs ul.tabs li.popular a span { width: 68px; }

#content div.gametabs div.gtabs-content { border: 1px solid #dfdfdf; border-top: none; padding: 10px; background: #ffffff; }

/*
*	SIDEBAR
*/

#sidebar { width: 170px; float: left; }

	/* forms */
	
#sidebar form fieldset { overflow: hidden; }
* html #sidebar form fieldset { height: 1%; }
#sidebar form input,
#sidebar form select { font-size: 1.1em; color: #666666; width: 140px; margin-bottom: 5px; display: block; padding: 2px; }
#sidebar form button { height: 16px; float: left; text-indent: -1000em; cursor: pointer; border: none; margin-bottom: 2px; }

	/* box */
	
#sidebar div.box { padding: 10px; margin-bottom: 10px; background: #fff6d8; font-size: .8em; line-height: 1.4em; }
#sidebar div.box h2 { font-size: 1.4em; font-weight: bold; margin-bottom: 5px; }
#sidebar div.box .social { margin:5px 0 }
	/* box tabs */
	
#sidebar div.box-tabs { padding: 0; background: none; }

#sidebar div.box-tabs ul.tabs { overflow: hidden; background: url("../graphics/tabs-bottom.gif") left bottom repeat-x; }
* html #sidebar div.box-tabs ul.tabs { height: 1%; }
#sidebar div.box-tabs ul.tabs li { padding-right: 2px; float: left; }
#sidebar div.box-tabs ul.tabs li.last { padding-right: 0; }
#sidebar div.box-tabs ul.tabs li a { float: left; text-decoration: none; color: #003366; font: bold 1.2em/26px Arial, sans-serif; background: #f5e6b3 url("../graphics/tabs-right3.gif") top right no-repeat; }
#sidebar div.box-tabs ul.tabs li a.active,
#sidebar div.box-tabs ul.tabs li a:hover { background-color: #fff6d8; color: #ff6600; }
#sidebar div.box-tabs ul.tabs li a span { cursor: pointer; text-align: center; float: left; background: url("../graphics/tabs-left.gif") no-repeat; }
#sidebar div.box-tabs ul.tabs li.latest a span { width: 56px; }
#sidebar div.box-tabs ul.tabs li.top a span { width: 42px; }
#sidebar div.box-tabs ul.tabs li.popular a span { width: 68px; }

#sidebar div.box-tabs ul.tabs-content { border: 1px solid #dfdfdf; border-top: none; padding: 10px; background: #fff6d8; }
#sidebar div.box-tabs ul.tabs-content li { padding-left: 12px; background: url("../graphics/arrows.gif") left -90px no-repeat; }
#sidebar div.box-tabs ul.tabs-content li a { font-weight: bold; color: #336699; text-decoration: none; }

#sidebar div.box-tabs #top,
#sidebar div.box-tabs #popular { display: none; }

	/* box login */
	
#sidebar div.box-login { background: #b6d5ec; }
#sidebar div.box-login h2 { color: #333366; }
#sidebar div.box-login form button { width: 38px; background: #000033 url("../graphics/login.gif") no-repeat; }
#sidebar div.box-login a { color: #003366; font-weight: bold; text-decoration: none; }
#sidebar div.box-login ul li { padding-left: 12px; background: url("../graphics/arrows.gif") left 5px no-repeat; }

	/* box pages */
	
#sidebar div.box-pages { background: #caebf4; }
#sidebar div.box-pages a { color: #003366; font-weight: bold; text-decoration: none; }
#sidebar div.box-pages ul li { padding-left: 12px; background: url("../graphics/arrows.gif") left 5px no-repeat; }

	/* box search */
	
#sidebar div.box-search { background: #bdecb6; }
#sidebar div.box-search h2 { color: #666666; }
#sidebar div.box-search form button { width: 48px; background: #49a93a url("../graphics/search.gif") no-repeat; }

	/* box submit */
	
#sidebar div.box-submit { background: #f2f1bb; color: #663300; }
#sidebar div.box-submit a { color: #663300; }

	/* box link */
	
#sidebar div.box-link { background: #fae8c8; color: #663300; }
#sidebar div.box-link a { color: #663300; }

	/* box add games */
	
#sidebar div.box-add-games { background: #ffdbc5; color: #663300; }
#sidebar div.box-add-games a { color: #663300; }

	/* box add game room */
	
#sidebar div.box-add-game-room { background: #fbdae2; color: #663300; }
#sidebar div.box-add-game-room a { color: #663300; }

#sidebar div.skyad { text-align: center; }

/*
*	FOOTER
*/

#footer { font-size: .8em; padding: 10px 0 14px 0; color: #ffffff; text-align: center; background: url("../graphics/page-bottom.gif") bottom left no-repeat; }
#footer a { color: #ffffff; }


/* AJAX PAGINATION CSS */

.pagination{
padding: 2px;
margin: 1em 0;
clear: both;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: right; /*Set to "left" or "right" to left/right align pagination interface*/
font-size: 100%;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

*:first-child+html .pagination li a{ /*IE7 only CSS hack*/
margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE7 */
}

* html .pagination li a{ /*IE6 and below CSS hack*/
margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE6 and below browsers*/
}

.pagination a, .pagination a:visited, .pagination a:active{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
margin-right:3px;
}

.pagination a:hover{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{ /*Style for currently selected page link*/
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disabled, .pagination a.disabled:hover{ /*Style for "disabled" previous or next link*/
background-color: white;
cursor: default;
color: #929292;
border-color: transparent;
}

.pagination a.current { font-weight:bold }

.pagination a.prevnext{ /*Style for previous and next link*/
font-weight: bold;
}

/* AJAX PAGINATION CSS */

.clearfix:after {
	content: ".";
	visibility: hidden;
	clear: both;
	display: block;
	height: 0;
}

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

#commentslist { clear:both; }
#commentslist ul { list-style:none }
#commentslist ul li.comment { padding:10px 0;border-bottom:1px solid #ccc; overflow:hidden }
#commentslist ul li .ranking { float:right; }
#commentslist ul li .ranking a.up { border:1px solid #e5e5e5; display:block; width:24px; height:24px; background:#f3ffe5 url('../images/thumbs_up.png') no-repeat 6px 4px; }
#commentslist ul li .ranking a.up:hover { background-color:#d5ecb9 }
#commentslist ul li .ranking a.down { border:1px solid #e5e5e5; border-top:none; display:block; width:24px; height:24px; background:#ffe5e5 url('../images/thumbs_down.png') no-repeat 6px 4px; }
#commentslist ul li .ranking a.down:hover { background-color:#f8c2c2 }
#commentslist ul li .ranking span { display:none }
#commentslist ul li .user { float:left; margin-right:10px; }
#commentslist ul li .wrap { margin-left:70px; margin-right:30px; }
#commentslist ul li .comment-content { word-wrap: break-word; }
#commentslist ul li .foot { margin-top:10px; font-size:11px; color:#777 }
#commentslist ul li .foot .flag { padding-left:15px; background:url('../images/report_small.png') no-repeat; }
#commentslist ul li .comments_score { font:bold 12px Arial; letter-spacing:-1px; display:block; width:24px; height:24px; text-align:center; color:#ccc; float:right; }
#commentslist ul li .foot .delete { padding-left:15px; background:url('../images/cross.png') no-repeat; }
#commentslist ul li .deleted { font-size:11px; color:#ccc }

#profile { background:#f3faff; border:1px solid #d3ecff; padding:10px; font-size:11px ;}
#profile .avatar { float:left; margin-right:10px;}
#profile .avatar img { border:4px solid #cddfed; padding:1px; background:#fff; }
#profile .wrap { margin-left:50px; overflow:hidden }
#profile .profile-info  p { border-bottom:1px solid #d3ecff; margin:0; padding:5px 0; }
#profile .profile-info .friend { padding-left:25px; background:url('../images/users.png') no-repeat 3px 5px; font-size:11px; font-weight:bold;  border:none; }
h1.usertag_title a { text-decoration:none }
h1.usertag_title a:hover { color:#36a2f7 }

.box ul.lastplayed { list-style:none }
.box ul.lastplayed li { margin-bottom:3px; padding-bottom:3px; }
.box ul.lastplayed li .time { font-size:9px; color:#c3b69b;  }
.box ul.lastplayed li .played { font-size:9px; color:#e7b09f }
.box ul.lastplayed li a { font-weight:bold; display:block; margin-bottom:2px; font-size:10px }

.gamestream { list-style:none }
.gamestream li { padding:3px 0 3px 30px; margin-bottom:5px; background:url('../images/joystick.png') no-repeat 4px 5px; }
.gamestream li .foot { display:block; font-size:11px; color:#aaa; }

/* rating */
.star-rating { position: relative; width: 175px; height: 35px; background: url('../images/stars.png') top left; list-style:none }
.star-rating .CurrentRating { height: 100%; display:block; background: url('../images/stars.png') center left; text-indent: -2000px; }
.star-rating .CurrentRating span { display:none }
.star-rating:hover .CurrentRating { display: none; width: 100%; }
.star-rating li { display:inline }
.star-rating li a { display: inline-block; *display: inline; /* ie hack */ width: 20%; height: 100%; position: absolute; left: 0; top: 0; background: no-repeat 100% 50%; text-indent: -2000px; overflow: hidden; z-index: 5; outline: none; }
.star-rating li a:hover, .star-rating li a:focus { background:url('../images/stars.png') bottom left }
.star-rating .s2 { width: 40%; z-index: 4; }
.star-rating .s3 { width: 60%; z-index: 3; }
.star-rating .s4 { width: 80%; z-index: 2; }
.star-rating .s5 { width: 100%; z-index: 1; }

.ratingstat { font-size:11px; color:#ccc; }

/* ranking */
ol.rankings { list-style:none; width:300px; }
ol.rankings li { overflow:hidden; padding:3px; }
ol.rankings li.alt { background:#e6f5ff; }
ol.rankings li .points { float:right; font:bold 14px Arial; color:#334048; letter-spacing:-1px;padding:12px;}
ol.rankings li .av {  margin-right:5px; }
ol.rankings li img { vertical-align:middle }
ol.rankings li .no { color:#333; font:bold 15px Arial; margin:0 10px }

.totalfav { font:normal 10px Verdana; text-transform:uppercase; padding:5px 7px; background:#eaf1ff; color:#659eb6; float:right; }
.totalfav .totalcount { font:bold 11px Verdana; }
#twitterbox { background:#ddf7ff !important; padding:15px 10px !important;  }
#twitterbox a { padding:10px 5px 10px 40px; background:url('../images/twitter_32.png') no-repeat 0 4px; color:#81baca; font-size:16px; font-weight:bold; text-decoration:none; letter-spacing:-1px }

.news { padding:10px; border:1px solid #e2f1ff; background:#f3f9ff; margin-bottom:10px; }
.news h3 a { font:bold 14px Arial; color:#ff6b43 }
.news p.date { color:#658fb6; font:normal 10px Verdana; margin:5px 0; }
p.more { margin-top:10px; font-size:11px; padding-left: 15px; background: url("../graphics/games-meta-icons.gif") 0 -27px no-repeat; }