/*

Theme Name: Game Club

Theme URI: http://www.wordpressthemesbook.com/game-club/

Description: Game Club Wordpress theme by WTB.

Author: WTB

Author URI: http://www.wordpressthemesbook.com

*/



/******* BODY ********/



body {

font-size: 13px; 

font-family: Tahoma, 'Lucida Grande', Verdana, Arial;

background: #172027 url(images/bg.gif) repeat;

color: #000000;

margin:0;

direction:ltr;

}



#main {

width:980px;

margin:0 auto;

}



a {

text-decoration:none;

color:#6ADE3B;

outline: none;

}



a:hover {

text-decoration:none;

}



img {

border:none;

text-decoration: none;

outline: none;

}



/******* HEADER ********/



#header {

height:121px;

overflow:hidden;

margin:0;

}



.logo {

width:521px;

float:left;

}



.topright {

width:271px;

float:left;

background:url(images/search.gif) no-repeat;

overflow:hidden;

height:122px;

}



.favor {

margin:7px 0px 0 40px;

padding:0;

text-align:left;

}



.favor ul {

margin:0;

padding:0;

}



.favor ul li {

margin:0;

padding:0 15px;

display:inline;

list-style:none;

border-left:1px solid #404c56;

}



.favor ul li.bordernone {

border-left:none;

}



.favor ul li a {

margin:0;

padding:0;

color:#ccc;

}



/******* CONTENT ********/



#contenttop {

height:43px;

background:url(images/contenttop.gif) no-repeat top center;

margin-top:0px;

color:#bdc4ce;

}



#contenttop h2, #contenttop h1 {

font-size:18px;

color:#bdc4ce;

font-weight:bold;

margin:0;

padding:12px 0 0 20px;

}



.breadcrump {

margin:0;

padding:10px 22px 0 0px;

}



.breadcrump a {

font-size:20px;

color:#bdc4ce;

font-weight:bold;

margin:0;

padding-left:5px;

font-family:Arial;

}



#contenttopbottom {

height:192px;

overflow:hidden;

background:#000000;

margin:0;

padding:0;

}



.playgame {

margin:0:

padding:10px 0 0 0;

overflow:hidden;

clear:both;

}



.gameleft {

float:left;

width:390px;

overflow:hidden;

margin:0;

padding:0;

}



.gamet {

float:left;

width:200px;

padding:10px 3px 10px 3px;

border:1px solid #c8c8c8;

text-align:center;

}



.gamet img {

margin:0 0 5px 0;

}



.gamet a, .gamet a:visited {

text-decoration:none;

}



.gameinfo {

width:170px;

float:left;

margin:5px 5px 0 0px;

overflow:hidden;

}



.gameinfo h3 {

margin:0 0 5px 0;

padding:4px;

font-size:16px;

font-family:arial;

background:#00000f;

color:#fff;

}



.gameinfo p {

margin:0 0 5px 0;

padding:0;

line-height:18px;

}



.playthegame {

margin:25px 0 20px 0;

float:left;

}



.gametbottom {

clear:both;

margin:10px 0 10px 0;

padding:0;

border:1px solid #c8c8c8;

}



.gameright {

float:left;

padding:2px;

width:336px;

}



#similargame {

clear:both;

margin:0;

overflow:hidden;

}



#similargame h3 {

margin:0;

padding:0;

font-size:16px;

}



.randgames {

clear:both;

overflow:hidden;

margin:10px 0 0 0;

}



.wtbgame2 {

padding:11px 0 0 0;

background:url(images/favgamebg2.gif) no-repeat;

overflow:hidden;

height:150px;

text-align:center;

font-weight:bold;

width:163px;

float:left;

margin:0 0px 10px 19px;

}



.wtbgame2:hover {

background:url(images/favgamebg2h.gif) no-repeat;

}



.wtbgame2 img {

margin:0 0 5px 0;

}



#similargame a {

color:#fff;

