/* form styling */
#menu form {padding-bottom:5px;}
#menu input {width:56px;}
#menu input[type="submit"] {width:auto;}
#menu ul li:hover form {visibility:visible;}

#menu {
position:relative;
z-index:100;
}

/* remove all the bullets, borders and padding from the default list styling */
#menu ul {
padding:0;
margin:0;
list-style-type:none;
}

#menu ul a {width:69px;}
#menu ul ul ul a {width:auto;}
#menu ul ul {
width:73px;
border:1px solid #000;
}

#menu li {position:relative; margin:0;padding:0;}

/* style the links for the top level */

#menu .mainmenu {background: #000; float:left;}

#menu .h2, #menu .h2 {
display:block;
font: normal 12pt "small fonts",arial,helvetica,sans-serif;
width:73px;
height:20px;
}

#menu a.h2:link, #menu a.h2:visited {color:#fff;}

#menu ul a:link, #menu ul a:visited {color:#897;}

a.x:after, a.x:visited:after {content: " >>"; font-weight:bold;}

#menu li:hover {background: #334;}

#menu ul ul a:hover {background:#556;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:20px;
left:-1px; 
width:auto;
}

/* position the third level flyout menu */
#menu ul ul ul{
left:73px; 
top:-1px;
width:auto;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0;}

/* style the second level links */
#menu ul ul {
background:#443333;
color:#897; 
height:auto;
width:73px;
font: normal 6pt "small fonts",arial,helvetica,sans-serif;
}

#menu ul ul a{
display:block;
white-space:nowrap;
margin:0;
padding:2px;
}

/* style the top level hover */
#menu .mainmenu a:hover{
background:#556;
}

#menu ul li:hover ul, #menu ul a:hover ul{visibility:visible;}
#menu ul :hover ul ul{visibility:hidden;}
#menu ul :hover ul :hover ul{visibility:visible;}

