/*
 * Color theme:
 * #ded     The Sickly Green Color Of The Ded 
 * #b1000d  The Red B1000d Of My Victims
 * #666     Apocalyptic Grey
 * #000     Ultimate Blackness
 * #fff     Corpsepaint / Bleached Bone
 */

body { 
  background-color: #ded;
}
h1, h2, h4 {
  background-color: #000;
  color: #fff;
}
h3 {
  color: #b1000d;
}
div.content, p.content{
  background-color: #fff;
  color: #000;
}
a {
  color: #b1000d;
}
.nameelement:hover, li a:hover {
  background-color:#ded;
}
.blood {
  color: #b1000d;
}
#album_year {
  color: #666;
}
.button:hover, .botton a:hover {
  background-color: #b1000d !important;
}
.button {
  color: white;
  background-color: #666;
}
.button a {
  color: white;
}
.targetnameelement {
  background-color:#ded;
  border: 1px dotted #666;
}
#awesomealbums a {
  border-color: #ded !important;
}
#coverlist {
  background-color:#000;
}

/*
 * General design choices
 */

* {
  border:0;
  padding:0;
  margin:0;
}
body { 
  font-family: Tahoma,Verdana,Arial,sans-serif;
  font-size: 12px;
  line-height: 18px; 
}
h1, h2, h4 {
  white-space: nowrap;
}
h1 {
  font-size: 24px;
  line-height: 36px;
  padding: 18px;
  font-weight: bold;
}
h2 {
  margin-top: 18px;
  line-height: 24px;
  font-size: 18px;
  padding: 6px;
  font-weight:normal;
}
h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  padding-top: 0px;
  padding-bottom: 0px;
}
h4 {
  font-weight: bold;
  padding-left: 9px;
  margin-top: 18px;
}
div.content, p.content {
  padding-left: 9px;
  padding-right: 9px;
}
ol li, ul li {
  margin-left: 2em;
}
ol {
  padding-top: 18px;
}
ul.menu {
  list-style-type: none;
}
ul.menu li {
  margin: 0;
}
div.vspace {
  height: 18px;
}
a.button {
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  font-weight: bold;
  padding-left: 9px;
  padding-right: 9px;
  padding-bottom: 1px;
  display: block;
  float: left;
}

/*
 * Round borders
 */

h2, h4, 
.button, .button a:hover, 
.submit input {
  -moz-border-radius-topleft: 9px;
  -moz-border-radius-topright: 9px;
  -webkit-border-top-left-radius: 9px;   
  -webkit-border-top-right-radius: 9px;   
}
div.content, 
.button, .button a:hover, 
.submit input {
  -moz-border-radius-bottomleft: 9px;
  -moz-border-radius-bottomright: 9px;
  -webkit-border-bottom-left-radius: 9px;   
  -webkit-border-bottom-right-radius: 9px;   
}

/*
 * Page layout: three-column fixed width with header/footer, "optimized" for 1024px width.
 */

body {
  min-width: 1000px;
}
#container {
  padding-left: 200px;
  padding-right: 200px;
}
#container .column {
  position: relative;
  float: left;
}
#content {
  margin-left: -300px;
  left: 50%;
  width: 582px;
  padding-left: 9px;
  padding-right: 9px;
}
#leftcolumn {
  left: 50%;
  width: 200px;
  margin-left: -800px;
  padding-top: 18px;
}
#rightcolumn {
  width: 200px;
  margin-right: -200px;
  left: 50%;
  padding-top: 18px;
}
#footer {
  clear: both;
  padding-top: 18px;
  padding-bottom: 18px;
}
#siteid {
  padding:18px;
  position:absolute;
  top:0px;
  right:0px;
}

/*
 * Album display
 */

#album_album, #album_artist {
  white-space: nowrap;
}
#album_copyright {
  font-size: 10px;
}
.cover {
  min-height: 270px;
  float: right;
  text-align: right;
}
div.albumart {
  width: 252px;
  height: 252px;
  overflow:hidden;
  position:relative;
}
#album_cover img {
  position:relative;
}
.tracklist li {
  font-size: 14px;
}

/*
 * Specific Boxes & Menus
 */

#webstats {
  text-align: center;
}
#suggest {
  text-align: center;
}
li.share {
  list-style: none;
  margin: 0;
}
li.share img {
  vertical-align: text-top;
}
li.share a {
  display: block;
  text-decoration: none;
  height: 18px;
}
#adsense {
  margin: 10px; 
  position: relative; 
}

/*
 * Album Editor
 */
.track_count_edit a {
  text-decoration: underline;
  visibility: hidden;
}
#albummenuoptions {
  clear: both;
  font-size: 12px;
  margin-left: -10px;
}
#albummenuoptions .button {
  width: 30%;
  margin-left: 3%;
  float:left;
  text-align: center;
}
#albummenuoptions .button a {
  padding: 18px;
  font-weight: bold;
  display: block;
  text-decoration: none;
  white-space: nowrap;
}
#awesomealbums a, #nameselect a, #metalmenu a, li.share a {
  padding:0px;
  font-weight:bold;
  display:block;
  text-decoration:none;
  margin-left: -9px;
  margin-right: -9px;
  padding-left: 9px;
  padding-right: 9px;
}
#awesomealbums a {
  border-bottom: 1px solid;
  margin-bottom: -1px;
}
#nameselect a {
  overflow: hidden;
  white-space: nowrap;
}
#nameselect {
  display: none;
  position:relative;
}
#coverselect {
  display:none;
}
#coverlist {
  text-align:center;
  max-height:396px;
  overflow-x:hidden;
  overflow-y:scroll;
}
#coverlist img {
}

/*
 * Suggestion box
 */
.field {
  text-align: center;
}
input {
  border: 1px solid #666;
  margin: -1px;
}
.submit input {

}