/* General */
body {
  margin: 0;
  padding: 0 0 10px;
  background-color: #CCC;
  float: left;
  width: 100%;
}

div#container {
  font-family: Arial, sans-serif;
  font-size: 11px;
  width: 900px;
  margin: auto;
}

div#container img {
  vertical-align: top;
  border: 0;
}

div#container a {
  outline: none;
}

div#container div.header.picture {
  float: left;
  margin-top: 10px;
}

/* Menu */
div#container ul.menu {
  float: left;
  width: 900px;
  list-style: none;
  background-color: #000;
  margin: 0 0 10px -180px;
  padding: 0;
  color: #FFF;
}

div#container ul.menu li {
  float: left;
  width: 100px;
  padding: 5px 0;
  text-align: center;
}

div#container ul.menu a {
  color: inherit;
  text-decoration: none;
  text-transform: uppercase;  
}

div#container ul.menu>li:nth-child(n) a:hover {
  color: #F00;
}

div#container ul.menu>li:nth-child(2n) a:hover {
  color: #F60;
}

div#container ul.menu>li:nth-child(3n) a:hover {
  color: #FC0;
}

div#container ul.menu>li:nth-child(4n) a:hover {
  color: #090;
}

div#container ul.menu>li:nth-child(5n) a:hover {
  color: #369;
}

div#container ul.menu>li:nth-child(6n) a:hover {
  color: #639;
}

/* Middle */
div#container div#middle {
  overflow: hidden;
  background: url('menu_gradient.gif') #FFF repeat-y;
  float: left;
  width: 900px;
  border-bottom: 24px solid #000;
}

/* Text */
div#container div.text {
  float: left;
  margin-left: 180px;
}

div#container div.text p {
  float: left;
  margin: 0 0 10px;
  width: 100%;
}

div#container div.text p a {
  color: #000;
}

div#container div.text p.discogs {
  width: 180px;
  float: left;
  margin: 0 0 0 -170px;
}

div#container div.text p.discogs a {
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  margin-bottom: 5px;
  float: left;
  clear: both;
}

div#container div.text p.discogs a:hover {
  text-decoration: underline;
}

div#container div.text p.images {
  float: left;
  width: 710px;
  margin: 0;
  padding: 0;
}

div#container div.text p.images br {
  display: none;
}

div#container div.text p.images a {
  display: inline-block;
  vertical-align: top;
  padding: 3px;
  border: 1px solid #666;
  margin: 0 5px 5px 0;
  width: 220px;
}

div#container div.text p.images a img {
  width: 220px;
}

/*** CMS ***/
div#container fieldset.system.page {
  float: left;
  padding: 25px;
}

div#container fieldset.system.page textarea[name=text] {
  width: 850px;
}