@charset "UTF-8";
body {font-size:12pt; background: #333333; color: white;}
A:link { color: yellow;}
A:visited { color: orange;}
A:hover { color: skyblue; }
A:active { color: red; }

h1, h2, h3, h4 {
  background-color: black;
  color:white;
}

footer {
  margin-top: 2em;
}

section {
  max-width:40em;
  font-size:12pt;
  color:#fff;
  background-color: #111;
  padding: 1ex 1em;
}

section.menu {
  max-width:50em;
  font-size:9pt;
  border:2px #000 solid;
  color:#fff;
  background-color: #000;
}

.b000{color: white; background:#000000;}
.b111{color: white; background:#181818; font-size : 16px;}
.b333{color: white; background:#333333;}
.b666{color: white; background:#666666; font-size : 16px;}
.bfff{color: black; background:#FFFFFF; font-size : 16px;}
.b338{color: white; background:#373B8C; font-size : 12px;}
.bs{color: #FFFFFF; font-style: italic; background:#F90000; padding:1px 4px;}
.dl{color: #000000; font-style: italic; background:#FFEE00; padding:1px 4px;}
.yh{color: #EE0000; font-style: italic; background:#000000; padding:1px 4px;}
.pi{color: #dd0029; font-style: italic; background:#fee100; padding:1px 4px;}
.mi{color: #FFFFFF; font-style: italic; background:#00008b; padding:1px 3px;}
.gy{color: #FFFFFF; font-style: italic; background:#af7817; padding:1px 3px;}
.fs{color: #FF0000; font-style: italic; background:#FFFFFF; padding:1px 4px;}

p { text-indent: 1em; }
p.speak_message { 
  text-indent: -1em;
  padding-left: 1em;
}
p.noindent {
  text-indent:  0;
  padding-left: 0;
}

.wizardry {
  font-family: Consolas, 'Courier new', Courier, Monaco, monospace;
  border:2px #000 solid;
  color:#fff;
  background-color:#000;
}
.wizardry a:link    { color: #f80; }
.wizardry a:visited { color: #f80; }
.wizardry a:hover   { color: #ff0; }
.wizardry a:active  { color: #fff; }

.width_30 {
  width:30em;
  word-wrap: break-word;
}

.wizardry_border {
  border:2px #fff solid;
  padding:8px;
}