/*   
Theme Name: Famicom World
Theme URI: http://famicomworld.com
Description: This is a Wordpress theme based on JC's FW redesign document.
Author: Ugly Joe
Author URI: http://ximwix.net
Version: 0.1
.
To be used only by Famicom World
.
*/

body {
margin: 0;
padding: 0;
background-image: url('images/pulse_bar.png');
background-repeat: repeat-x;
background-position: 0 -19px;
font-family: Arial, sans-serif;
}

div#top {
width: 1000px;
height: 175px;
background-image: url('images/pulse_bar.png');
background-repeat: repeat-x;
background-color: white;
/*background-position: bottom;*/
background-position: 0 -19px;
margin: 0 auto 0 auto;
}

div#top div.pulse {
width: 332px;
/*height: 193px;*/
height: 175px;
margin: 0;
padding: 0;
background-image: url('images/pulse_middle.png');
background-repeat: no-repeat;
background-position: 0 -18px;
position: relative;
left: 5px;
float: left;
}

div#top div.nav {
color: white;
position: relative;
font-family: Corbel, Arial, sans-serif;
font-size: 1.5em;
font-weight: bold;

position: absolute;
width: 1000px;
top: 107px;
/*left: 50%;*/
/*margin-left: -500px;*/

z-index: 99;
}

div#top div.nav div.innernav {
margin-bottom: 1em;
overflow: hidden;
width: 1000px;
}

div#top div.nav div.innernav ul {
list-style: none;
margin: 0;
padding: 0;
}

div#top div.nav div.innernav li {
border-left: 2px solid #ffffff;
float: left;
line-height: 1.2em;
margin: 0 .5em 0 -.5em;
padding: 0 .5em 0 .5em;
white-space: nowrap;
} 

div#top div.nav div.innernav li a {
text-decoration: none;
color: white;
}

div#top div.nav div.innernav li a:hover {
color: red;
}


div#wrapper {
width: 1000px;
padding: 0;
margin: 0 auto 0 auto;
}

div#wrapper div.left {
width: 598px;
margin: 0;
padding: 0;
float: left;
position: relative;
top: 18px;
border-left: 1px dashed gray;
border-right: 1px dashed gray;
}

div#wrapper.split-style div.left {
width: 498px;
top: 0;
border-left-width: 0;
border-right-width: 0;
}

div#wrapper.split-style div.right {
width: 500px;
}

div#wrapper.split-style div.header div.pulse {			      
width: 400px;						      
height: 74px;						      
background-image: url('images/pulse_lower.png');		      
background-repeat: no-repeat;				      
background-position: 32px 0;				      
float: right;						      
}							      
							      
div#wrapper.split-style div.header div#head {			      
margin: 0;						      
padding: 0;						      
float: left;						      
width: 60%;						      
margin-bottom: 18px;					      
margin-top: 8px;					      
}							      
							      
div#wrapper.split-style div.header {				      
}							      
							      
div#head.split-style div.xboxcontent {				      
font-size: 1.6em;					      
font-weight: bold;					      
padding-left: 5px;					      
padding-top: 13px;					      
height: 44px;						      
}							      
							      
.split-style div.module div.xboxcontent {				      
background-color: white;				      
}							      
							      
.split-style div.module div.xboxcontent div.innercontent {		      
padding: 5px;						      
text-align: justify;					      
}							      
							      
.split-style div.module div.xboxcontent div.innercontent h3 {	      
text-decoration: underline;				      
font-weight: normal;					      
font-size: 1.2em;					      
padding: 15px 0 5px 0;					      
margin: 0;						      
}							      
							      
.split-style div.module div.xboxcontent h2 {				      
margin: 0;						      
padding: 0 0 0 5px;					      
background-color: #f9b418;				      
font-size: 1.4em;					      
}							      
							      
.split-style div.left div#excerpt div.reviewer {			      
float: left;						      
margin: 0;						      
padding: 0;						      
font-size: 0.7em;					      
font-weight: bold;					      
padding-right: 10px;					      
text-align: center;					      
}							      
							      
.split-style div.left div#excerpt div.reviewer img {			      
border: 1px solid black;				      
}							      
							      
.split-style div.left div#excerpt div.quote {			      
margin: 0;						      
padding: 0;						      
font-size: 1.3em;					      
padding-left: 10px;					      
text-align: center;					      
}							      

