/* $Header: $ */

body {
 background: #E0E0E0;
 color: #333;
 font: 80% "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
 margin: 0; 
 padding: 0;
}
hr { border: none; border-top: 1px solid #E0E0E0; margin: 4px 0; }

div.title {
 position: absolute; top: 8px; left: 0; width: 100%;
 /* right: 0; FF:Okay IE:Wrong */
 overflow: hidden;	/* doesn't help */
 height: 52px;
 margin: 8px 0 20px 0;
 padding: 0 0 0 258px;
 font: 32pt Rockwell,Times-Roman,Courier,serif; color: #E8E8E8;
 background: #CCC url(img/cs-1152.png) top left no-repeat;
 /* cs-1152 has "Core Sample" in first 256px, thus text is left-padded */
}

div.nav_outer {
 float: left;
 width: 240px;
 margin: 0; padding: 80px 0 0 0;
}
div.nav {
 margin:0; padding: 0.5em 1em;
}
div.nav_tab {
 font: 16pt Rockwell,Times-Roman,Courier,serif; color: #444;
 text-align: center;
}
.nav_tab>a { margin: 0 9px; }
.nav ul {
 background: #FAFAFA;
 border-top: 1px solid #DDDDDD;
 border-left: 1px solid #DDDDDD;
 margin: 0; padding: 0;
}
.nav li { display: inline; list-style: none; margin: 0; padding: 0; }
.nav ul li a {
 position: relative;
 display: block; 
 background: #F7F7F7 url(img/li-15.png) no-repeat;
 background-position: 0 center;
 font-weight: normal;
 margin: 3px 3px;
 padding: 4px 0 0 26px;
 text-decoration: none;
 height: auto;
 width: auto;
}
.nav ul li a:hover { position: relative; background: #EDEDED url(img/li-15.png) no-repeat; background-position: 0 center; color: #333; margin: 3px 3px; }
/* These didn't work, but what a swell idea! (grrr...) */
.fs { background: url(img/li-15fs.png) no-repeat; }
.hs { background: url(img/li-15hs.png) no-repeat; }

div.info_outer {
 /* with no border, FF masks the portion behind div.title ?! */
 border: 1px solid #DDDDDD;
 background: #CCCCCC url(img/cs-bg265.png);
 margin: 0 0 0 240px; padding: 0;	/* margin-left = nav_outer.width */
}
div.info {
 margin: 80px 20px 10px 20px; padding: 0.5em 1em;
 background: #EDEDED;
 border: 1px solid #DDDDDD;
 overflow: auto;
}

div.lyrics {
 background: white;
 padding: 0.3em 0.3em 0.5em 1.5em;
 font: 10pt Courier,monospace;
 white-space: pre;
 overflow: auto;
}

div.foot {
 float: left;
 width: 220px;		/* div.nav_outer width - 20px */
 margin: 0; padding: 0;
 text-align: right; font-size: 75%;
}

a.mp3 { padding-left: 1em; float: right; text-decoration: none; }
a.mp3 img { border: 1px solid #800; }