body {
  border: 0;
  padding: 0;
  background-color: #000;
}
body.infopage {
  background-color: #181818;
  margin: 0;
  padding: 0;
  text-align: center;
}
#centered {
  width: 800px;
  text-align: left;
  padding: 0;
  margin: 0 auto;
}
.content_clear {
  clear: both;
}
div.frontpage {
  width: 99%;
  text-align: center;
  padding-top: 90px;
  margin: 0 auto;
  color: #fff;
}
div.archivepage {
  text-align: center;
  padding-top: 9px;
  color: #fff;
}
div.archive_listing {
  width: 800px;
  left-margin: auto;
  right-margin: auto;
  font-size: 110%;
  color: #fff;
  font-family: monospace;
}
a.archive_link {
  text-decoration: none;
  color: #fff;
}
.show_archive {
  color: #b8f818;
  padding: 2px;
  font-size: 110%;
  font-family: monospace;
}
.very-top {
  background-image: url('fractal.png');
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 56px;
}
.site-name {
  position: absolute;
  top: 70px;
  left: 0px;
  width: 100%;
  text-align: center;
  font-family: Helvetica;
  font-size: 180%;
  color: #fd0;
}
.container {
  margin-left: auto;
  margin-right: auto;
  text-align: left;

  background-color: #181818;
  background-image: url('dither_bg.png');
  border: solid 1px #222;
  margin-top: 65px;
  width: 600px;

  padding-left: 20px;
  padding-top: 80px;
  color: #fff;
  font-family: Helvetica;
  font-size: 80%;
}
hr.small_line {
  width: 40%;
  margin: 20px 0px 20px 10px;
}
.artist-link {
  text-decoration: none;
}
a:visited.artist-link {
  text-decoration: none;
  color: 0058f8;
}
ul {
  display: inline;
  list-style-type: none;
  list-style-position: inside;
}
li {
  margin-left: 0px;
}
.footer {
  width: 100%;
  text-align: center;
  font-size: 80%;
  color: #666;
  font-family: Helvetica;
}
.footer a {
  color: #fff;
  text-decoration: none;
}
.footer_smaller {
  font-size: 70%;
}
.moon {
  position: absolute;
  right: 1%;
  top: 85px;
  z-index: -1;
}
.cfgirl-container {
  width: 100%;
  height: 0px;
  float: right;
}
.cfgirl {
  float: right;
  position: relative;
  right: 0px;
  background-image: url('cfgirl.png');
  width: 300px;
  height: 480px;
}
.event {
  font-size: 80%;
  font-family: Arial;
}
.event a {
  color: #aaa;
  text-decoration: none;
  line-height: 1.8em;
}
h2.show_archive {
  background-color: #e45c10;
}

#left_column {
  float: left;
  width: 356px;
}
#right_column {
  margin-left: 20px;
  float: left;
  width: 424px;
}
.pic_row {
  width: 100%;
  height: 150px;
}
.pic_thin {
  float: left;
  width: 100px;
  height: 150px;
  margin-right: 8px;
}
.pic_wide {
  float: left;
  width: 200px;
  height: 150px;
  margin-right: 8px;
}
.near {
  margin-right: 5px;
}

.main_container {
  text-align: left;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;

  /* Need to set width. */
  width: 960px;

  height: 880px;
  background-color: #000;
}
.blackout {
  width: 100px;
  height: 200px;
  background-color: #000;
  position: absolute;
  top: 0px;
  z-index: 4;
}
.right_of_container {
  left: 860px;
}

.first_box {
  /* Testing the layout. */

  text-align: left;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;

  /* Need to set width. */
  width: 760px;

  height: 880px;

  background-color: #111722;
}
.first_dark {
  width: 760px;
  height: 204px;
  background-image: url('dark.gif');
  position: absolute;
}
.first {
  /* For IE. */
  margin: 0 auto;
  /* Revert the align center. */
  align: left;
}

.second_box {
  /* Center the box. */
  margin-left: auto;
  margin-right: auto;
  align: center; /* or IE. */

  /* Need to set width. */
  width: 500px;
  height: 714px;

  padding-top: 155px;
}
.second_outer {
  border: solid 1px #666;

  /* For IE. */
  margin: 0 auto;
  /* Revert the align center. */
  align: left;

  width: 500px;
  height: 714px;

  position: absolute;
  z-index: 5;
}
.second_inner {
  border: solid 1px #222;
  background-image: url('dither_transparent.gif');
  height: 100%;
}
.second_content {
  padding: 8px;
  font-family: Arial;
  font-size: 90%;
  color: #fff078;
}


.cityscape_container {
  position: absolute;
  z-index: 2;
}
.cityscape_left {
  float: left;
  width: 212px;
  height: 880px;
  background-image: url('cityscape-left.gif');
}
.cityscape_bottom {
  float: left;
  width: 312px;
  height: 184px;
  background-image: url('cityscape-bottom.gif');
  margin-top: 696px;
}
.cityscape_right {
  float: left;
  width: 236px;
  height: 880px;
  background-image: url('cityscape-right.gif');
}


.site_logo {
  position: absolute;
  top: 70px;
  left: 0px;
  width: 100%;
  text-align: center;
  font-family: Helvetica;
  font-size: 180%;
  color: #fd0;
  z-index: 100;
}

#moon {
  position: absolute;
  z-index: 1;
  width: 78px;
  height: 75px;
  background-image: url('just-moon.gif');
  top: 45px;
  left: 69px;
}

.half_container {
  width: 240px;
  float: left;
  margin-bottom: 6px;
}
.song_album_image {
  float: left;
}
.song_player {
  float: left;
  padding: 4px 0 0 4px;
}
.song_desc {
  flot: left;
  font-size: 80%;
  padding-left: 4px;
}
h4 {
  font-weight: normal;
  margin-top: 8px;
  margin-bottom: 6px;
}
a.white_link {
  color: #fff;
  text-decoration: none;
}
a.white_link:visited {
  color: #aaa;
  text-decoration: none;
}