div#wrapper div.right {
width: 400px;
margin: 0;
padding: 0;
float: left;
position: relative;
top: 0px;
}

div#wrapper div.right div.pulse {
width: 400px;
height: 74px;
background-image: url('images/pulse_lower.png');
background-repeat: no-repeat;
background-position: 32px 0;
}

div#search {
margin-right: 0;
text-align: center;
font-weight: bold;
line-height: 1.6em;
}

div#search input.text {
width: 80%;
border: 1px solid black;
font-family: Arial, sans-serif;
font-size: 0.9em;
background-image: url(images/searchbg.png);
background-position: center center;
}

div#search input.button {
width: 60px;
height: 25px;
float: right;
clear: both;
position: relative;
right: 37px;
}

div#search br, div#excerpt br, div.tabs br {
clear: both;
}

div#ads {
margin-right: 0;
}

div#ads div.xboxcontent {
/*height: 600px;*/
}

#ads p {
margin: 0 10px;
}

div#ads img {
border-width: 0;
}

div#counter {
color: white;
margin-right: 0;
}

div#cartshot {
text-align: center;
margin-bottom: 15px;
}

div#cartshot img {
/*margin-left: 16px; TODO kill this */
border-width: 0;
margin-left: 16px; /* TODO why did i want to kil this...? */
}

div.innercontent div#cartshot img {
margin-left: 0;
}

div.left div.post h2 {
font-size: 1.2em;
margin: 0;
padding: 0;
}

div.left div.post {
padding: 15px;
text-align: justify;
font-size: 0.9em;
}

div.left div.alt {
background-color: #e5e5e5;
}

div.left div.post h2 {
font-size: 1.3em;
}

div.left div.post h2.date {
}

div.left div.post h2.title {
font-variant: small-caps;
}

div.bottom {
clear: both;
margin: 0;
padding: 0;
width: 1000px;
position: relative;
top: 18px;
}

div.bottom div#footer {
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}

div#top div.title {
width: 628px;
height: 78px;
position: relative;
top: 10px;
left: 5px;
font-size: 0;
float: left;
}

div#top div.title h1 a {
width: 628px;
height: 78px;
position: absolute;
display: block;
padding: 0;
margin: 0;
background-image: url('images/title.png');
background-repeat: no-repeat;
background-position: top left;
}

div#top div.title h1 a span {
display: none;
}

.single-style#wrapper div.left {
width: 498px;
margin: 0;
padding: 0;
float: left;
position: relative;
top: 18px;
top: 0;
}

.single-style#wrapper div.right {
width: 500px;
margin: 0;
padding: 0;
float: left;
position: relative;
top: 0px;
}

.single-style#wrapper div.header div.pulse {
width: 400px;
height: 74px;
background-image: url('images/pulse_lower.png');
background-repeat: no-repeat;
background-position: 32px 0;
float: right;
}

.single-style#wrapper div.header div#head {
margin: 0;
padding: 0;
float: left;
width: 60%;
margin-bottom: 18px;
margin-top: 8px;
}

.single-style#wrapper div.header {
}

.single-style div#head div.xboxcontent {
font-size: 1.6em;
font-weight: bold;
padding-left: 5px;
padding-top: 13px;
height: 44px;
}


.single-style div#posthead {
clear: both;
margin: 0;
margin-bottom: 1em;
}

.single-style div#posthead .xboxcontent {
padding: 5px;
}

.single-style#wrapper div.left {
border-width: 0;
}

.single-style#wrapper div.widecolumn {
border: 3px solid black;
background-color: white;
margin: 0;
margin-bottom: 10px;
padding: 5px 150px 5px 150px;
clear: both;
}

.single-style div.module div.xboxcontent {
background-color: white;
}

.single-style div.module div.xboxcontent div.innercontent {
padding: 5px;
text-align: justify;
}

.single-style div.module div.xboxcontent div.innercontent h3 {
text-decoration: underline;
font-weight: normal;
font-size: 1.2em;
padding: 15px 0 5px 0;
margin: 0;
}

.single-style div.module div.xboxcontent h2 {
margin: 0;
padding: 0 0 0 5px;
background-color: #f9b418;
font-size: 1.4em;
}

.single-style div.left div#excerpt div.reviewer {
float: left;
margin: 0;
padding: 0;
font-size: 0.7em;
font-weight: bold;
padding-right: 10px;
text-align: center;
width: 100px;
}

