body {background-image: url("../backgrounds/well-wall.jpg"); background-color: #333322; color: #ffffcc; 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: #FFFF80 }

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

a.encounterlink {color: yellow;}
a.encounterlink:hover {color: yellow;}

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;}

table.game, .note, .encounterbox {border: 2px solid #222211; background-color: #222211; border-spacing: 0;}
table.game {width: 700px; margin: 32px auto;}
.encounterbox {margin: 32px auto;}
.note {max-width: 350px; margin: -16px auto 32px auto;}
.floatcontainer {width: 950px; margin: 0 auto;}
.sidebox {border: 3px solid #222211; background-color: #444433; border-collapse: separate; border-spacing: 0; padding: 10px;}

table.game table {padding: 0; margin: 0;}
table.game table td {padding: 0; margin: 0;}

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

td.gameheaderarea strong {color: #FFFF80;}

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; padding: 1px 10px;}
table.game td.leftindent {padding: 3px 0 3px 10px;}
table.game td.padded {padding: 3px;}

td.gain {border-style: solid; border-width: 1px; border-color: #ffff00 !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;}
div.empty {background-color: #222222; display: inline;}

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

h1 {padding: 5px 0; margin: 0; font-size: 18pt; color: #FFFFcc}
div.H, .F {background-color: #333322; border-style: solid; border-color: #555544; padding: 3px; text-align: center;}
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; }
input.verticalbar2 { width: 85px; }
input.verticalbarl { width: 200px; }
input.disabled {background-color: #333322; border: 1px solid #222211;}

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

.headline {color: #FFFF80;}

form {padding: 0; margin: 0;}

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

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