/* global tags */
body {font-size: 15pt; font-family: monospace; color: #FFF; background-color: #000; margin: 0; padding: 0;}
p {margin: auto; text-align: center; width: 80%;}
img {position: absolute; margin: 0; padding: 0;}
a, a:link, a:visited, a:hover, a:active {text-decoration: none;}
table {margin: auto; width: 50%;}
td, th {text-align: center; background-color: #333; text-shadow: 1px 1px 0px #000; border: 3px outset #FFF; padding: 6px;}
h1, h2, h3, h4, h5, h6 {text-align: center; text-decoration: underline;}

/* major classes, IDs */
.battleArenaDiv, .overworldDiv {width: 480px; height: 400px; margin: auto; padding: 0; position: relative; border: 4px outset #EEE;}
.battleArena, .overworldArea {left: 0; top: 0; z-index: 0;}
.battleLogDiv, .overworldLogDiv {width: 50%; height: 250px; margin: auto; overflow: scroll; padding: 12px; color: #FFF; background-color: #333; border: 4px outset #EEE; text-shadow: 1px 1px 0 #000;}
.battleMenu {left: 192px; top: 240px; z-index: 2;}
.battleMenuItemA {left: 192px; top: 240px; z-index: 1;}
.battleMenuItemB {left: 192px; top: 272px; z-index: 1;}
.battleMenuItemC {left: 192px; top: 304px; z-index: 1;}
.battleMenuItemD {left: 192px; top: 336px; z-index: 1;}
.battlePlayer {left: 16px; top: 240px; z-index: 2;}
.battleDialogue {left: 16px; top: 0; z-index: 2;}
.battleDragon {left: 176px; top: 112px; z-index: 1;}
.battleDragonTitle {left: 0; top: 128px; z-index: 1;}
.battleDragonHealth {left: 304px; top: 128px; z-index: 1;}
.battleDragonStatus {left: 288px; top: 192px; z-index: 3;}
.battleMenuNxBk {left: 208px; top: 368px; z-index: 3;}
.overworldHero {left: 224px; top: 160px; z-index: 2;}
.overworldMystery {left: 208px; top: 48px; z-index: -1;}
.overworldHud {left: 0; top: 304px;}
.controlButton {width: 200px; height: 50px; padding: 0;}
#HUD_BOX {z-index: 1;}
#HUD_TEXT_A, #HUD_TEXT_B, #HUD_TEXT_C, #HUD_TEXT_D, #HUD_TEXT_E, #HUD_ITEMS_B, #HUD_ITEMS_C, #HUD_ITEMS_D {z-index: -1;}
#HUD_ITEMS_A {z-index: 2;}
#BUTTON_MOVE_LEFT, #BUTTON_MOVE_DOWN, #BUTTON_MOVE_UP, #BUTTON_MOVE_RIGHT, #BUTTON_MOVE_ACTION {font-size: 15pt; font-family: monospace; color: #FFF; background-color: #333; border: 0px solid #000; width: 100%; height: 100%; display: block; margin: 0px; padding: 0px;}
#ITEM_BUTTON {left: 320px; top: 224px; z-index: -1;}
#ITEM_LEVER {left: 384px; top: 192px; z-index: -1;}
#ITEM_KEY {left: 128px; top: 64px; z-index: -1;}
#ITEM_CHEST {left: 96px; top: 224px; z-index: -1;}
#ITEM_PAPER {z-index: -1;}
#PRIZE_BOX_A, #PRIZE_BOX_B, #PRIZE_BOX_C {display: none; margin: auto; border: 2px solid #FFF; background-color: #000; color: #FFF; font-family: "Courier New", monospace; font-size: 15pt; padding: 3px; border-radius: 4px; width: 175px; text-align: center;}

/* other pages, misc. */
.pageNavigation {font-size: 12pt; font-family: "Arial Narrow", "Arial", sans-serif; text-align: center; color: #FFF; background-color: #333; margin: 0; padding: 6px; border: 2px solid #FFF;}
.navigationLink, .navigationLink:link, .navigationLink:visited {color: #FFF; text-decoration: none;}
.navigationLink:hover, .navigationLink:active {color: #FF0; text-decoration: none;}
.informationContainer {width: 62.5%; margin: auto; padding: 0; font-size: 15pt; font-family: "Arial Narrow", "Arial", sans-serif; color: #FFF;}
.codeTextSpan {display: inline-block; border: 1px solid #FFF; background-color: #333; font-family: "Courier New", monospace; font-size: 11pt; vertical-align: 2px; padding: 1px;}
.username1 {color: #56A5FF; font-weight: bold; text-decoration: underline;}
.username2 {color: #2FF966; font-weight: bold; text-decoration: underline;}
.username3 {color: #F5E544; font-weight: bold; text-decoration: underline;}
.versionNumber {font-size: 9pt; color: #888;}
.linkBack {font-size: 11pt; color: #3D9;}