body {
  background-color: #000 ;
  background-image: url( 'puddlejumper.jpg' ) ;
  background-repeat: no-repeat ;
  background-position: top center ;
  background-attachment: fixed ;
  color: #fff ;
  font-family: Verdana, Arial, Tahoma, "sans serif" ;
  font-size: 8pt ;
  text-transform: lowercase ;
  letter-spacing: 0.1em ;
}

a {
  text-decoration: none ;
  color: #93c ;
}

a:hover {
  background-color: #93c ;
  color: #006 ;
}

div#hud {
  margin-top: 70px ;
  width: 400px ;
  height: 150px ;
  text-align: center ;
}

table#display {
  text-align: center ;
  width: 100% ;
  font-size: 8pt ;
}

table#display td {
  width: 33% ;
  vertical-align: top ;
}

#aux {
  color: #9ff ;
}

div#aux {
  position: relative ;
  top: 50px ;
  width: 500px ;
}

table#display a {
  font-weight: bold ;
  text-decoration: none ;
  cursor: crosshair ;
  color: #eef ;
  padding: 1px ;
}

table#display a:hover {
  background-color: #acf ;
  color: #009 ;
}

span.gone {
  text-decoration: line-through ;
  font-size: 7pt ;
  letter-spacing: 0 ;
}

span.good_rating, span.bad_rating {
  font-family: "Arial Black", sans serif ;
  font-size: 16pt ;
}

span.good_rating {
  color: #fff ;
}

span.bad_rating {
  color: #333 ;
}

span#title, span#back, span#back a  {
  font-weight: bold ;
  color: #fc9 ;
}

span#back a:hover {
  color: #006 ;
}