body {
  font: 99.9% arial, helvetica, verdana, sans-serif;
  margin: 0;
  padding: 0;
  background-color:#000;
}

#right {
  /*width: 32em;*/
  /*font-color: #000;*/
  width: 30em;
  margin: 2em .8em .8em 26em;
}

.header {
  text-align: right;
  font-weight: bold;
  font-size: 1.2em;
  background: #fff;
  opacity: .7;
  padding: 1em;
  border: .2em solid #f00;
}

.text {
  background: #fff;
  opacity: .7;
  margin: 1em 0 0 0;
  padding: 1em;
  border: .2em solid #f00;
}

.footer {
  background: #fff;
  opacity: .7;
  margin: 1em 0 0 0;
  padding: 1em;
  border: .2em solid #f00;
  font-size: .7em;
  text-align: center;
}

h1 {
  font-size: .9em;
  margin: 0;
}

h2 {
  font-size: 1em;
}

h3 {
  font-size: .9em;
  padding: 0 0 0 1em;
}

a {
  color: #f00;
}

a:hover,
a:focus {
  color: #f00;
  /*border: .1px solid #333;*/
  background: #ccc;
}

pre {
  /*CSS3*/
  /*white-space: pre-wrap;*/
  /*IE*/
  /*word-wrap: break-word;*/
}