body {background-image: url("../backgrounds/well-wall.jpg"); background-color: #333322; color: #eeeecc; margin: 0;}
a {color: #bbbbaa}
a:link {color: #bbbbaa}
a:visited {color: #888877}
a:hover {background: #555544; color: #FFFFcc}
a:active {color: #ddddcc}

strong {color: #FFFFaa;}

a.nav {font-weight: bold}
a.nav:visited {}

a.small {font-weight: normal; font-size: 83%}

.display {border: 3px solid #222211; background-color: #444433; border-collapse: collapse; margin: 0 auto;}

td.title, td.highlight, td.highlightdark {border: 1px solid #222211; padding: 3px;}
td.title {text-align: center; background-color: #111100; font-weight: bold;}
td.highlight {background-color: #444433;}
td.highlightdark {background-color: #111100;}

td.gametextarea {vertical-align: top; padding: 10px !important; font-size: 150%;}
td.gameheaderarea {background-color: black; border: 1px solid #222211;}

td.gameheaderarea strong {color: #FFFFcc;}

td.gameheaderarea a {font-size: 10pt; color: #FFFFaa;}
td.gameheaderarea a:link {color: #FFFFaa;}
td.gameheaderarea a:visited {color: #FFFFaa;}
td.gameheaderarea a:hover {color: #FFFFdd;}

td.gamefooterarea {background-color: #333322; border: 1px solid #222211;}
td.gamestatarea {background-color: #555544; border: 1px solid #222211;}

td.gain {border: 1px solid #ffff00 !important; background-color: #ffffcc; color: black;}
td.loss {border: 1px solid #111111 !important; background-color: #333333; color: #777777;}
div.full {background-color: #bbbb88; display: inline; color: black;}
div.empty {background-color: #222222; display: inline;}

table.game, .note {border: 1px solid #222211; background-color: #444433; border-collapse: separate; border-spacing: 2px;}
table.game {width: 600px; margin: 32px auto;}
.note {position: initial; max-width: 500px; margin: -16px auto 32px auto;}

table.game td {border: 1px solid #222211; padding: 1px 10px;}
table.game td td {border: 0;}
table.game td td.gain {border-width: 1px;}
table.game td.controls {padding: 0;}

b.item {font-weight: bold; color: #FFFF80;}

h1 {padding: 5px 0; margin: 0; font-size: 18pt; color: #FFFFaa}
div.H, .F {background-color: #333322; border: solid #555544; text-align: center; padding: 3px;}
div.H {border-width: 0 0 1px 0; margin: 0 0 15px 0; padding-bottom: 10px;}
.F {border-width: 2px 0; margin: 15px 0 0 0; font-size: 10pt; padding: 10px 5px;}

input.verticalbar { width: 100px; }

h2 {color: #FFFFaa; font-weight: bold; font-size: 18pt; text-align: center; margin: 0; padding: 0;}

form {padding: 0; margin: 0;}

.mobileonly, .mobileonlytr {display: none;}
.whitespace {padding: 20px;}

.c {text-align: center;}
.loud {font-size: larger;}
.quiet {font-size: smaller;}

.normalrow {background-color: #444444;}
.highlightrow {background-color: #222222;}
.monsterrow {background-color: #bb1111;}