body.robot-viewer {
  background-color: #22aaff;
}
h2 {
  color: #ffa;
  font-size: 110%;
  background-color: #111;
  display: inline;
  padding: 2px 15px;
  border: 2px solid #FFFF88;
}
.robot-wrapper {
  width: 100%;
  position: relative;
  height: 100%;
  min-height: 500px;
}
.robot-wrapper .robot-top .robot-head {
  display: inline-block;
  width: 462px;
  height: 124px;
  background-image: url("../graphics/robot-head.gif");
}
.nav-bar {
  text-align: center;
  margin-bottom: -5px;
}
.nav-bar a {
  display: inline-block;
  height: 50px;
}
.nav-bar a.home {
  background-image: url("../graphics/1_home.gif");
  width: 151px;
}
.nav-bar a.home:hover {
  background-image: url("../graphics/_1_home.gif");
}
.nav-bar a.shows {
  background-image: url("../graphics/2_shows.gif");
  width: 108px;
}
.nav-bar a.shows:hover {
  background-image: url("../graphics/_2_shows.gif");
}
.nav-bar a.media {
  background-image: url("../graphics/3_media.gif");
  width: 122px;
}
.nav-bar a.media:hover {
  background-image: url("../graphics/_3_media.gif");
}
.nav-bar a.lyrics {
  background-image: url("../graphics/4_lyrics.gif");
  width: 109px;
}
.nav-bar a.lyrics:hover {
  background-image: url("../graphics/_4_lyrics.gif");
}
.nav-bar a.bio {
  background-image: url("../graphics/5_bio.gif");
  width: 118px;
}
.nav-bar a.bio:hover {
  background-image: url("../graphics/_5_bio.gif");
}
.nav-bar a.fun {
  background-image: url("../graphics/6_fun.gif");
  width: 142px;
}
.nav-bar a.fun:hover {
  background-image: url("../graphics/_6_fun.gif");
}