font-size:13px;

}



/******* FEATURED ********/



.favorites {

overflow:hidden;

height:192px;

margin:7px 35px 10px 0px;

padding:0px;

}



.stepcarousel{

position: relative; 

overflow: scroll;  

height: 189px; 

margin:0;

}



.stepcarousel .belt{

position: absolute;

left: 0;

top: 0;

}



.stepcarousel .panel{

float: left; 

overflow: hidden; 

margin: 0px 20px 0px 4px; 

width: 163px; 

}



.panelimage {

padding:11px 0 0 0;

background:url(images/favgamebg.gif) no-repeat;

overflow:hidden;

height:150px;

text-align:center;

font-weight:bold;

}



.panelimage:hover {

background:url(images/favgamebgh.gif) no-repeat;

}



.panelimage img {

margin:0 0 5px 0;

}



.panelimage:hover a {

color:#f3f3f4;

}



.inads {

margin:10px 0 0 0;

overflow:hidden;

}



/******* SIDEBAR LEFT ********/



.sidebar_left {

width:215px;

float:left;

overflow:hidden;

color:#f3f3f3;

padding:0 5px 0 0px;

}



.sidebar_left h3 {

margin:0;

padding:7px 40px 7px 0px;

background:url("images/cath3.gif") no-repeat right 0 transparent!important;

color:#6ADE4E;

font-size:14px;

font-weight:bold;

}



.sidebar_left ul {

margin:0;

padding:0;

}



.sidebar_left ul li {

margin:16px 16px 0 0px;

padding:0;

list-style:none;

background:#000000 url(images/catbottom.gif) no-repeat bottom right;

width:190px;

overflow:hidden;

}



.sidebar_left ul li ul {

margin:0 5px 8px 5px;

padding:0;

overflow:hidden;

}



.sidebar_left ul li ul li {

margin:0;

padding:8px 6px 8px 10px;

background:#141d24;

border-bottom:1px solid #000000;

}



.sidebar_left ul li ul li:hover {

background:#000000;

padding:8px 18px 8px 1px;

}



.sidebar_left ul li ul li a {

margin:0;

padding:0;

color:#6ADE4E;

font-size:13px;

font-weight:bold;

}





/******* POSTS ********/



#content {

overflow:hidden;

background:#f3f3f3;

padding-bottom:15px;

height:100%;

}



.postsbody {

width:746px;

float:left;

overflow:hidden;

padding:15px 0px 15px 10px;

}





.adsa {

background:#000000 url(images/postbottom.gif) no-repeat bottom center;

overflow:hidden;

padding:0 10px 8px 8px;

margin:0 0 15px 0;

}



.posttop {

height:8px;

margin:0;

padding:0;

background:url(images/posttop.gif) no-repeat;

}



.newgames {

overflow:hidden;

background:#000000 url(images/postbottom.gif) no-repeat bottom center;

padding:10px 0px 8px 18px;

margin:0 0 15px 0;

color:#f3f3f3;

}



.wtbgame {

padding:11px 0 0 0;

background:url(images/favgamebg.gif) no-repeat;

overflow:hidden;

height:150px;

text-align:center;

font-weight:bold;

width:163px;

float:left;

margin:0 19px 10px 0px;

}



.wtbgame:hover {

background:url(images/favgamebgh.gif) no-repeat;

}



.wtbgame img {

margin:0 0 5px 0;

}



.wtbgame:hover a {

color:#f3f3f4;

}



.posttop2 {

height:24px;

margin:0;

padding:0;

background:#000000 url(images/posttop.gif) no-repeat;

}



.posttop2 h2 {

margin:0;

padding:8px 0px 6px 15px;

font-size:16px;

font-weight:bold;

color:#bdc4ce;

}



.navigation {

margin:0px 0 0 0px;

clear:both;

font-weight:normal;

padding:10px 0 0 0;

color:#141d24;

}



.Nav {

margin:0 0 15px 0;

}



