body, html 
{ 
  margin: 0; 
  padding: 0; 
}

body
{
  font-family: Georgia, Palatino, Times, serif;
  /* background-color: gray; */
  background: url('/~johns/img/background.jpg');
}

#wrap 
{ 
  width: 90%; 
  margin: 0% 5%;
  background-color: #cdd;
  border: 2px solid #060;
}
   
h1, h2, h3, h4
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1
{
  margin-left: 1em;
  margin-top: 1em;
  color: #171;
}

h2
{
  margin-left: 2em;
  color: #393;
}

h3
{
  margin-left: 3em;
  color: #5b5;
}

h4
{
  margin-left: 4em;
  color: #6c6;
}

p, ul
{
  margin: 0em 4em 1em;
}

#collectionButtons
{
  margin: 0% 5%; 
}

button
{
  font-family: "Lucida Console", monaco, lucidasanstypewriter, monospace;
  font-size: small;
  margin: 3px; 
  width: 19em;
  height: 2em;
}

#music, #oldschool, #compMus, #bazaar, #parabola
{
  display: none;
}

.workDiv
{
  float: left;
  height: 11em;
  width: 21em;
  margin: 0em 4em;
}
    
.workTable
{
  border: 2px solid #6c6;
  font-size: smaller;
  width: 100%;
}

caption
{
  color: #171;
  margin-bottom: 5px;
}
   
thead td
{
  font-weight: bold;
}

.workDiv .license
{
  font-size: x-small;
  text-align: center;
}

.staticHTML
{
  clear: both;
}

#jsImg
{
  float: right;
  border: thick groove #171;
  margin: 2em;
}

.note {
  font-size: xx-small;
  color: #666;
}