/* -*- css -*- */

body {
  width: 92.31%;
  margin: 0 auto;
  background-color: black;
  color: rgb(0, 176, 64); }
a { text-decoration: none; color: rgb(0, 255, 0); }

div#quotes {  display: hidden; }
div#content { width: 52em; margin: 0 auto; }

div#nav {
  width: 65em;
  margin: 0 auto;
  background-color: rgb(0,0,48);
  padding-left: 1em;
  padding-right: 1em;}
*.nav { font-family: sans-serif; }
p.nav { position: relative; top: -2ex; }
p.nav a { text-decoration: none; }
p.nav a:link { color: rgb(0, 176, 128); }
p.nav a:visited { color: rgb(0, 128, 32); }

div#lyrics {
  font-size: small;
  width: 27em;
  height: 13em;
  float: left;
  position: relative;
  padding: 0 1em; }
div#text { padding: 0 1em; border: groove; }
div#pop { display: none; }

div#lyrics:hover {
  height: 42em;
  opacity: 1; }
div#text:hover { 
  color: rgb(32, 208, 96);
  background-color: rgb(0, 16, 48); }
div#lyrics:hover div#pop { display: inherit; opacity: 1; }

div#footer { text-align: right; }

*.dont-ask { background-color: rgb(0,0,32); }
*.dont-ask .dont-tell { display: none }
*:hover.dont-ask span.dont-tell { display: inline; }

table.wheel { width: 92.31%; margin: 0 auto;  }
tr.overview { display: table-layout; background-color: rgb(0, 0, 64); font-family: sans-serif; font-size: larger; }
tr.overview td { display: table-cell; }

.pop { 
  text-decoration: none; }

.pop:hover { 
  text-decoration: none;
  background-color: rgb(64,64,64); }

.pop-text { 
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20em;
  height: 40ex;
  background-color: #ffc;
  padding: 10px;
  border: 1px solid #000;
  z-index: 1;
  visibility: hidden;
  font: bold 11px "Verdana", Arial, Helvetica, sans-serif;
  color: #000; }

.yellow {  color: yellow; }