body {background-image: url("../backgrounds/well-sand-lo.jpg"); background-color: #ddaa40; color: #000000; margin: 0;}
a {color: #444411}
a:link {color: #444411}
a:visited {color: #333300}
a:hover {background: #FFFF80; color: #333300}
a:active {color: #666622}

form {padding:0; margin: 0}

strong {font-weight: bold;}

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

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

td.title, td.highlight, td.highlightdark {border: 1px solid #aa8030; padding: 3px;}
td.title {text-align: center; background-color: #ffff80; font-weight: bold;}
td.highlight {background-color: #cccc50;}
td.highlightdark {background-color: #ffcc60;}

table.game, .note {border: 1px solid #aa8030; background-color: #aa8030;}
table.game {margin: 32px auto;}
.note {max-width: 400px; margin: -16px auto 32px auto;}
.encounter {border: 3px solid #aa8030; border-collapse: collapse; margin: 32px auto; width: 300px; font-size: larger; background-color: #cccc50; padding: 20px;}
.statbox {border: 1px solid #aa8030; background-color: #aa8030; margin: 0;}

td.gametextarea {background-color: #ffcc60; border: 1px solid #aa8030; padding: 3px; color: #000000;}
td.gamefooterarea {background-color: #ffcc60; border: 1px solid #aa8030; padding: 3px 10px; color: #000000; font-size: smaller;}
td.gameheaderarea {background-color: black; color: #FFFF80; padding: 3px 10px;}

td.gameheaderarea strong {color: #ffffcc; font-weight: bold;}

td.gameheaderarea a {color:  #ffff80}
td.gameheaderarea a:link {color:  #ffff80}
td.gameheaderarea a:visited {color: #ffcc60}
td.gameheaderarea a:hover {background: #FFFF80; color: #333300}
td.gameheaderarea a:active {color: #666622}

td.gamestatarea, td.gain, .loss {background-color: #FFFF80; padding: 1px 10px;}
td.warning1 {background-color: #ff0000; padding: 1px 10px;}
td.warning2 {background-color: #aa0000; padding: 1px 10px;}
td.warning3 {background-color: #660000; padding: 1px 10px; color: #FFFF90}

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

input.verticalbar {width: 100px;}
input.verticalbar2 {width: 175px;}
input.disabled {background-color: #ccaa50; border-color: #aa8030; border-style: solid;}

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

td.gain,span.gain {background-color: #FFFFDD !important;}
td.loss,span.loss {background-color: #bb9040 !important;}

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

.mobileonly, .mobileonlytr {display: none;}