/* menu, header */
div.top div.topwords {background-color:#000; border:1px solid #302020;width:100%;height:20px;text-align:center;}
#menu {float:right;width:365px;}
h1 {float:left; color: #897; background:#000; height:20px;
font-family: "small fonts",sans-serif;
text-align: center; margin: 0 auto; padding-left: 15px;
width:auto;font-size: 12pt;}

/* main page */
html {
  background-color: #2f2525;
  padding:0;
  font-family: arial,helvetica,sans-serif;
  text-align: center;
  color: #aaa;
  border-left:60px solid #504040;
}

body {
  color: #aaa;
  font-family: arial,helvetica,sans-serif;
  text-align: center;
  background-color: #2f2525;
  margin: 0;
  padding: 0 0 10px 0;
  min-width:510px;
}

.top {margin:0 auto;height:30px; background: #504040; border-bottom:10px solid #302020; padding:20px 2% 0 2%;}

.content {width: 80%; min-width: 543px; margin: 0 auto;}

.body {
  background:#504040;
  color:#aaa;
  border-top:1px solid #504040;
  padding: 0 2% 1em 2%;
  text-align: left;
  min-height: 22em;
}

/* invisible top message */
#a {display:none;}

/* SIDEBAR */
.links {margin: 1em 0; w\hite-space: pre;}
.links h6 {white-space: normal;}
.links a:link, .links a:visited, .linksL a:link, .linksR a:link, .linksL a:visited, .linksR a:visited {color:#fff; font-weight: normal;}
.links a:hover {background: #556;}
.nolink {color: #555;}
.here {color: #c40; background: #334}
h6 {margin: 0; font-weight: bold; font-size: 100%; background: #334; border: 1px solid #556; padding-bottom: 0.1em;}
h6.here {background: #422;}

.sidebar {
  position: fixed;
  top: 50px;
  left: 0;
  background: #504040;
  padding: 0 5px;
  text-align: center;
  font-size: x-small;
  width: 50px;
  float: left;
  border-top:10px solid #201010;
  height:100%;
}

.sidebar a:hover {background:#556;}
.skull {position:fixed; top:18px;left:10px; float:left;}
input.sidetext {width: 4.2em; font-size: xx-small;}
input.sidebutton {width: 3.3em; font-size: xx-small;}
select {width: 5em; font-size:xx-small;}

/* BOTTOM */
#copywrong {font-size:x-small;color:#000; text-align:center; background:inherit;}
#copywrong a {color:#000;}
#copywrong span {margin: 0 1em;}
#bottom {
        font-size: small;
        margin: 0;
        text-align: right;
        clear: both;
        padding: 5px 1em;
        background: #000;
        border-top: 1px solid #000;
        height: 1em;
        line-height: 100%;
}
#bottom a {padding: 0 2px;}
#bottom a:link, #bottom a:visited {color:#999; font-weight: normal;}

/* GENERAL STUFF */
h2 {margin:0;text-align:left;border-bottom:1px solid #aaa; font-size:small; background:#504040;color:#aaa;}
h3 {display:inline;margin:0;}
h4 {margin: 0; font-weight: normal;}
h5 {margin: 0; font-weight: normal; padding: 0;}
#subtitle {font-size: 50%;}
a {text-decoration:none;}
img {border: 0; vertical-align: bottom; padding: 1px;}
a img:hover {border: 1px solid #667; padding: 0;}
a img:active {margin: 0; border: 1px solid #fa4;}
a:link, a:visited {color: #fff;}
a:hover {color: #eee; background: #556;}
a:active {color: #fa4; background: #355;}
div {padding: 0; margin: 0;}
hr {
  margin: 0.2em 0;
  height: 2px;
  width: 100%;
  color: #111; background-color: #111;
  border: 0;
  clear:both;
}
.body p {margin: 0 0.5em;line-height:133%;}
.bandname {font-weight: bold;}
.albumtitle {font-style: italic;}
.center {text-align: center;}
html .note  {font-size: xx-small; display: block;}

/* forms */
.form {font-family: monospace; background: #161616; padding: 0.5em;}
input[type="text"], input[type="password"], textarea, select {background: #aaa; border: 1px solid #444;}
input[type="text"]:hover, input[type="password"]:hover, select:hover, textarea:hover {background: #bbb; border: 1px solid #aab;}
input {background:#667; border: 1px solid #444;}
input:hover {background:#889; border: 1px solid #aab;}
input:active {background:#daa;}
input[type="text"]:focus, input[type="text"]:focus:hover, input[type="password"]:focus, input[type="password"]:focus:hover, select:focus, select:focus:hover, textarea:focus, textarea:focus:hover {background: #ebb;}

/* discography */
.credits {font-style:italic;font-size:x-small;color:#777;}
#nav {width:40%;float:right;}
#nav div {width:100px; height:100px; text-align:center;font-size:x-small;}
#nav #prev {float:left;}
#nav #next {float:right;}
#nav, #info, #cover, #contents {padding:5px; margin-top:10px; background:#111;}
#discoicons {font-size:small;float:left;clear:left;padding-bottom:1em; white-space:nowrap;}

/* song view */
#coverart, #songheader, #sound, #lyrics, #tab {
  background:#111; color:#aaa; margin-top: 1em; padding:0;
}
#tab pre {white-space:pre; font-family:courier;margin:5px;font-size:small;}
#coverart {float:left; text-align:center;font-size:x-small;padding:2px;}
#songinfo {float:left; font-size:150%; padding-left:15px;margin-top:15px;}
#songinfo img {vertical-align:middle;}
#sound, #lyrics, #tab  {clear:left; width:100%;}
#sound div {padding-top:0; margin-top:0;}
#comment {float:left; width:80%;}
#mp3link {float:left; width:20%;}
#mp3link p {text-align:center;}
#songheader #nav {float:left; clear:left; height:0.6em; width:8em;padding:0 0 0 15px;margin:5px;background:#000;}
#songheader #nav div {width:8em; text-align:left;}
#lyrics p {margin-top: 0.5em;}

/* cd/lyrics view */
.buy {float:left;clear:left;}
.tracklength {color: #777;}
.songtitle_l {font-weight:bold;}
.albumside {clear:both;background:#111; color:#aaa; margin-top: 1em; padding:0;}
.albumside p img, #discoicons img {vertical-align:middle;}
.lyricssong {margin-bottom:1.5em;}
.lyricssong p {margin-bottom:0.5em;}
.tracklist {margin:0;}
#info {float:right;clear:right; width:50%;}
#info p {font-size:small;}

/* albums page */
table {width:100%; border:0;}
.album td, .ep td, .single td {background:#504040;border:1px solid #302020;}
td.album, td.ep, td.single {border:1px solid #000; vertical-align: middle; width:80%}
td.album {background: #403030;}
.ep {color:#466;}
td.ep {background:#466;}
.single {color:#864;}
td.single {background:#864;}
tr.ccrslt td {width: 25%; font-size:small; font-weight:bold; text-align: center;}
td.covercol {text-align: center; width: 20%; height: 87px; background: inherit;}
.date {font-weight: normal; font-size: x-small;}
.album h2 {background:inherit;}
td .buy {float:right;}

/* tab view */
#cover {float:left;width:50%;text-align:center;font-size:x-small;}
#contents {float:left;clear:left;width:50%;font-size:small;}
.tab {clear:both; font-size:small;}

/* tabs page */
table.tabs {border: 0; margin: 0;}
.tabs td {vertical-align: top; width: 33.3%; padding: 0.2em;}
.tabs .contents {background: #151515; color: #fcc;}
.tabs h2.tabs {margin: 0.2em 0 .2em 0;}
.tabs h3, h4 {margin: 0;}
.tabs h4 {font-size: small;}
.tabs ul {margin: 0 0 .5em 0; list-style: none; padding: 0;}
.tabs li {padding-left: 1em; font-size: x-small;}
.tabs p {margin: 0 0 .5em 0;}
.tabs img[alt="banana"] {border: 1px solid #fcc; margin: -1px;}

/* sound view */
.sound {clear:both;}
.sound .track {background: #004500; font-size: small; width:11em; vertical-align: middle;}
.sound .description {background: #030; font-size: x-small; vertical-align: top;}
.sound .info {background: #002000; font-size: small; width:4em; vertical-align: middle;}

/* "sounds" page */
.sounds {border: 2px solid #522; width: 100%;}
.sounds td {border: 2px solid #522; padding: 0.3em; vertical-align: top; width: 23.5%; font-size: x-small;background:#111}
.sounds td[colspan="2"] {background: #000; font-size: small;}
.sounds h3 {font-size: x-small; font-weight: normal; margin: 0; display:block;}

/* poems */
div.poem {float:left;padding-top:10px;}