.Nav span {

background:#f3f3f3;

padding:3px 5px 3px 5px;

margin-right:5px;

border:1px solid #141d24;

}



.Nav span.on {

font-weight:bold;

padding:3px 5px 3px 5px;

margin-right:5px;

border:1px solid #141d24;

background:#141d24;

color:#f3f3f3;

}



.Nav a {

font-weight:bold;

padding:3px 5px 3px 5px;

margin-right:5px;

border:1px solid #141d24;

font-size:12px;

background:#f3f3f3;

}



.Nav a:hover {

background:#141d24;

color:#f3f3f3;

}



.gamecloud {

clear:both;

margin:0;

}



.gamecloud h3 {

margin:0 0 5px 0;

padding:0 0 3px 0;

font-size:16px;

color:#000000;

border-bottom:1px solid #dedede;

}



.tagcloud {

line-height:16px;

}



.tagcloud a {

padding:2px 3px 2px 3px;

}



.tagcloud a:hover {

background:#000000;

color:#f3f3f3;

}



.pages {

margin:0;

padding:0;

}



.pages h2 {

margin:0 0 10px 0;

padding:0;

font-size:18px;

}



.pages p {

line-height:18px;

}



.pages a {

color:#000000;

}



/******* FOOTER ********/



#footer {

background:#000000 url(images/contentbottom.gif) no-repeat bottom center;

clear:both;

margin:0 auto;

width:980px;

overflow:hidden;

color:#f3f3f3;

padding:0 0 15px 0;

}



#footer a {

color:#f3f3f3;

}



#footer a:hover {

color:#c1c1c1;

}



.foot h3 {

margin:10px 0 7px 0;

padding:0 0 5px 0;

font-size:16px;

border-bottom:1px solid #111e26;

color:#bdc4ce;

}



.foot {

width:300px;

float:left;

margin:0 0 0 20px;

}



#footer ul {

margin:0;

padding:0;

}



#footer ul {

margin:0;

padding:0;

}



#footer ul li {

margin:0;

padding:0;

list-style:none;

}



#footer ul li ul {

margin:0;

padding:0;

}



#footer ul li ul li {

margin:0 0 7px 0;

padding:0 15px 0 0px;

background:url(images/footli.gif) no-repeat right;

}



#credits {

color:#d0d0d0;

margin:0 auto;

width:980px;

}



#credits p {

margin:0;

line-height:18px;

text-align:center;

padding:10px 0;

}



#credits a {

color:#d0d0d0;

}



#credits a:hover {

text-decoration:underline;

}



/******* SEARCH ********/



.search {

margin:70px 10px 0 31px;

padding:0;

width:230px;

height:42px;

}



.main_search{

height:30px;

margin:0px 0 0 2px;

padding:0;

}



.searchform_top{

padding:0px 0px 0 0;

float:left;

}



.searchform_top_text{

width:168px;

height:15px;

border:none;

font-size:11px;

float:left;

margin:8px 5px 0 10px;

padding:0;

color:#404c56;

background:#000000;

}



.gosearch{

float:left;

}



