/* PAGE ASSEMBLING
SIDEBAR
DATA BOX
TEXT */


/*	blue bgb.gif	#59A6E7 */
/*	black bgb.gif	#3d3b4a */

/* @font-face {
    font-family: msgothic;
    src: url(msgothic.ttf);
} */


html, body {
	font-size: 13px;
	color: #336;
	background: #59A6E7 url("bgb.gif") repeat-y fixed center;
	font-family: "Trebuchet MS", sans-serif;
	/* Meiryo ? */
	/* font-size: 14px; */
	/* font-family: "MS Gothic", sans-serif; */
}

p {
	text-align: left;
	line-height: 160%;
}

p.c { /* for centring things! */
	text-align: center;
}

#cent, .cent {
	text-align: center;
	margin: 0 auto;
}

p.j, span#j, rt, blockquote#j { /* for japanese text! */
	font-family: "MS Gothic", sans-serif;
	letter-spacing: -1px;
	font-size: 80%;
	font-style: normal;
}

b {
	font-size: 110%;
}






/* PAGE ASSEMBLE */
#pagewidth { /*everything resides in this, keeps everything in a 800x600 friendly centred area */
	width: 768px;
	margin: 0 auto;
	padding: 1% 0;
	overflow: hidden;
}

#header, #page { /* shared traits between the two like colours, etc */
	border: 2px solid #ffa;
}

#header { /* section header! a little isolated box for text */
	width: 701px; /*722px */
	background: #250 url("tbg.PNG");
	margin: 0 auto;
	border-bottom: 0;
	color: #cfc;
	font-size: 24px;
	text-align: left;
	letter-spacing: -1px;
	font-variant: small-caps;
	/* text-indent: 64px; */
	/* padding: 3px; */
	padding-left: 24px; /* 48px */
	font-family: "MS Gothic", sans-serif;		letter-spacing: -1px;
}

#page { /* where the text goes! put it underneath header just to make it look nice */
	background: #CBE5BD;  /* CBE5BD */ /* #D8F2CB; */ /* #CEB url("bg.PNG"); */
	width: 717px;
	padding: 4px;
	margin: 0 auto;
	margin-bottom: 24px;
	overflow: hidden;
}

#box {
	display: inline-block;
	vertical-align: middle;
}

#bat {
	margin: 0;
	width: 100%;
	display: flex;
	vertical-align: middle;
}

#bot { /* for navigation links at bottom of page */
	margin: 0;
	width: 30%;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}


figure { /* for left-aligned images */
	position: relative;
	display: inline-block;
	margin: 4px;
	float: left;
	z-index: 1;
}

figure#r {
	float:right;
}

figure#c {
	float:none;
	display:block;
	text-align: center;
}







/* SIDEBAR + DATA BOX */
#sidebar {
	font-size: 11px;
	min-width: 128px;
	float: left;
	display: inline-block;
	border-right: 1px dashed #040;
}

#boxd, #boxb { /* for the data tables at the top of each game page */
	display: inline-block;
	padding: 0 4px 0 4px;
	vertical-align:middle;
}

#boxb { /* for box images with links underneath */
	text-align: center;
}

#boxd {
	min-width: 112px;
}

#boxd p {
	font-size: 13px;
	text-align: left;
	letter-spacing: -1px;
	margin: 0;
}

h4 {
	font-size: 20px;
	letter-spacing: -1px;
	text-align: center;
}

h5 {
/*	border-bottom: 1px solid #5a5; */
	border-image: linear-gradient(to right, #5a5 0%, #CBE58D 100%) 1;
	border-width: 1px;
	border-style: solid;
	border-top: 0;
	border-left: 0;
	font-size: 13px;
	font-variant: small-caps;
	position: relative;
	letter-spacing: 1pt;
	text-indent: 10%;
	z-index: 0;
}







 /* REVIEW BOX */
td#review, .td#review { /* for game index review listings */
	font-size: 10px;
	font-weight: bold;
	border: 2px solid #580; /*#580 dark, #ffa light */
	text-align: right;
	background: #250 url("tbg.PNG"); /* #514F5F, #3d3b4a - #250 url("tbg.PNG"); */
	color: #cfc;
}

td#review a, .td#review a {
	text-decoration: none;
	color: #0FBEF2; /* 0FBEF2 */
}

td#review a:hover, .td#review a:hover {
	text-decoration: underline;
}










/* TEXT */
h1, h2, h3, h4, h5, h6, h7, h8, h9 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h1 { /* page title headings */
	font-size: 48px;
	font-weight: 800;
	font-variant: small-caps;
	text-align: center;
	letter-spacing: -2px;
}

h2 { /* page section heading */
	font-size: 32px;
	letter-spacing: -2px;
	text-align: center;
}

h3 { /* underlined subheading */
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: bold;
	padding-left: 3%;
	border-bottom: 1px dashed #040;
	font-stretch: expanded;
}	

ul li {
	list-style-type: disc;
	letter-spacing: -0.65px;
	line-height: 135%;
}

ol li {
	list-style-type: decimal;
	margin-bottom: 16px;
	border-bottom: 1px solid #580;
	vertical-align: bottom;
}

a {
	text-decoration: none;
	color: #F0410D;
}

a:hover {
	text-decoration: underline;
}

span#sm, sup, sub, blockquote#sm, rt, table#sm {
	font-size: 10px;
	font-weight: normal;
}

span#sm {
	letter-spacing: 0;
}
#boxd rt, #header rt {
	padding-top: 4px;
}

#boxd rt {
	font-size:9px;
}

sup, sub {
	letter-spacing: -0.65px;
}

span#spoiler {
	color: #336;
	background: #336;
}

img {
	border: 0;
}

img.sc {
	border: 2px solid #5a5;
}

img.sch {
	border: 2px solid #F0410D;
}
	
img.sch:hover {
	border: 2px solid #FF812D;
}

img.schr {
	border: 2px solid #F0410D;
	width: 64px;
	height: 64px;
}
	
img.schr:hover {
	border: 2px solid #FF812D;
}

img.scg {
	border: 2px solid #5a5;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

img.gb, img.gbh {
	width: 320px;
	height: 288px;
    image-rendering: pixelated;
}

img.gb {
	border: 2px solid #5a5;
}

img.gbh {
	border: 2px solid #F0410D;
}

img.gbh:hover {
	border: 2px solid #FF812D;
}

img#px {
    image-rendering: pixelated;
}







blockquote { /* used for quotes in blocks, natch */
	vertical-align: bottom;
	border-left: 2px dotted #040;
	margin: 16px;
	padding: 0 4px;
}

blockquote p {
	line-height: 140%;
	text-indent: 3%;
}

td#game { /* used for headers in table lists */
	font-weight: bold;
	font-size: 16px;
}

#break { /* horizontal line with space underneath */
	width: 100%;
	height: 1px;
	border-top: 1px solid #580;
	padding: 0 0 12px 0;
}

#break2 { /* horizontal line, no space */
	width: 100%;
	height: 1px;
	border-top: 1px solid #580;
}

.cd {
	font-family: Lucida Console, Monospace;
	letter-spacing: -1px;
	font-size: 11px;
	margin: 0;
}