html, body { font-family: sans-serif }
/*
body.snakes { background-color: #DFD }
body.etr.heroes { background-color: #FEC }
body.eth.heroes { background-color: #FDD }
body.etr.villians { background-color: #FCF }
body.eth.villians { background-color: #CEF }
*/
.pc { color: #808 }
.na { text-decoration: line-through; }
li, ol { list-style-position: inside; text-indent: -1em; margin-left: 1em; }
ol.nonum { list-style: disc }
img { display: block }
dt { font-weight: bold; margin-top: 0.5em; clear: both; /*border-top: gray dotted 1px;*/ }
body > dl > dd + dt,
dl+h2, dl+h3, p+h2/*, p+h3*/ {  padding-top: 0.5em; margin-top: 0.5em; clear: both; border-top: gray dotted 1px; }
dl+h2, p+h2 { border-top: gray solid 2px; }
dd dt { clear: none; border: none }
dd { text-indent: -2em; margin: .2em 0 .2em 4em; }
dd>ol, dd>ul { padding-left: 0; /*margin-left: -2em*/ }
td>ol, td>ul { padding-left: 0; margin-left: 0em }
dd p { margin: 0.2em 0 }
.inline>li:after, .inline>dd:after { content: ','; }
.inline>li.last:after, .inline>.last+dd:after { display: none; }
.inline, .inline>* { display: inline; margin: 0; padding: 0 }
.illustration { float: right; margin: 0; border: 1px solid black; page-break-inside: avoid }
.fleft { float: left }
.noclear { clear: none }
.nob, .nob img { border: none }
.spells dd, .spells li, .powers dd, .powers li { font-style: italic }
.notpower, .notspell { font-style: normal }
.sublevels dl { font-size: 70% }
.sidebar { width: 40%; float: right; padding: 0.5em; border: 1px solid black; background: #EEE; text-indent: 0; margin-left: 0; }
.widebar { padding: 0.5em; border: 1px solid black; background: #EEE; text-indent: 0; margin: 0.5em 1em }
.note { color: #208; font-style: italic; }
.fluff { font-style: italic }
table.power { border-collapse: collapse; border: 0; width: 30em }
table.power th, table.power td { padding: 2px 3px 2px 2.1em; text-indent: -2em; }
table.atwill>tr          { color: #FFF; background-color: #060 }
table.encounter>tr       { color: #FFF; background-color: #600 }
table.daily>tr           { color: #FFF; background-color: #444 }
table.power .hit         { color: #000; background-color: #CCA }
table.power>tr+tr        { color: #000; background-color: #CCA; font-style: italic; font-size: 90% }
table.power>tr+tr+tr     { color: #000; background-color: #FFF; font-style: normal; font-weight: bold }
table.power>tr+tr+tr+tr  { font-weight: normal }
table.power th { font-weight: bold; text-align: left }
table.power .strong { font-weight: bold }
table.power th+th { text-align: right; font-size: 90%; font-weight: normal }
table caption { font-weight: bold; }
table.gridded, table.vgridded { border-collapse: collapse }
.gridded th, .gridded td { padding: 0.3em 0.6em; border: 1px dotted #222 }
.vgridded th, .vgridded td { padding: 0.1em 0.3em; border-right: 1px dotted #222; border-left: 1px dotted #222 }
table.monster th { text-align: right }
table.weapons tr { background-color: #FFF }
table.weapons tr.even { background-color: #FDB }
table.weapons { border-collapse: collapse; border: 1px solid black }
table.weapons th,
table.weapons td { padding: 0.2em 0.5em; }
table.weapons tfoot tr { background-color: #FFF; border-top: 1px solid black; font-size: .7em }
table.weapons tr.subhead th { font-weight: normal; font-style: italic; text-align: left; }
table.weapons tr>td { padding-left: 3em; text-align: left; }
table.weapons tr>td+td { padding-left: 0.5em; text-align: center }
@media print {
	.illustration { page-break-inside: avoid; }
	img { page-break-inside: avoid; }
	html, body { font-size: 8pt; }
}