img.alignleft, img.left { border:1px solid #f4f4f4; padding:3px; float: left;margin-right:7px; margin-top:3px;}

img.alignright, img.right { border:1px solid #f4f4f4; padding:3px;float: right; margin-left:7px; margin-top:3px;}

img.aligncenter, img.center { border:1px solid #f4f4f4; padding:3px;margin-bottom:7px;display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }

img.alignnone, img.block { border:1px solid #f4f4f4; padding:3px;display: block; clear: both; }

img.frame { border:1px solid #f4f4f4; padding:3px;background: #eee; border-style: solid; border-color: #ddd; }

img.stack { clear: none !important; }

img[align="left"] { border:1px solid #f4f4f4; padding:3px;float: left; clear: left; }

img[align="right"] { border:1px solid #f4f4f4; padding:3px;float: right; clear: right; }

img[align="middle"] { border:1px solid #f4f4f4; padding:3px;display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }



/*�:[ image captioning ]:�*/

.wp-caption { border-style: solid; border-color: #ddd; background-color: #eee; text-align: center; font-style: italic; }

.wp-caption.alignleft { float: left; }

.wp-caption.alignright { float: right; }

.wp-caption.aligncenter { margin-right: auto; margin-left: auto; float: none; clear: both; }

.wp-caption.alignnone { clear: both; }

.alignright {float: right;}

.alignleft {float: left;}



/*********COMMENTS ******/



.comment a{

text-decoration:none;

font-size:12px;

color:#000000;

}

.commentlist li .avatar { 

float: left;

border: 1px solid #eee;

padding: 2px;

margin-top:-3px;

}



.commentlist cite, .commentlist cite a {

color:#000000;

font-size:12px;

font-weight:bold;

}



.commentlist p {

line-height:16px;

}



#commentform p {

line-height:16px;

}



.commentmetadata {

}



.commentmetadata a{

color:#000;

font-size:10px;

}



h3.comments {

margin:0;

padding:0;

font-size:16px;

color:#224a8c;

}



h3#comments {

margin:0;

padding:0;

font-size:16px;

}



#respond {

margin:0 0px 0 0px;

padding:0 0 0 0px;

font-size:13px;

}



h3.respond {

margin:0;

padding:0;

font-size:16px;

}



#respond h3{

margin:0;

padding:0;

font-size:16px;

background:url(images/h2bg.gif) no-repeat;

}



.alt {

margin: 0;

padding: 10px;

}



.commentlist {

padding: 0;

margin:0;

}



.commentlist li {

margin: 0px 0 10px 0;

padding:5px;

list-style: none;

border:1px dotted #dcdcdc;

background:#f8f8f8;

overflow:hidden;

}



.commentlist li.bypostauthor {

margin: 10px 10px 10px 10px;

padding:5px;

list-style: none;

border:1px dotted #cbcbcb;

background:#ececec;

}



.commentlist li ul li { 

margin-right: -5px;

margin-left: 0px;

overflow:hidden;

clear:both;

}



.commentlist p {

margin: 10px 5px 10px 0;

line-height:18px;

font-size:12px;

}



.children { padding: 0; }



#commentform p {

margin: 5px 0 0 0px;

}



.nocomments {

text-align: center;

margin: 0;

padding: 0;

}



.commentmetadata {

margin: 0;

display: block;

}



#commentform input {

width: 220px;

padding: 2px 2px 2px 27px;

margin: 5px 5px 1px 0;

border:1px solid #c1c1c1;

color:#404040;

background:#f5f5f5;

}



#commentform input#author {

background:#fafbfa url(images/FormName.png) no-repeat left;

}



#commentform input#email {

background:#fafbfa url(images/FormEmail.png) no-repeat left;

}



#commentform input#url {

background:#fafbfa url(images/FormURI.png) no-repeat left;

}



#commentform input:hover {

background:#fbfafa;

}



#commentform {

margin: 5px 10px 0 0;

}

#commentform textarea {

width: 98%;

padding: 2px;

border:1px solid #c1c1c1;

background:#fafbfa;

color:#404040;

}



#commentform #submit {

margin: 0 0 5px auto;

float: left;

background:#141d24;

border:1px solid #c1c1c1;

padding:3px 3px 3px 3px;

width:135px;

color:#fff;

font-weight:bold;

}



#commentform #submit:hover {

background:#26323b;

border:1px solid #aabfe9;

}



.featcat {

float:left;

width:376px;

overflow:hidden;

}



.comleftt {

width:336px;

float:left;

overflow:hidden;

}



.playgame2 {

clear:both;

margin:15px 0 0 0;

}



.gamebitir {

overflow:hidden;

margin:0;

}



.rateit {

float:left;

width:200px;

text-align:left;

}