/*
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: Georgia, 'Lucida Grande', Verdana, Arial;
background: #172027 url(images/bg.jpg) repeat;
color: #081116;
margin:0;
}

#main {
width:1000px;
margin:0 auto;
}

a {
text-decoration:none;
color:#081116;
outline: none;
}

a:hover {
text-decoration:none;
}

img {
border:none;
text-decoration: none;
outline: none;
}

/******* HEADER ********/

#header {
height:140px;
overflow:hidden;
margin:0;
}

.logo {
width:250px;
float:left;
}

.topright {
width:470px;
float:right;
overflow:hidden;
height:150px;
}

.favor {
margin:7px 40px 0 0;
padding:0;
text-align:right;
}

.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:#404c56;
}

/******* CONTENT ********/

#contenttop {
height:43px;
background:url(images/contenttop.gif) repeat top center; /*no-repeat*/
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:0px 0 0 10px;
}

.breadcrump a {
font-size:18px;
color:#bdc4ce;
font-weight:bold;
margin:0;
padding:0;
}

#contenttopbottom {
height:192px;
overflow:hidden;
background:#081116;
margin:0;
padding:0;
}

.playgame {
margin:0:
padding:10px 0 0 0;
overflow:hidden;
clear:both;
}

.gameleft {
float:left;
width:520px;
overflow:hidden;
margin:0;
padding:0;
}

.gamet {
float:left;
width:156px;
padding:2px 2px 5px 2px;
border:1px solid #c8c8c8;
text-align:center;
}

.gamet img {
margin:0 0 5px 0;
}

.gamet a, .gamet a:visited {
text-decoration:none;
}

.gameinfo {
width:350px;
float:right;
margin:0 0 0 5px;
overflow:hidden;
}

.gameinfo h3 {
margin:0 0 5px 0;
padding:0;
font-size:14px;
}

.gameinfo p {
margin:0 0 5px 0;
padding:0;
line-height:18px;
}

.playthegame {
margin:10px 0 10px 0;
}

.gametbottom {
clear:both;
margin:10px 0 10px 0;
padding:0;
border:1px solid #c8c8c8;
}

.gameright {
float:right;
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:167px;
text-align:center;
font-weight:bold;
width:172px;
float:left;
margin:0 19px 10px 0;
}

.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 0 10px 36px;
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: 172px; 
}

.panelimage {
padding:11px 0 0 0;
background:url(images/favgamebg.gif) no-repeat;
overflow:hidden;
height:167px;
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;
}

.sidebar_left h3 {
margin:0;
padding:7px 0 7px 40px;
background:url(images/cath3.gif) no-repeat;
color:#bdc4ce;
font-size:14px;
font-weight:bold;
}

.sidebar_left ul {
margin:0;
padding:0;
}

.sidebar_left ul li {
margin:16px 0 0 16px;
padding:0;
list-style:none;
background:#081116 url(images/catbottom.gif) no-repeat bottom center;
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 2px 8px 10px;
background:#141d24;
border-bottom:1px solid #081116;
}

.sidebar_left ul li ul li:hover {
background:#081116;
padding:8px 2px 8px 15px;
}

.sidebar_left ul li ul li a {
margin:0;
padding:0;
color:#f3f3f3;
font-size:13px;
font-weight:bold;
}


/******* POSTS ********/

#content {
overflow:hidden;
background:#9db9ce;
padding-bottom:15px;
height:100%;
}

.postsbody {
background:#9db9ce;
width:980px;
float:right;
overflow:hidden;
padding:10px 10px 10px 0;
}

.adsa {
background:#081116 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:#081116 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:167px;
text-align:center;
font-weight:bold;
width:172px;
float:left;
margin:0 19px 10px 0;
}

.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:#081116 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:#081116;
border-bottom:1px solid #dedede;
}

.tagcloud {
line-height:16px;
}

.tagcloud a {
padding:2px 3px 2px 3px;
}

.tagcloud a:hover {
background:#081116;
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:#081116;
}

/******* FOOTER ********/

#footer {
background:#081116 url(images/contentbottom.gif) no-repeat bottom center;/*no-repeat*/
clear:both;
margin:0 auto;
width:1000px;
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:475px;
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 0 0 15px;
background:url(images/footli.gif) no-repeat left;
}

