/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* donjon.css
 *
 * copyright (c) 2009 drow <drow@bin.sh>
 * all rights reserved.
*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* structure */

table.body { width: 100%; margin: 0px; }
th.header a { text-decoration: none; }

td.nav { width: 16em; padding-bottom: 4ex;
  border-right: 1px solid; }
td.nav h2 { margin: 1ex 1ex; font-size: 100%; }
td.nav ul { margin: 1ex 1em; padding: 0px; list-style: none; }
td.nav ul li { padding: 3px 1em; font-size: 80%; }
td.nav ul li:hover { background: #CCCCCC; }
td.nav a { display: block; text-decoration: none; color: #000000; }
td.nav hr { margin: 2ex 1ex; margin-top: 4ex;
  border: none; border-top: 1px solid; }

td.content { padding: 1ex 2em; padding-bottom: 2em; }
td.footer { font-size: 80%; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* content */

h1 { margin: 2ex 2em; text-align: center; }
h2 { margin: 2ex 0em; }
h3 { margin: 2ex 1em; }

a:link { color: #0000CC; }
a:hover { color: #0000FF; }
a:active { color: #0000CC; }
a:visited { color: #0000CC; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* tricks */

div.block { display: table; margin: 2ex 2em; }
div.block div { display: table-cell; vertical-align: top; }
div.block div.img { min-width: 100px; text-align: center; }
div.block div.desc h3 { margin-top: 0px; }
div.block div.desc p { margin-top: 0px; margin-right: 0px; }
div.block div.desc hr { margin-left: 2em; }

table.form select { min-width: 10em; }
table.form select.num { min-width: 5em; }
table.form table.form { margin: 0px; }

td.preview { padding-left: 2em; }
td.preview h3 { margin: 0px; margin-bottom: 1ex; }
td.preview div.img { width: 201px; overflow: hidden; }

div.out { width: 40em; margin: 0px; padding: 4px 8px;
  border: 1px solid; border-color: #999999; }
div.out p { margin: 0ex 0em 1ex 0em; }
div.out ol { margin: 0ex 0em; }
div.out hr { margin: 1ex 0em;
  border: none; border-top: 1px solid; border-color: #999999; }

div.footnotes { margin-top: 6ex; font-size: smaller; }
div.footnotes p { text-align: center; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */