@charset "utf-8";
/* CSS Document */

/* BASE TAGS */

html, body {
	height:100%;
}
body {
	backface-color: #000000;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
a {
	text-decoration: none;
	outline-width: 0px;
}
a:link {
	color: #FFFF00;
}
a:hover {
	text-decoration: underline;
	color: #00FF00;
}
a:visited {
	color: #999933;
}
blockquote {
	text-align: justify;
}
body {
	background-color: #000000;
	background-repeat: repeat;
	background-attachment: fixed;
	margin: 0px;
	padding: 0px;
	min-width: 1000px;	/* 2 x (LC fullwidth + CC padding) + RC fullwidth */
}
img {
	border: 0px;
	outline-width: 0px;
	margin: 3px;
}
h1 {
	color: #00ff50;
}
h2 {
	color: #00ef50;
}
h3 {
	color: #00df50;
}
h4 {
	color: #00cf50;
}
h5 {
	color: #00bf50;
}
hr {
	background-color: #A2A2A2;
	border: 0px black solid;
	width: 75%;
	height: 1px;
	margin: 1em auto;
}
p, h1, h2, h3, h4, h5 {
	margin: 0px 2px 12px 4px;
}
pre {
	font-size: 12px;
	border: 1px gray dashed;
	margin: 4px;
	padding: 4px;
}
td {
	margin: 0px;
	padding: 0px;
}
p.body {
	margin-left: 4px;
	text-align: left;
	line-height: 150%;
	text-align: justify;
}
b.alert {
	font-weight: bold;
	font-color: red;
}
/* FONT */

body, td, div, p {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	color: white;
}
.center {
	text-align: center;
}
.large {
	color: white;
	font-size: 13px;
	font-weight: bold;
}
.small {
	font-size: 10px;
}
.underline {
	text-decoration: underline;
}
.monospace {
	font-family: monospace;
	font-size: 12px;
	border: 1px gray dashed;
	margin: 4px;
	padding: 4px;
}
.hidden {
	display: none;
}
.fourOfourError {
	width: 851px;
	height: 715px;
	background: url(images/404.png);
	margin: 0 auto;
	text-align: center;
}
.fourOfourError h2 {
	font-size: 50px;
	text-shadow: 2px 2px 5px #000000;
}
/* GENERAL LAYOUT */

#wrapper, #google_ad {
	width: 1020px; /* page width */
}
#wrapper {
	margin: auto;
	background: #222222 url(images/left_bg_grad.png) repeat-y;
	position: relative;
	border: #222222 solid;
	border-width: 0px 2px 0px 0px;
}
#innerwrap {
	min-height:0; /*IE7 haslayout/contain floats*/
	margin-left: 169px; /*space for left column*/
	position: relative;
}
* html #innerwrap {
	height:1%;
}/*IE6 haslayout/contain floats*/
#innerwrap:after {/*clearfix adaption to contain floats in modern browsers*/
	clear: both;
	content: "";
	display: block;
	height: 0;
	font-size: 0;
}
#inner {
	float:left;/*contain child floats*/
	width:100%;
}
#left_c {
	float:left;
	width: 169px;
	margin-left: -169px; /*give 1px in addition to width to get past #innerwrap's left border*/
	position: relative;     /* IE6 needs this when shifting out of parent */
}
#main {
	float: left;
	width: 100%;
}
#page_header {
	background-color: #222222;
	width: 1020px;
	height: 140px;
	margin: 0 auto;
	overflow: visible;
	padding: 0;
	position: relative;
	z-index: 1;
	border-color: #222222;
	border-style: solid;
	border-width: 0 2px 0 0;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	background-image: url(images/header/header.jpg);
	background-repeat: no-repeat;
}
#page_header hgroup {
	display: none;
}
#page_header nav {
	height: 38px;
	position: absolute;
	width: 1020px;
	top: 0;
	left: 0;
}
#page_header nav ul {
	position: absolute;
	top: 0;
	right: 52px;
	padding: 0;
	margin: 0;
	list-style: none;
}
#page_header nav ul li {
	width: 50px;
	float: left;
	padding: 0;
	margin: 0 3px;
	z-index: 500;
}
.navMenuLink {
	width: 50px;
	height: 38px;
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
	text-align: center;
	background-image: url(images/header/buttons_sheet.jpg);
	background-repeat: no-repeat;
	box-shadow: 0 5px 5px #000000;
	border-bottom-left-radius: 25px 15px;
	border-bottom-right-radius: 25px 15px;
	-webkit-transition: 300ms linear 0s;
	-moz-transition: 300ms linear 0s;
	/*-o-transition: 300ms linear 0s;*/
	transition: 300ms linear 0s;
}
.GameButtonText {
	width: 50px;
	margin: 8px 0 0 0;
	color: #ffff00;
	font-size: 9px;
	line-height: 10px;
	text-shadow: 0 1px 0 #000000;
	text-transform: uppercase;
	font-weight: bold;
	-webkit-transition: 150ms linear 0s;
	-moz-transition: 150ms linear 0s;
	/*-o-transition: 150ms linear 0s;*/
	transition: 150ms linear 0s;
}
.navMenuLink:hover, .navMenuLink:focus {
	padding-top: 76px;
	-webkit-transition: 150ms linear 0s;
	-moz-transition: 150ms linear 0s;
	/*-o-transition: 150ms linear 0s;*/
	transition: 150ms linear 0s;
	text-decoration: none;
}
#GameButton1 {
	background-position: 0px -77px;
}
#GameButton1:hover, #GameButton1:focus {
	background-position: 0px 0px;
}
#GameButton2 {
	background-position: -50px -77px;
}
#GameButton2:hover, #GameButton2:focus {
	background-position: -50px 0px;
}
#GameButton3 {
	background-position: -100px -77px;
}
#GameButton3:hover, #GameButton3:focus {
	background-position: -100px 0px;
}
#GameButton4 {
	background-position: -150px -77px;
}
#GameButton4:hover, #GameButton4:focus {
	background-position: -150px 0px;
}
#GameButton5 {
	background-position: -200px -77px;
}
#GameButton5:hover, #GameButton5:focus {
	background-position: -200px 0px;
}
#GameButton6 {
	background-position: -250px -77px;
}
#GameButton6:hover, #GameButton6:focus {
	background-position: -250px 0px;
}
#GameButton7 {
	background-position: -300px -77px;
}
#GameButton7:hover, #GameButton7:focus {
	background-position: -300px 0px;
}
#GameButton8 {
	background-position: -350px -77px;
}
#GameButton8:hover, #GameButton8:focus {
	background-position: -350px 0px;
}
#GameButton9 {
	background-position: -400px -77px;
}
#GameButton9:hover, #GameButton9:focus {
	background-position: -400px 0px;
}
#GameButton10 {
	background-position: -450px -77px;
}
#GameButton10:hover, #GameButton10:focus {
	background-position: -450px 0px;
}
#GameButton11 {
	background-position: -500px -77px;
}
#GameButton11:hover, #GameButton11:focus {
	background-position: -500px 0px;
}
#GameButton12 {
	background-position: -550px -77px;
}
#GameButton12:hover, #GameButton12:focus {
	background-position: -550px 0px;
}
#GameButton13 {
	background-position: -600px -77px;
}
#GameButton13:hover, #GameButton13:focus {
	background-position: -600px 0px;
}
#GameButton14 {
	background-position: -650px -77px;
}
#GameButton14:hover, #GameButton14:focus {
	background-position: -650px 0px;
}
#GameButton15 {
	background-position: -700px -77px;
}
#GameButton15:hover, #GameButton15:focus {
	background-position: -700px 0px;
}
#mainLink {
	position: absolute;
	margin: 0;
	bottom: 10px;
	left: 4px;
}
#extraGoodies {
	float: right;
	margin: 75px 12px 0 0;
	overflow: hidden;
	list-style: none;
	padding: 0;
}
#extraGoodies li {
	float: left;
	margin: 0px 3px;
}
#extraGoodies a {
	display: block;
	height: 50px;
}
#extraGoodies img {
	margin: 0px;
}
.ifIE {
	width: 1020px;
	height: 100px;
	margin: 0 auto;
	background-color: #000000;
	background-image: url(http://www.metroiddatabase.com/old_site/_styles/images/ie9.jpg);
	background-repeat: no-repeat;
	border-color: #222222;
	border-style: solid;
	border-width: 0 2px 0 0;
	position: relative;
	overflow: hidden;
}
.ifIE h3 {
	position: absolute;
	left: 125px;
	top: 10px;
	color: #ffff9f;
	font-size: 24px;
	font-weight: bold;
}
.ifIE p {
	width: 875px;
	position: absolute;
	left: 125px;
	top: 45px;
	font-size: 15px;
}
.ifIE a {
	color: #ffff9f;
}
.ifIE a:visited {
	color: #ffff9f;
}
.ifIE a:hover {
	color: #7edffe;
}
#google_ad {
	margin: 0px auto 0px auto;
	text-align: center;
	background: url(images/ad_background.png) #000000 no-repeat;
	background-position: center top;
	/*border-top: 2px black solid;*/

	z-index: 1;
	border: #222222 solid;
	border-width: 0px 2px 0px 0px;
}
#left {
	width: 169px;               /* LC width */
	padding: 0px;               /* LC padding */
	right: 169px;               /* LC fullwidth + CC padding */
	margin-left: -100%;
	background: #888888 url(images/left_bg_grad.png) repeat-y;
}
#right {
	width: 160px;			/* RC width */
	background-color: #333333;
	text-shadow: 0.1em 0.1em 0.2em black;
	float: right;
}
#right form:nth-of-type(1) {
	overflow: hidden;
}
#footer {
	height: 36px;
	clear: both;
	background: #333333 url(images/footerbgd.jpg) no-repeat;
}
#footer p {
	font-size: 11px;
	text-align: right;
	margin: 0;
	padding: 4px;
}
#footer p:nth-child(1) {
	padding-bottom: 0;
}
#footer p:nth-child(2) {
	padding-top: 0;
}
#leftmenu {
	width: 100%;
	padding: 0px;
	min-height: 750px;
	vertical-align: top;
	float: left;
}
#leftmenu p {
	width: 144px;
	font-size: 12px;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	text-shadow: 0.1em 0.1em 0.2em black;
	/*filter: Shadow(Color=#666666, Direction=135, Strength=4);*/
	color: lime;
	text-align: left;
	line-height: 14px;
	padding: 10px 0px 0px 6px;
}
#leftmenu hr {
	margin: 0px 10px 0px 10px;
	padding: 0px;
	background-color: #E0E0E0;
}
#leftmenu a, #leftmenu .deadlink {
	font-size: 11px;
	font-weight: normal;
	display: block;
	margin: 0px;
	padding: 0px;
}
#leftmenu #title {
	font-family: monospace;
	display: block;
	margin-bottom: 0.5em;
	text-align: center;
	font-size: 13px;
	letter-spacing: 2px;
}
#leftmenu .icon {
	vertical-align: middle;
	width: 16px;
	height: 16px;
	padding: 0px;
	margin: 3px 4px 3px 0px;
}
#leftmenu a:visited {
	color: yellow;
}
#leftmenu a:hover {
	color: lime;
}
#leftmenu span.deadlink {
	color: gray;
}
#leftmenu a.highlight {
	color: orange;
}
#leftmenu #pointer {
	float: left;
	position: absolute;
	left: 1px;
	color: orange;
}
.popin {
	display: none;
}
.popin_table {
	width: 100%;
	border: 0px none;
}
.popin_table td {
	vertical-align: top;
	font-style: italic;
	padding-bottom: 10px;
}
.popin_table td a {
	font-weight: bold;
	font-style: normal;
}
/* SUBPAGE HEADERS */

