html,body {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  background: #000000;
}
#bg {
  position: absolute;
  top: 140px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -100;
  background: #000000;
  margin: 0;
  padding: 0;
}
#main {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}
#header {
  text-align: center;
  padding-bottom: 50px;
}
#menu {
  float: left;
  width: 218px;
  margin-left: 8px;
}
a.menuitem {
  display: block;
  color: #ffffff;
  background: #000080;
  border: 1px solid #80c0ff;
  opacity: 0.5;
  text-decoration: none;
  width: 200px;
  padding: 8px;
  margin-bottom: 8px;
  font: bold 14px sans-serif;
}
a.menuitem:hover {
  background: #004000;
}
#blurbs {
  width: 318px;
  margin-top: 100px;
  margin-left: 482px;
}
.blurb {
  width: 300px;
  padding: 8px;
  margin-bottom: 20px;
  border-top: 1px solid #ffffff;
  background: transparent;
  color: #ffffff;
}
.blurbtext {
  font: 12px sans-serif;
}
.blurbdate {
  margin-top: 4px;
  font: 11px sans-serif;
  color: #808080;
}
.blurbdate:before {
  content: "[";
}
.blurbdate:after {
  content: "]";
}
.blurb a {
  color: #ffff00;
  text-decoration: underline;
}
.blurb a:hover {
  color: #606000;
}