#credits {
color:#d0d0d0;
margin:0 auto;
width:980px;
}

#credits p {
margin:0;
line-height:16px;
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:#081116;
}

.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:#081116;
}
.commentlist li .avatar { 
float: right;
border: 1px solid #eee;
padding: 2px;
margin-top:-3px;
}

.commentlist cite, .commentlist cite a {
color:#081116;
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: 99%;
padding: 2px;
border:1px solid #c1c1c1;
background:#fafbfa;
color:#404040;
}

#commentform #submit {
margin: 0 0 5px auto;
float: right;
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:396px;
overflow:hidden;
}

.comleftt {
width:336px;
float:right;
overflow:hidden;
}

.playgame2 {
clear:both;
margin:15px 0 0 0;
}

.gamebitir {
overflow:hidden;
margin:0;
}

.rateit {
float:right;
width:200px;
text-align:right;
}

/*New search Form*/
#searchbox
{
	background: #eaf8fc;
	background-image: -moz-linear-gradient(#fff, #d4e8ec);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #d4e8ec),color-stop(1, #fff));
	
	-moz-border-radius: 35px;
	border-radius: 35px;
	
	border-width: 1px;
	border-style: solid;
	border-color: #c4d9df #a4c3ca #83afb7;            
	width: 400px;
	height: 35px;
	padding: 10px;
	margin: 10px auto 10px;
	overflow: hidden; /* Clear floats */
}
/*End new search form*/
#search, #submit
{
	float: left;
}

#search
{
	padding: 5px 9px;
	height: 23px;
	width: 320px;
	border: 1px solid #a4c3ca;
	font: normal 12px 'trebuchet MS', arial, helvetica;
	background: #f1f1f1;
	
	-moz-border-radius: 50px 3px 3px 50px;
	 border-radius: 50px 3px 3px 50px;
	 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
	 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
	 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);            
}

/* ----------------------- */

#submit
{		
	background: #028bcf;
	background-image: -moz-linear-gradient(#73cbf6, #47a3d0);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #6cbb6b),color-stop(1, #95d788));
	
	-moz-border-radius: 3px 50px 50px 3px;
	border-radius: 3px 50px 50px 3px;
	
	border-width: 1px;
	border-style: solid;
	border-color: #7eba7c #578e57 #447d43;
	
	 -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;   		

	height: 35px;
	margin: 0 0 0 8px;
        padding: 0;
	width: 52px;
	cursor: pointer;
	font: bold 12px Arial, Helvetica;
	color: #23441e;
	
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

#submit:hover
{		
	background: #95d788;
	background-image: -moz-linear-gradient(#6cbb6b, #95d788);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #95d788),color-stop(1, #6cbb6b));
}	

#submit:active
{		
	background: #95d788;
	outline: none;
   
	 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

#submit::-moz-focus-inner
{
       border: 0;  /* Small centering fix for Firefox */
}		
#search::-webkit-input-placeholder {
   color: #9c9c9c;
   font-style: italic;
}

#search:-moz-placeholder {
   color: #9c9c9c;
   font-style: italic;
}  

#search:-ms-placeholder {
   color: #9c9c9c;
   font-style: italic;
}   


/*Nav menu bar*/
#navigation {
	width: 1000px;
	height: 50px;
	margin: 0;
	padding: 0;
	background: url(images/navigation-bg.jpg) no-repeat left top;
} 
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
} 
#navigation ul li {
	display: inline;
	margin: 0px;
} 
#navigation ul li a {
	height:33px;
	display: block;
	float: left;
	padding: 17px 15px 0 15px;
	font: bold 12px Arial;
	color: #FFF;
	text-decoration: none;
	background: url(images/navigation-separator.png) no-repeat right center;
} 

#navigation ul li a:hover {
	color:#363636;
	background: url(images/navigation-hover.png) repeat-x left top;
}

#navigation ul li#active a {
	color:#363636;
	background: url(images/navigation-hover.png) repeat-x left top;
}
/*Nav menu bar end*/
/*Nav menu top bar*/
#navigationtop {
	width: 1000px;
	height: 50px;
	margin: 0;
	padding: 0;
	background: url(images/navigation-bg2.jpg) no-repeat left top;
} 
#navigationtop ul {
	list-style: none;
	margin: 0;
	padding: 0;
} 
#navigationtop ul li {
	display: inline;
	margin: 0px;
} 
#navigationtop ul li a {
	height:33px;
	display: block;
	float: left;
	padding: 17px 15px 0 15px;
	font: bold 12px Arial;
	color: #FFF;
	text-decoration: none;
	background: url(images/navigation-separator.png) no-repeat right center;
} 