#header {
	background-color: #3e3e3e;
	width: 100%;
	text-align: right;
	font-size: 11px;
	padding: 0px 0px 2px 0px;
	margin-bottom: 1em;
}
#header_left {
	font: normal normal bold 24px normal inherit;
	color: lime;
	text-shadow: 0 0 0.3em black;
	float: left;
	padding-left: 4px;
}
/* SUBPAGE TEXT MENUS */

ul.menu {
	list-style-type: none;
	margin: 0px 1em 1em 1em;
	padding: 0px;
}
ul.menu li {
	color: gray;
	background-color: #111111;
	font: normal normal bold 12px normal inherit;
	margin-bottom: 1px;
	padding: 4px;
}
ul.menu a {
	display: block;
	font-size: 14px;
}
ul.menu a:hover {
	background-color: #333333;
}
ul.menu img {
	vertical-align: middle;
}
/* TRANSPARENT POP-IN WINDOW */

#dim_background {
	background-color: black;
	opacity: 0.8;
	z-index: 20;
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#dim_image {
	display: none;
	margin: auto;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	text-align: center;
	padding-top: 4em;
	z-index: 22;
}
#dim_image a {
	color: lime;
}
#dim_window {
	width: 500px;
	min-width: 4em;
	display: none;
	padding: 0px;
	position: absolute;
	left: 30%;
	right: 30%;
	z-index: 22;
	background-color: #222222;
	border: 2px black solid;
}
#dim_window_title {
	color: lime;
	background-color: #555555;
	border: none;
	border-bottom: 1px black solid;
	margin: 0px;
	padding: 4px;
	font: normal normal bold 12px normal inherit;
}
#dim_window_title, #dim_window_title span {
	height: 14px;
}
#dim_window_title a {
	color: #aaaaaa;
	text-decoration: none;
	font-weight: bold;
}
#dim_window_title a:hover {
	color: blue;
}
/* COMMON IMAGE TABLES */

