/* PAGE */
BODY {
	margin: 4em 0 2em;
	font-family: sans-serif;	
}

								/* LINKS */
A:link{color: #000066;}
A:visited{color: #660066;}
A {text-decoration: none;}
A:hover {text-decoration: underline;}
/* links to other pages/sites */
A.outbound {text-decoration: underline;}


								/* BORDERS, PAGE HEADER and FOOTER */

P, H3, H4, H5, TABLE, OL, UL, DL, PRE {
	margin: 0.5em 5%;
}
								
DIV.header {
  position: fixed;
  top: 0;
  margin-top: 0;
  border-bottom: 2px solid black;
  width: 100%;
}
.header H1 {
  margin: 0;
  margin-bottom: 0.1em;
  padding-right: 1em;
  text-align: right;
}
.header H2 {
  margin: 0;
  padding-left: 0.5em;
  position: absolute;
  top: 0.2em;
  border: 0;
}
.header A, .footer A.nav {
  font-family: sans-serif;
}

TABLE.footer {
  clear: both;
  margin: 0;
  margin-top: 2.5em;
  border-top: 2px solid black;
  border-bottom: 1px solid black;
  width: 100%;
  font-family: serif;
  font-size: medium;
}

DIV.h2 {
}

DIV.nav {
  font-size: 110%;
  position: absolute;
  right: 0;
  margin: 0.5em 1.5em;
}


H2 {
  margin: 2em 2% 0.5em;
  border-bottom: 1px solid black;
}
H3 {
  margin-top: 1.25em;
  margin-bottom: 0.5em;
  font-size: 115%;
  margin-left: 3%;
}

H4 {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size: 105%;
}

/*
H5 {
  margin-top: 1.2em;
  font-size: 100%;
}
*/
.start {
  margin-top: 1.5em;
}
.rough {
  font-family: courier;
}

/*
.abilities {
  margin-left: 7%;
  margin-right: 7%;
}
*/

TABLE {
  font-size: small; 
  border-collapse: collapse;
  margin: 1em 5%;
  clear: both;
}
TABLE TD {
  border: 1px solid gray;
  padding: 0.4em 1em;
  vertical-align: top;
}
TABLE TH {
  border: 2px solid gray;
  padding: 0.4em 1em;
}
TABLE UL {
  margin: 0;
  padding: 0.2em 0 0;
  list-style: inside;
}

.centered {
  text-align: center;
}


TABLE.dm UL {
  margin-top: 0;
  margin-bottom: 0;
}


/*
TABLE PRE {
  font-size: medium;
}
TABLE P {
  margin: 0.3em 0;
}
.monsters P {
  margin: 1em 0.5em;
}


UL UL, UL OL {
  margin-left: 2%; margin-right: 2%;
}
UL LI {
  margin-bottom: 0.2em;
}
UL BR.half {
  line-height: 0.2em;
}
OL.spells LI {
  margin-bottom: 0.4em;
}
*/

LI P, DD P, DD UL {
  margin-left: 0;
  margin-right: 0;
}

DT {
  font-weight: bold;
  margin-top: 1em;
}
DT B {
  font-size: larger;
}
DD {
  margin-left: 2%;
  margin-bottom: 1em;
}

								/* COLORS */

BODY {
  color: #000000;
  background-color: #fffada;
}

DIV.header, TABLE.footer {
	background: #bbbb66;
}
H1, H2, H3, H4, H5, .header A, .footer A.nav {
  color: #101020;
}

.red {color: #cc0000; font-size: larger;}
.black {color: #000000; font-size: larger;}


TABLE.dm {margin: 1.2em auto; border-collapse: collapse; font-size: medium; background-color: #ffffff;}
TABLE.dm TD {padding: 0.5em 1em; vertical-align: top; border: 1px solid grey;}
.dm TH {text-align: left; border: 1px solid grey;}
.dm UL  {list-style: none; margin: 0.5em 0; padding: 0 0 0 0.5em;}
.dm LI {display: list-item; list-style: none; margin-top: 0.1em; margin-bottom: 0.1em;}
.dm LI UL {margin: 0.1em 0.3em 0.3em;}
.dm LI LI {font-size: 90%; line-height: 120%}
.dm P {margin: 0 0 0.5em; font-size: normal; font-weight: bold;}	

.other {background-color: #f5f5f5;;}  /* for other screens */


                            /* OTHER CONTENT */
                            
P.option, P.design {
  width: 25%;
  float: right;
  border: 1px solid gray;
  color: black;
  padding: 0.5em;
  font-size: small;
  margin: 0em 1.5em 1em;
}

P.bottomnav {
  clear: both;
  text-align: center;
  margin-top: 3em;
}


/*
DL.glossary DT {
  font-style: italic;
}
DD {
  margin-bottom: 0.3em;
}
BLOCKQUOTE {
  margin-left: 5%;
  margin-right: 7%;
}

.license {
  font-size: smaller;
}
*/