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

strong { color: #FFFF80 }

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

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

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

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

.maincolorbox {border: 3px solid #222211; background-color: #444433; border-collapse: separate; border-spacing: 0;}
table.game, .note {border: 3px solid #222211; background-color: #222211; border-collapse: collapse; border-spacing: 0;}
table.game {width: 720px; margin: 16px auto;}
.note {max-width: 250px; margin: 16px auto;}
.floatcontainer {width: 975px; margin: 0 auto;}
.floatcontainer2 {width: 1150px; margin: 0 auto;}
.sidebox, .encounterbox {border: 3px solid #222211; background-color: #444433; border-collapse: separate; border-spacing: 0; padding: 10px;}
.encounterbox {width: 600px; margin: 0 auto; box-sizing: border-box;}

td.gameheaderarea, .gamefooterarea, td.gamestatarea {border: 1px solid #222211; padding: 1px 10px;}
td.gametextarea {background-color: #444433; color: ffffdd; border: 1px solid #222211; padding: 10px;}
.encountertextarea {background-color: #444433; color: ffffdd; padding: 20px; font-size: larger;}

td.gameheaderarea {background-color: #000000;}
hr {height: 1px; border: 0; color: gray; background-color: gray;}

td.gameheaderarea strong {color: #FFFF80;}

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

.gamefooterarea {background-color: #333322;}
td.gamestatarea {background-color: #555544;}

td.gain {border-style: solid; border-width: 1px; border-color: #ddddaa !important; background-color: #ffffcc; color: black;}
td.loss {border-style: solid; border-width: 1px; border-color: #111111 !important; background-color: #333333; color: #777777;}
div.full {background-color: #bbbb88; display: inline; color: black !important; padding: 0; margin: 0;}
div.empty {background-color: #222222; display: inline; padding: 0; margin: 0; color: #ffffcc !important;}
.fhide {color: #bbbb88;}
.ehide {color: #222222;}

b.item {font-weight: bold; color: #FFFF80;}
.picbox {border: 1px solid #222211;}

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

input.verticalbar { width: 100px; }
input.verticalbar2 { width: 85px;}
input.verticalbarl { width: 200px; }

input.disabled {background-color: #555544; border-color: #444433; border-width: 1px; border-style: solid;}

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

.headline {color: #FFFF80;}

form {padding: 0; margin: 0;}
input {height: 25px;}

td.whitespace {padding: 10px;}

.c {text-align: center;}
.loud {font-size: larger;}
.quiet {font-size: smaller;}
.shout {font-size: 150%;}
.whitespace {padding: 20px;}
.mobileonly, .mobileonlytr {display: none;}

table.layout {border-collapse: collapse; border-spacing: 0; border-style: none; border-width: 0; padding: 0;}
table.layout td {margin: 0; border: 0; vertical-align: middle;}