.single-style div#search br, div#excerpt br, div.tabs br {
clear: both; 
}

.single-style div#cartshot {
text-align: center;
margin-bottom: 15px;
}

.single-style div.left div.module div.rounded, .split-style div.left div.module div.rounded {
margin: 0 0 10px 0;
padding: 0;
}

.single-style div.right div.module div.rounded, .split-style div.right div.module div.rounded {
margin: 0 0 10px 16px;
padding: 0;
}

.single-style div.rating div.xboxcontent div.innercontent, .split-style div.rating div.xboxcontent div.innercontent {
padding: 0;
}

.single-style table.rating {
width: 100%;
border-spacing: 0;
border-width: 0;
}

.single-style table.rating td {
padding-left: 2px;
margin: 0;
border-top: 1px solid black;
font-size: 1.3em;
}

.single-style table.rating td span {
font-variant: small-caps;
font-weight: bold;
}

.single-style table.rating tr.one td {
border-top-width: 0;
}

.single-style table.rating td.two {
border: 1px solid black;
border-bottom-width: 0;
width: 165px;
}

.single-style table.rating td.three {
text-align: center;
}

.single-style table.stats td.two {
border-left: 1px solid black;
width: auto;
border-right-width: 0;
}

.single-style div.tabs {
margin-left: 16px;
margin-bottom: 15px;
margin-bottom: -1px;
}

.single-style div.tabs div.module {
width: 29%;
float: left;
margin: 0;
padding: 0;
position: relative;
z-index: 5;

cursor: pointer;
}

.single-style div.tabs div.selected b.xbo {
background-color: #f9b418;
}

.single-style div.tabs div.module div.rounded {
margin: 0;

}

.single-style div.tabs div.module div.xboxcontent h2 {
font-size: 1em;
text-align: center;
}

.single-style div.tabs div.tabtext {
border: 1px solid black;
position: relative;
top: -1px;
z-index: 4;
padding: 5px 0 5px 5px;
border-bottom-width: 3px;
background-color: #f9b418;
}

.single-style div.tabs div.hidden {
display: none;
}

.split-style div.bottom {
clear: both;
margin: 0;
padding: 0;
width: 1000px;
}

.split-style div.bottom div#footer {
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}

/* Begin rounded-corner code */
/*.rounded h1, .rounded h2, .rounded p {margin:0 10px; letter-spacing:1px;}*/
.rounded h1, .rounded h2 {margin:0 10px; letter-spacing:1px;}
.rounded p {padding-bottom:0.5em; margin: 10px;}
.rounded h2 {padding-top:0.5em;}
.rounded {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xbo {display:block; overflow:hidden;}
.xb1, .xb2, .xb3, .xbo {height:1px;}
.xb2, .xb3, .xb4, .xb5 {background:#f9b418; border-left:1px solid black; border-right:1px solid black;}
.xbo {margin:0; background:black;}
.xb1 {margin:0 5px; background:black;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xb5 {height:2px; margin:0}
.xboxcontent {display:block; background:#f9b418; border:0 solid black; border-width:0 1px;}

div.whitebg .xboxcontent, div.whitebg .xb2, div.whitebg .xb3, div.whitebg .xb4, div.tabs div.whitebg .xboxcontent h2 {
background-color: white;
}

div.blackbg .xboxcontent, div.blackbg .xb2, div.blackbg .xb3, div.blackbg .xb4 {
background-color: black;

}

/* End rounded-corner code */

.single-style .hc_show {
}

.single-style .hc_hide {
display: none;
}

.single-style #hc_module h2 {
cursor: pointer;
}

.orange {
background-color: #F9B418 !important;
}

.red {
background-color: red !important;
}

.centered {
text-align: center !important;
}

.navbutton {
text-align: center;
font-size: 1.5em;
padding-top: 5px;
padding-bottom: 5px;
}

.navbutton a {
text-decoration: none;
color: black;
}

#navbutton1, #navbutton2, #navbutton3, #navbutton4, #navbutton5, #navbutton6, #navbutton7, #navbutton8 {
cursor: pointer;
}

div#itemlist {
clear: both;
}

div#itemlist div.rounded {
margin-left: 0;
margin-right: 0;
float: left;
width: 50%;
}

div#itemlist div.leftitem {
margin-right: 5px;
}

