/* ================================================= */
/* General colors */
/* ================================================= */

body
{
	color: black;
	background: white !important;
}

a
{
	text-decoration: none;
}

/* We have to specify each variant to override specificity because !important would be too specific */
body.L, body.LL, body.LD, body.LB { color: black; }
.L a:link, .LL a:link, .LD a:link, .LB a:link { color: black; }
.L a:visited, .LL a:visited, .LD a:visited, .LB a:visited { color: black; }
.L a:hover, .LL a:hover, .LD a:hover, .LB a:hover { color: black; }
.L a:active, .LL a:active, .LD a:active, .LB a:active { color: black; }
.L b, .LL b, .LD b, .LB b { color: black; }
.L b.bold, .LL b.bold, .LD b.bold, .LB b.bold { color: black; }

body.D, .DL, .DD, .DB { color: black; }
.D a:link, .DL a:link, .DD a:link, .DB a:link { color: black; }
.D a:link b, .DL a:link b, .DD a:link b, .DB a:link b { color: black; }
.D a:visited, .DL a:visited, .DD a:visited, .DB a:visited { color: black; }
.D a:visited b, .DL a:visited b, .DD a:visited b, .DB a:visited b { color: black; }
.D a:hover, .DL a:hover, .DD a:hover, .DB a:hover { color: black; }
.D a:hover b, .DL a:hover b, .DD a:hover b, .DB a:hover b { color: black; }
.D a:active, .DL a:active, .DD a:active, .DB a:active { color: black; }
.D a:active b, .DL a:active b, .DD a:active b, .DB a:active b { color: black; }
.D b, .DL b, .DD b, .DB b { color: black; }
.D b.bold, .DL b.bold, .DD b.bold, .DB b.bold { color: black; }
.D b.bright, .DL b.bright, .DD b.bright, .DB b.bright { color: black; }

body.B, body.BL, body.BD, body.BB { color: black; }
.B a:link, .BL a:link, .BD a:link, .BB a:link { color: black; }
.B a:link b, .BL a:link b, .BD a:link b, .BB a:link b { color: black; }
.B a:visited, .BL a:visited, .BD a:visited, .BB a:visited { color: black; }
.B a:visited b, .BL a:visited b, .BD a:visited b, .BB a:visited b { color: black; }
.B a:hover, .BL a:hover, .BD a:hover, .BB a:hover { color: black; }
.B a:hover b, .BL a:hover b, .BD a:hover b, .BB a:hover b { color: black; }
.B a:active, .BL a:active, .BD a:active, .BB a:active { color: black; }
.B a:active b, .BL a:active b, .BD a:active b, .BB a:active b { color: black; }
.B b, .BL b, .BD b, .BB b { color: black; }
.B b.bold, .BL b.bold, .BD b.bold, .BB b.bold { color: black; }
.B b.bright, .BL b.bright, .BD b.bright, .BB b.bright { color: black; }

/* ================================================= */
/* Content */
/* ================================================= */

.content ul
{
	list-style: disc;
}

