html, body {
  background: black;
  color: white;
  font-family: sans-serif;
}

a {
  text-decoration: none;
}

#top {
  text-align: right;
}

#top ul {
  margin-top: 0;
}

#top li {
  color: silver;
  display: inline;
  padding: 0 4px;
  border-right: 1px dotted silver;
}

#top a {
  color: yellow;
  border-bottom: 1px dotted yellow;
}

#top a:hover {
  border-bottom: 1px solid yellow;
}

.note {
  border: 1px solid white;
  background: #fafaa0;
  color: black;
  margin: 1em 25%;
  padding: 1em;
}

label {
  display: block;
  text-align: right;
  font-size: 1.2em;
}

#stories {
  border: 1px solid gray;
  padding: 1em;
  background: #355535;
  width: 45%;
  float: left;
}

#stories strong {
  display: block;
}

#stories a {
  color: #00aa00;
  border-bottom: 1px dotted green;
}

#stories a:hover {
  color: yellow;
}

#shade {
  border: 1px solid gray;
  padding: 1em;
  background: #2f2f3f;
  width: 45%;
  float: right;
}

#shade a {
  color: #afaff0;
}

#shade a:hover {
  color: #a0a0ff;
}

#memories
{
  margin-top: 1em;
  clear: left;
  float: left;
  border: 1px solid silver;
  background: #a0a021;
  width: 45%;
}

#memories a
{
  color: #0012af;
}

#memories a:hover
{
  color: #af1200;
}

#insanity
{
  margin-top: 1em;
  clear: right;
  float: right;
  border: 1px solid silver;
  background: #e3a6d8;
  width: 45%;
}

#insanity a
{
  color: #4f1010;
}

#insanity a:hover
{
  color: #10104f;
}

#copyright {
  padding-top: 2em;
  clear: both;
  text-align: center;
  font-size: 0.75em;
  color: gray;
}