html, body
{
  background: #000;
}

body, p, pre, h1
{
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  color: #ccc;
  width: 1000px;
}

div#container
{
  padding: 12px 24px;
}

div#header, div#body
{
  width: 100%;
  margin-bottom: 24px;
}

div#header pre
{
  line-height: 13px;
}

p
{
  margin-bottom: 12px;
}

ul, ol, dl
{
  margin-bottom: 12px;
  padding-left: 32px;
}

p + ul, p+ ol, p + dl
{
  margin-top: -6px;
}

ul li
{
  list-style: disc;
}

ol li
{
  list-style: lower-roman;
}

dt
{
  color: #fff;
  float: left;
  margin-right: 5px;
  width: 240px;
  white-space: nowrap;
  overflow: hidden;
}

dt:after
{
  content: " ..............................";
  color: #666;
}

dd
{
  display: table-cell;
}

h1
{
  margin-top: 24px;
  margin-bottom: 6px;
  color: #fff01c;
  white-space: nowrap;
  overflow: hidden;
}

h1:before
{
  content: "--- ";
}

h1:after
{
  content: " --------------------------------------------------------------------------------------------------------------------------------------------";
}

a, a:visited, a:active
{
  color: #fff;
  text-decoration: none;
  border-bottom: 1px #fff dotted;
  display: inline-block;
}

a, a:visited
{
  transition: .5s;
}

a:hover
{
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

em
{
  color: #01dd06;
  font-weight: bold;
  font-style: normal;
}

.darkgray
{
  color: #666;
}

.gray
{
  color: #ccc;
}

.white
{
  color: #fff;
}

.yellow
{
  color: #fff01c;
}

.green
{
  color: #01dd06;
}

.blue
{
  color: #1dbafe;
}

.button
{
  background: #333;
  color: #fff;
  border: 1px solid #666;
  padding: 2px 5px;
}

.negative
{
  color: tomato;
  background: #333;
  font-weight: 900;
  letter-spacing: 2px;
	white-space: nowrap;
}