div#itemlist div.rightitem {
margin-left: 10px;
width: 48%;
}

div#itemlist a {
text-decoration: none;
color: black;
}

.single-style div#head div#game_review_title {
padding-left: 20px;
}

.single-style div.left div#excerpt div.quote {
font-size: 1.4em;
float: left;
width: 350px;
padding-bottom: 18px;
}

.single-style div.left div#excerpt div.quote p {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;

}

.split-style div.module div.xboxcontent h2.gamereview_heading, 
.single-style div.module div.xboxcontent h2.gamereview_heading {
padding-left: 30px;
background-image: url('images/bullet.png');
background-position: 10px 7px;
background-repeat: no-repeat;
}

.single-style div.module div.xboxcontent h2.hc_show {
background-image: url('images/cross.png');
display: block;
}

.single-style div.module div.xboxcontent h2.hc_hide {
background-image: url('images/bullet.png');
display: block;
}

div#itemlist div.itempair div.innercontent p {
padding: 0;
margin: 0;
}

.othertitles {
background-color: #F9B418;
}



table.gamelist {
font-family: Verdana, sans-serif;
font-size: .8em;
width: 100%;
}

table.gamelist td {
border-width: 0;
border-right: 1px solid #BBBBBB;
margin: 0;
padding: 2px;
}

table.gamelist tr {
background-color: #bd9966;
border-width: 0;
margin: 0;
padding: 0;
}

table.gamelist tr.alt {
border-width: 0;
margin: 0;
padding: 0;
background-color: #f8d173;
}

table.gamelist td.singlechar {
font-size: 2em;
}

table.gamelist a {
color: black;
text-decoration: none;
}

table.gamelist tr.gamelist_heading {
background-color: transparent;
}

table.gamelist tr.gamelist_labels {
background-color: #F9B418;
}

table.gamelist td.noborders {
border-width: 0;
}

table.gamelist td.transparent, table.gamelist tr.transparent {
background-color: transparent;
}

table.gamelist td.black {
background-color: black;
font-size: 0.3em;
}

div.letter_index {
width: 100%;
text-align: center;
font-size: 2em;
color: black;
padding-top: 20px;
clear: both;
}

div.letter_index a {
color: black;
text-decoration: none;
}

.single-style#wrapper div.header div#gamelist_intro {
margin: 0;
padding: 0;
float: left;
width: 100%;
margin-bottom: 18px;
margin-top: 8px;
}

.single-style div#gamelist_intro div.xboxcontent {
font-size: 1em;
font-weight: bold;
text-align: justify;
padding: 10px;
letter-spacing: 1px;
}

#gamelist_topleft {
float: right;
width: 50%;
}

#gamelist_topright {
float: left;
width: 40%;
}

#gamelist_topleft h2, #gamelist_topright h2 {
margin-top: 0;
}

#randgame {
text-align: center;
}

#randgame img {
border: 2px solid white;
}

#randgame a {
text-decoration: none;
color: white;
display: block;
padding-bottom: 15px;
}

#randgame h2 {
margin-bottom: 10px;
}

.widecartshot {
margin-top: 15px;
width: 500px;
float: right;
}

.wideleft {
width: 100% !important;
}

.widerounded {
margin: 1em 1em 1em 30px !important;
}

div#ads .aligncenter, 
div#ads div.aligncenter {
display: inline !important;
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

.contact_left {
display: block;
width: 150px;
text-align: right;
float: left;
clear: both;
}

.contact_right {
display: block;
width: 150px;
text-align: left;
float: left;
font-style: italic;
padding-left: 10px;
}

.floatleft {
float: left;
}

.floatright {
float: right;
}

.clearboth {
clear: both;
}

.center {
text-align: center;
}

.contact_reviewer {
position: absolute;
}

.noborder {
border-width: 0;
}

.center-align {
display: block;
margin-left: auto;
margin-right: auto;
}

.small {
font-size: 0.75em;
}

form#searchform {
margin: 0;
}

.overbar {text-decoration: overline;}

.gamelist-extra {
color: #333333;
font-size: 75%;
font-style: italic;
}

.fw-caption {
margin-left: -15px;
}

a:link, a:visited, a:active, a:hover {
color: black;
}

.height-auto, .height-auto img {
height: auto;
}

.wp-block-gallery figcaption {
width: 100%;
}