.content li
{
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.hr
{
	border-color: black;
}

a.external:before
{
	display: none;
}

/* ================================================= */
/* Remove width restrictions (allow printer page to determine width)
/* ================================================= */

body.panels .panel,
body.panels .site_title,
body.panels .site_footer,
body.panels .panel_bg > .content,
body.nopanels .site_content,
body.nopanels .site_content > .content,
.gamelogow
{
	max-width: none;
}

body.panels .site_content .panel_bg
{
	padding-top: 0;
}

body.screens .screenshot
{
	margin-right: 0;
}

body.screens .dataitem .stats
{
	width: 35%;
	margin-right: 0;
}

/* ================================================= */
/* Site header bar along top (remaining red due to artwork) */
/* ================================================= */

.site_header
{
	background: #B70000;
}

.site_headerbg
{
	display: none;
}

.site_header h1
{
	color: white;
	text-shadow: none;
}

.site_header .table .links li
{
	color: white;
	background-image: url("Graphics/TopBullet2.GIF");
	background-position: left top;
	height: auto;
}

.site_header .table .links a
{
	color: white;
}

.site_header .table .home
{
	width: 82px;
	max-width: 90px;
}

.site_header .table .home a img
{
	visibility: hidden;
}

.site_header .table .home a:after,
.site_header .table .home a:hover:after
{
	display: block;
	content: url("Graphics/HomeLogo.GIF"); /* Replace clickable button with standard logo */
	width: 82px;
	height: 40px;
}

.site_header .table .up
{
	display: none;
}

.site_header .table .title,
.site_header .table .nolinks
{
	padding-left: 1%;
}

@media (max-width: 560px)
{
	.site_header .table .home { width: 82px; }
}

/* ================================================= */
/* Site title (convert to centered text)
/* ================================================= */

.site_title .logo
{
	display: none;
}

body.nopanels .site_title:before
{
	display: none;
}

body.panels .site_title
{
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	height: auto;
	text-align: center;
}

body.panels .site_title > div
{
	height: auto;
	max-width: none;
	padding: 0;
	background: none;
}

body.panels .site_title .borders
{
	height: auto;
	padding: 0;
	background: none;
}

body.panels .site_title h2
{
	height: auto;
	padding: 0;
	color: black !important;
	background: none;
	text-shadow: none !important;
}

body.nopanels h2
{
	margin: 1.5em 0;
	color: black;
	text-shadow: none !important;
}

body.panels .site_title h2:before
{
	display: none !important;
}

.site_title .bg
{
	background: none !important;
}

@media (max-width: 600px)
{
	/* No need to hide in print mode (not that this should ever be an issue, but...) */
	body.panels .site_title { display: block; margin-top: 60px; }
	body.panels .site_content { margin-top: 1em; }
}

/* ================================================= */
/* Site footer (remove panels and put a border along the top instead)
/* ================================================= */

.site_footer
{
	border-top: 2px solid black !important;
	page-break-inside: avoid;
}

body.panels .site_footer
{
	margin: 0 auto;
}

/* ================================================= */
/* Site panels (remove)
/* ================================================= */

body.panels .site_content
{
	margin-left: 0;
	margin-right: 0;
}

.panel_top
{
	display: none;
}

.panel_bottom
{
	display: none;
}

.panel
{
	background: none;
	padding: 0;
}

.panel_bg
{
	background: none !important;
	padding: 0;
}

.site_content .panel_bg:before
{
	display: none;
}

.site_content .panel_bg:after
{
	display: none;
}

body.nopanels .site_content > .content
{
	margin: 1.5em 2em;
}

/* ================================================= */
/* H1 headers (make story header match H1 header) */
/* ================================================= */

.header,
.story
{
	background: #333;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

@media (max-width: 667px)
{
	.story h3 { margin-top: 0; }
}

.headerbg
{
	display: none;
}

.header h3,
.story h3
{
	display: block;
	padding-bottom: 1px;
	color: white;
	text-shadow: none;
}

.header:before
{
	display: none;
}

.header:after
{
	display: none;
}

.header .top,
.header .help
{
	display: none;
}

.story
{
	width: 100%;
	height: auto;
	padding: 0;
	margin-bottom: 0;
	padding: 0 2em;
}

.story:before
{
	display: none;
}

/* ================================================= */
/* Master Game List */
/* ================================================= */

.gamelist th
{
	background: #333;
	color: white;
	text-shadow: none;
}

.gamelist tr.row
{
	box-shadow: none;
}

.gamelist th:first-child:before
{
	display: none;
}

.gamelist th:last-child:after
{
	display: none;
}

.gamelist tr.row1
{
	background: #EEE;
}

.gamelist td.name:before
{
	margin-left: -1.7em;
}

.gamelist td.rating
{
	padding-left: 0;
	padding-right: 4px;
}

.gamelist th:last-child
{
	padding-left: 0;
	padding-right: 4px;
}

/* ================================================= */
/* Game lists in individual sections (with the screen shots) */
/* ================================================= */

.gamegrid .td
{
	page-break-inside: avoid;
}

.gamegrid h5
{
	text-shadow: none;
}

/* ================================================= */
/* Game logo table (removing most of, but keeping the stats) */
/* ================================================= */

.gamelogo
{
	border-collapse: collapse;
	margin-top: 1em;
}

.gamelogo .logo
{
	background: white;
	border: 1px solid black;
}

.gamelogo .logo div
{
	color: black;
}

.gamelogo > div
{
	border: 1px solid black;
}

.gamelogo .body
{
	background: none;
	padding: 0;
}

.gamelogo .bottom
{
	display: none;
}

.gamelogo .buttons
{
	display: none;
}

.gamelogo .stats
{
	background: white;
}

.gamelogo .stats > div
{
	border-color: black;
}

.gamelogo .stats > div > b
{
	color: white;
	background: #333;
}

.gamelogo .stats > div > div
{
	color: black;
	background: white;
}

.gamelogo .stats a:link,
.gamelogo .stats a:visited
{
	color: black;
}

.gamelogo .toc
{
	display: none;
}

.gamelogo .armtr
{
	display: none;
}

/* ================================================= */
/* Screen shots */
/* ================================================= */

.screenshot
{
	page-break-inside: avoid;
	box-shadow: none;
}

.screenshot .caption
{
	background: none !important;
}

.screenshot .img
{
	background: none !important;
}

.screenshot img
{
	border-color: black;
	box-shadow: none;
}

/* ================================================= */
/* Data Base item */
/* ================================================= */

.dataitem
{
	page-break-inside: avoid;
}

.dataitem .circle:before
{
	border-color: black;
}

.dataitem .name
{
	color: black !important;
	border-color: black;
}

.dataitem .stats
{
	background: white !important;
	border-color: black;
}

.dataitem .stats b
{
	color: black;
}

.dataitem .stats .topbar
{
	color: white;
	background: #333;
}

/* ================================================= */
/* Reviews */
/* ================================================= */

.review dt b
{
	color: black !important;
}

/* ================================================= */
/* Damage tables */
/* ================================================= */

.damagetable
{
	page-break-inside: avoid;
}

.damagetable .heading th
{
	background: #333;
	color: white;
}

.damagetable td
{
	background: none;
	color: black;
	border: 1px solid #999;
}

/* ================================================= */
/* Home Page */
/* ================================================= */

.homenews .updates
{
	color: black;
	background: none;
}

.homenews .new
{
	color: black;
}

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

.homenews .updates .new,
.homenews .updates .new a
{
	color: black;
}

.homenews .news .left
{
	background: none;
	border-right: 2px solid #333;
}

.homenews .updates h4
{
	border-color: black;
}

.homenews .news .content
{
	color: black;
	background: none;
}

.homenews .content dt
{
	color: black;
}

/* ================================================= */
/* Section Links */
/* ================================================= */

.sectionlinks ul
{
	background: none;
	border: 0px;
}

.homecontent .sectiontop
{
	background: none;
}

.sectionbottom
{
	background: none;
	border: 0px;
}

.sectionlinks h3,
.sectionlinks h3:first-child span
{
	color: white;
	background: #333;
	text-shadow: none;
}

.sectionlinks h3 span
{
	background: none;
}

.sectionlinks h3:before,
.sectionlinks h3:after
{
	display: none;
}

/* ================================================= */
/* Splash images */
/* ================================================= */

.splash_right
{
	display: none;
}

/* ================================================= */
/* MMFAQ */
/* ================================================= */

dt.mmfaq
{
	page-break-inside: avoid;
}

.L dd.mmfaq b, .LL dd.mmfaq b, .LD dd.mmfaq b, .LB dd.mmfaq b { color: black; }
.D dd.mmfaq b, .DL dd.mmfaq b, .DD dd.mmfaq b, .DB dd.mmfaq b { color: black; }
.B dd.mmfaq b, .BL dd.mmfaq b, .BD dd.mmfaq b, .BB dd.mmfaq b { color: black; }

/* ================================================= */
/* Glossary stuff */
/* ================================================= */

dl.glossary dt
{
	border-color: black;
}

/* ================================================= */
/* Email forms */
/* ================================================= */

.emailform .th,
.emailform .th2
{
	color: black !important;
}

/* ================================================= */
/* Replace ratings with numbers */
/* ================================================= */

span.rating:before
{
	content: attr(title);
	font-weight: bold;
}

span.rating img
{
	display: none;
}

/* ================================================= */
/* Replace white icons with black */
/* ================================================= */

a.icon:after,
span.icon:after
{
	vertical-align: middle;
}

/* ------------------------------------------------- */
/* Variants */

.icon.Zenny img { display: none; }
.icon.Zenny:after { content: url("Icons/B-Zenny.GIF"); }
.icon.Up img { display: none; }
.icon.Up:after { content: url("Icons/B-btnUp.GIF"); }
.icon.Down img { display: none; }
.icon.Down:after { content: url("Icons/B-btnDown.GIF"); }
.icon.Left img { display: none; }
.icon.Left:after { content: url("Icons/B-btnLeft.GIF"); }
.icon.Right img { display: none; }
.icon.Right:after { content: url("Icons/B-btnRight.GIF"); }
.icon.DownForward img { display: none; }
.icon.DownForward:after { content: url("Icons/B-btnDownFwd.GIF"); }
.icon.A img { display: none; }
.icon.A:after { content: url("Icons/B-btnA.GIF"); }
.icon.B img { display: none; }
.icon.B:after { content: url("Icons/B-btnB.GIF"); }
.icon.L img { display: none; }
.icon.L:after { content: url("Icons/B-btnL.GIF"); }
.icon.R img { display: none; }
.icon.R:after { content: url("Icons/B-btnR.GIF"); }
.icon.X img { display: none; }
.icon.X:after { content: url("Icons/B-btnX.GIF"); }
.icon.Y img { display: none; }
.icon.Y:after { content: url("Icons/B-btnY.GIF"); }
.icon.Circle img { display: none; }
.icon.Circle:after { content: url("Icons/B-btnCircle.GIF"); }
.icon.Triangle img { display: none; }
.icon.Triangle:after { content: url("Icons/B-btnTriangle.GIF"); }
.icon.Square img { display: none; }
.icon.Square:after { content: url("Icons/B-btnSquare.GIF"); }
.icon.TriangleSm img { display: none; }
.icon.TriangleSm:after { content: url("Icons/B-btnTriangleSm.GIF"); }
.icon.Start img { display: none; }
.icon.Start:after { content: url("Icons/B-btnStart.GIF"); }
.icon.Select img { display: none; }
.icon.Select:after { content: url("Icons/B-btnSelect.GIF"); }
.icon.L1 img { display: none; }
.icon.L1:after { content: url("Icons/B-btnL1.GIF"); }
.icon.R1 img { display: none; }
.icon.R1:after { content: url("Icons/B-btnR1.GIF"); }
.icon.L2 img { display: none; }
.icon.L2:after { content: url("Icons/B-btnL2.GIF"); }
.icon.R2 img { display: none; }
.icon.R2:after { content: url("Icons/B-btnR2.GIF"); }
.icon.Z img { display: none; }
.icon.Z:after { content: url("Icons/B-btnZ.GIF"); }
.icon.MMBN3N img { display: none; }
.icon.MMBN3N:after { content: url("Icons/B-MMBN3n.GIF"); }
.icon.MMBN3M img { display: none; }
.icon.MMBN3M:after { content: url("Icons/B-MMBN3m.GIF"); }
.icon.MMBN3a img { display: none; }
.icon.MMBN3a:after { content: url("Icons/B-MMBN3a.GIF"); }
.icon.MMBN4s img { display: none; }
.icon.MMBN4s:after { content: url("Icons/B-MMBN4s.GIF"); }
.icon.MMBN4c img { display: none; }
.icon.MMBN4c:after { content: url("Icons/B-MMBN4c.GIF"); }
.icon.MMBN4h img { display: none; }
.icon.MMBN4h:after { content: url("Icons/B-MMBN4h.GIF"); }
.icon.MMBN4x img { display: none; }
.icon.MMBN4x:after { content: url("Icons/B-MMBN4x.GIF"); }
.icon.MMBN4d img { display: none; }
.icon.MMBN4d:after { content: url("Icons/B-MMBN4d.GIF"); }
.icon.Smiley img { display: none; }
.icon.Smiley:after { content: url("Icons/B-Smiley.GIF"); }
.icon.Wink img { display: none; }
.icon.Wink:after { content: url("Icons/B-Wink.GIF"); }
.icon.PSmiley img { display: none; }
.icon.PSmiley:after { content: url("Icons/B-PSmiley.GIF"); }
.icon.VSmiley img { display: none; }
.icon.VSmiley:after { content: url("Icons/B-VSmiley.GIF"); }
.icon.XSmiley img { display: none; }
.icon.XSmiley:after { content: url("Icons/B-XSmiley.GIF"); }
.icon.XDSmiley img { display: none; }
.icon.XDSmiley:after { content: url("Icons/B-XDSmiley.GIF"); }