/* Artwork Thumbnails */

table.artwork {
	width: 100%;
}
table.artwork td {
	width: 110px;
	height: 110px;
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
	padding: 3px;
	background-color: #111111;
}
/* Old Manga Reader */

table#comics td {
	width: 90px;
	height: 110px;
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
	background-color: #111111;
}
table#thumbnails {
	border-style: none;
	width: 800px;
	text-align: center;
	vertical-align: middle;
}
table#thumbnails td {
	font-size: 10px;
	padding: 5px;
	border-style: none;
}
img#img_selected {
	border: 3px;
	border-color: lime;
	border-style: solid;
}
/* Textual Tables */

table.multimedia {
	margin: 4px;
	width: 100%;
}
table.multimedia th {
	color: lime;
}
table.multimedia td, table.multimedia th {
	background-color: #111111;
	padding: 2px;
	vertical-align: bottom;
}
table.multimedia a {
	font-weight: bold;
}
/* Tricks and Vouchers - CANDIDATE FOR DELETION */

ol.tricks, blockquote {
	color: white;
	font-size: 12px;
	margin-top: 0px;
}
ol.tricks li {
	margin-bottom: 10px;
}
ul.voucher {
	list-style-type: none;
}
.manga_volume {
	margin: 4px;
	width: 100%;
}
.manga_volume td, .manga_volume th {
	background-color: #111111;
	padding: 2px;
	vertical-align: top;
}
.manga_volume a {
	font-weight: bold;
}