#navigationtop ul li a:hover {
	color:#363636;
	background: url(images/navigation-hover.png) repeat-x left top;
}

#navigationtop ul li#active a {
	color:#363636;
	background: url(images/navigation-hover.png) repeat-x left top;
}
/*Nav menu top bar end*/

/*Floating Shit*/
.social-buttons {
    position: fixed;
    top: 275px;
    width: 45px;
    z-index: 9999;
}
.button-left {
    left: 0;
}
.button-right {
    right: 0;
}
.social-buttons #SMS-btn .social-icon,
.social-buttons #GBA-btn .social-icon,
.social-buttons #DOS-btn .social-icon,
.social-buttons #SNES-btn .social-icon,
.social-buttons #ATARI-btn .social-icon,
.social-buttons #MSX-btn .social-icon,
.social-buttons #TG16-btn .social-icon,
.social-buttons #Genesis-btn .social-icon {
    background-color: #33353B;
    /*background-image: url(http://www.8bbit.com/mas-icons.png);*/
}
.button-left #SMS-btn span {
    background-position: right 10px;
}
.button-left #GBA-btn span {
    background-position: right -35px;
}
.button-left #DOS-btn span {
    background-position: right -127px;
}
.button-left #SNES-btn span {
    background-position: right -80px;
}
.button-left #ATARI-btn span {
    background-position: 11px -177px;
}
.button-left #TG16-btn span {
    background-position: 11px -177px;
}
.button-left #MSX-btn span {
    background-position: 11px -177px;
}
.button-left #Genesis-btn span {
    background-position: 11px -223px;
}
.button-right #SMS-btn span {
    background-image: url(/ico/nes.png);
}
.button-right #GBA-btn span {
    background-image: url(/ico/gba.png);
}
.button-right #DOS-btn span {
    background-image: url(/ico/dos.png);
}
.button-right #SNES-btn span {
    background-image: url(/ico/snes.png);
}
.button-right #ATARI-btn span {
    background-image: url(/ico/atari.png);
}
.button-right #TG16-btn span {
    background-image: url(/ico/tg16.png);
}
.button-right #MSX-btn span {
    background-image: url(/ico/msx.png);
}
.button-right #Genesis-btn span {
    background-image: url(/ico/genesis.png);
}
.social-buttons #SMS-btn:hover .social-icon {
    background-color: #3B5998;
}
.social-buttons #GBA-btn:hover .social-icon {
    background-color: #62BDB2;
}
.social-buttons #DOS-btn:hover .social-icon {
    background-color: #DB4A39;
}
.social-buttons #SNES-btn:hover .social-icon {
    background-color: #FF8B0F;
}
.social-buttons #ATARI-btn:hover .social-icon {
    background-color: #D43638;
}
.social-buttons #TG16-btn:hover .social-icon {
    background-color: #D43638;
}
.social-buttons #MSX-btn:hover .social-icon {
    background-color: #D43638;
}
.social-buttons #Genesis-btn:hover .social-icon {
    background-color: #C4302B;
}
.social-buttons a:hover .social-text {
    display: block;
}
.button-left .social-icon {
    -moz-transition: background-color 0.4s ease-in 0s;
    -webkit-transition: background-color 0.4s ease-in 0s;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 43px;
    margin-bottom: 2px;
    width: 43px;
}
.button-left .social-text {
    display: none;
    float: right;
    font-size: 1em;
    font-weight: bold;
    margin: 11px 40px 11px 0px;
    white-space: nowrap;
}
.button-right .social-icon {
    -moz-transition: background-color 0.4s ease-in 0s;
    -webkit-transition: background-color 0.4s ease-in 0s;
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 43px;
    margin-bottom: 2px;
    width: 43px;
}
.button-right .social-text {
    display: none;
    float: left;
    font-size: 80%;
    font-weight: bold;
    margin: 16px 0 11px 50px;
    white-space: nowrap;
}
.social-buttons .social-text {
    color: #FFFFFF;
}
/*End floating shit*/