body { font-family:courier,courier new,georgia,monospace; background-image:none; background-repeat:no-repeat; background-attachment:fixed; background-color:#000000; }
* { margin:0; padding:0; border:none; }
a:link { color:white; }
a:visited { color:white; }
a:hover { color:#ABCDEF; }

/*
 Navigation
*/
#navbar { margin:7px 20px 0 0; width:100%; }
#navbar td { text-align:center; vertical-align:top; font-size:14px; letter-spacing:+1; width:21%; font-weight:bold; font-family:courier,courier new,georgia,monospace; text-decoration:none; padding-top:10px; }
#navbar td#home { width:16%; }
#navbar td a { text-decoration:none; display:block; }
#free_down { font-size:12px; font-style:italic; color:#ABCDEF; padding-left:9px; visibility:hidden; }
#navbar A:hover { color:white; text-decoration:underline; }
#navbar A.current:hover { text-decoration:none; }
#nav_ctx { font-size:8pt; font-family:courier new,courier,georgia,monospace; }
#navbar #nav_ctx a { display:inline; }
#navbar #nav_ctx a:hover { text-decoration:none; }
#navbar a#join { font-size:8pt; font-family:courier new,georgia,serif; font-style:italic; }

#content { padding:0 0 20px 20px; }
#music_box { position:absolute; bottom:0; left:0; }

/*
 Image Transitions
*/
img.imgTrans { filter:blendTrans(duration=2); }

/*
 Audio
*/
#play-pause { 
  display: block;
  width: 100px; 
  height: 100px;
  background-size: cover;
  position: absolute;
  top: 65px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}
#play-pause:hover { cursor:pointer; }
#play-pause.play {
   background-image: url("/ctx/art/playpause-blue-trans.gif");
}
#play-pause.pause {
   background-image: url("/ctx/art/playpause.gif");
}