/* start with the basics */

body { font-family: Verdana, sans-serif; margin: 0 }
h1 { color: black; font-size: 18pt; letter-spacing: 0.25em }
h2 { color: black; font-size: 13pt; margin-bottom: 0.5em }
h3 { color: black; font-size: 11pt; font-style: italic }
h4 { color: black; font-size: 9pt; margin-bottom: 0.5em }
h5 { color: black; font-size: 7pt; }
h6 { color: black; font-size: small; }
h3, h5, h6 { margin-bottom: 0; margin-top: 1em; }
p, dl, th, td { font-size: 6pt; }
td {vertical-align: top; }
p { line-height: 1.4; margin: 0.5em 0;}
p.initial, dl { margin: 0 }
ul, ol { font-size: 6pt; margin-bottom: 0; margin-top: 0; }
table { page-break-inside: avoid }
th { text-align: left; vertical-align: bottom; }
td { padding: 1px; }
dt {font-weight: bold; }
sup { font-size: 5pt; }
a { color: black; text-decoration: none; }

/* define some custom styles */

.backlink { display: none; }
.center { text-align: center }
.clear { clear: both }
.d20 { display: none; }
.description p { text-indent: 1em; }
.description p:first-child { text-indent: 0 }
.dropdown { display: none; }
.indent { text-indent: 1em }
.float-left { display: none; }
.float-right { display: none; }
.last-row { border-bottom: 1px solid #dfdfdf }
.legal { display: none; }
.notation {font-family: Courier New, monospaced; font-size: .5em; text-indent: 2em; }
.odd-row { background-color: #dfdfdf }
.size-block { display: block; font-weight: bold; margin-bottom: 0.5em }
.statblock p { font-size: 5pt; margin-top: -0.5em; }
.statblock h3 {margin-bottom: 0.2em; }
.sub-last-row { border-bottom: 1px solid #dfdfdf; text-indent: 1em; }
.subgear { text-indent: 1em; }
.subtitle { font-size: small; font-style: italic }

/* set up the menu -- we nest the navigation list inside a "nav"
   div so that we can nest the borders to create the desired effect. */

.nav {display: none; }

/* tablelist is a specialized table for displaying links and so on */

.tablelist { float: left; font-size: 8pt; }
.tablelist td { padding: 1px; }
.tablelist a { display: block; font-weight: bold; }
.tablelist p { float: left; margin-top: -0.3em; }