/*
  Main -------------------------------------------------------------------------
*/
#mainbody {
  background-image: url(diagonal.gif);
}
#mainbody #page {
  text-align: right;
}
#mainbody #container {
  width: 700px;
  margin-left: auto;
  margin-right: 40px;
}
#mainbody #toolbar {
  padding: 5px;
}
#mainbody #toolbar a img {
  border: 0px;
}

/*
  Album ------------------------------------------------------------------------
*/
#mainbody #albumframe {
  width: 700px;
  height: 250px;
  background-color: #ffff00;
  border-left: 20px solid #000000;
  border-right: 20px solid #000000;
  border-top: 20px solid #000000;
}
#albumbody {
  border: none;
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #ffff00;
  scrollbar-base-color: #ffff00;
  scrollbar-arrow-color: #000000;
  scrollbar-track-color: #ffff66;
  scrollbar-shadow-color: #000000;
  scrollbar-lightshadow-color: #000000;
  scrollbar-darkshadow-color: #666666;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #000000;
  font-family: "Courier New", monospace;
  font-size: 0.8em;
}
#albumbody img {
  float: left;
  border: 1px solid #000000;
  width: 200px;
  height: 200px;
}
#albumbody #tracklist {
  float: left;
  width: 450px;
  padding-left: 10px;
}
#albumbody #tracklist h1 {
  font-size: 1.5em;
}
#albumbody #tracklist h2 {
  font-size: 1em;
}

/*
  Catalogue --------------------------------------------------------------------
*/
#mainbody #catalogueframe {
  width: 700px;
  height: 150px;
  background-color: #ffff00;
  border-left: 20px solid #000000;
  border-right: 20px solid #000000;
  border-bottom: 20px solid #000000;
}

#cataloguebody {
  border: none;
  overflow-x: scroll;
  overflow-y: hidden;
  background-color: #000000;
  scrollbar-base-color: #000000;
  scrollbar-arrow-color: #ffff00;
  scrollbar-track-color: #333333;
  scrollbar-shadow-color: #000000;
  scrollbar-lightshadow-color: #000000;
  scrollbar-darkshadow-color: #666666;
  scrollbar-highlight-color: #000000;
  scrollbar-3dlight-color: #000000;
  padding: 0px;
  margin: 0px;
  font-family: "Courier New", monospace;
  font-size: 0.8em;
}
#cataloguebody #scrolldiv {
  width: 1800px; /* Add 100px for every new addition */
}
#cataloguebody #scrolldiv ul {
  padding: 0px;
  margin: 0px;
}
#cataloguebody #scrolldiv ul li {
  list-style: none;
  float: left;
}
#cataloguebody #scrolldiv ul li a {
  color: #ffff00;
}
#cataloguebody #scrolldiv ul li a:hover {
  font-decoration: underline;
}
#cataloguebody #scrolldiv ul li a img {
  border: 0px;
  cursor: hand;
  width: 75px;
  height: 75px;
}
#cataloguebody #scrolldiv ul li a div {
  width: 100px;
  cursor: hand;
}