/* Basic Page Defaults */
body, div, span, pre, p, li, a, td, th {
  background-color: #000000;
  color: #008000;
  font: 12px monospace;
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, div, p, pre, .block {
  margin-bottom: 10px;
}
ul, ol {
  padding-left: 10px;
}
p, .indent {
  margin-left: 10px;
  margin-right: 10px;
}
table {
  border: 0;
}
.wide {
  width: 100%;
}
.tall{
  height: 100%;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.hr {
  border-bottom: 1px dashed #800000;
  margin: 10px 0 10px 0;
}
pre, .pre {
  white-space: pre;
}
.important {
  color: #ff0000;
  font-weight: bold;
}

a {
  color: #0080ff;
  text-decoration: none;
}

a:hover {
  color: #00ffff;
}

/* Main Page Layout */
#all {
  height: 100%;
  padding: 10px;
  width: 650px;
}
#menu {
  padding: 10px;
  vertical-align: top;
}
#header {
  border-bottom: 2px dotted #ff0000;
  font-weight: bold;
  padding: 3px;
  padding-bottom: 10px;
  text-align: center;
  vertical-align: middle;
}
#header a {
  font-size: 12px;
}
#body {
  padding: 10px;
  vertical-align: top;
  width: 100%;
}
#footer {
  border-top: 2px dotted #ff0000;
  padding: 3px;
}

/* News */
.news .topic {
  color: #ffff00;
  font-weight: bold;
}
.news .datetime {
  color: #ffc000;
}
.news .message {
  /*font-size: 10px;*/
  padding: 10px;
  color: #008000;
}

/* Login */
#login {
  border: 1px dashed #800000;
  padding: 25px;
}
#login td {
  color: #00ff00;
}
#login .input_text {
  width: 150px;
}

.input_text {
  background-color: #000000;
  border: 1px solid #ffff00;
  color: #ffc000;
  font: 12px monospace;
}
.input_text:focus {
  color: #ffff00;
}
.button {
  background-color: #000000;
  border: 1px solid #ffff00;
  color: #ffc000;
  font: 12px monospace;
}
.button:active, .button:focus {
  color: #ffff00;
}

/* Quests */
#quest_prep li {
}
#quest_output { }
#quest_output .header {
  margin-left: 50px;
  text-indent: -50px;
}
#quest_output .name {
  color: #ff0000;
  font-size: 12px;
  font-weight: bold;
}
#quest_output .other {
  color: #ffc000;
}
#quest_output .body {
  margin: 10px;
  display: block;
}
#quest_output .description {
  width: 480px;
  color: #800000;
}
#quest_output .hint {
  display: block;
}
#quest_output .hint div {
  color: #c0c0c0;
  margin: 0;
  margin-left: 50px;
  text-indent: -50px;
}
#quest_output .hint div:hover {
  color: #ffff00;
}

/* Advanced Target Practice */
#atp {
  border: 1px dashed #ffff00;
  padding: 10px;
  width: 400px;
}
#atp div {
  margin-bottom: 2px;
}
#atp .top {
  color: #ffc000;
}

/* Spells */
#spell_output { }
#spell_output .spell, #spell_output .words {
  color: #ffff00;
}

/* Plaque */
#plaque {
  border: 1px solid #ff0000;
  border-collapse: collapse;
}

#plaque th, #plaque th a {
  color: #ffff00;
  background-color: #800000;
  border-bottom: 1px dashed #ff0000;
  padding: 5px;
  text-align: center;
}

#plaque td {
  background-color: #404040;
  padding: 5px;
  text-align: center;
}

#plaque_output { }
#plaque_output pre {
  padding: 0;
  margin: 0;
}

#plaque_output pre:hover {
  color: #00ff00;
}


/* Logo */
#logo {
  color: #ffc000;
}