/* Stylesheet for Musical Terms Flash Cards. Copyright all content Thomas
  * Evdokimoff 2006  */

body {
     font-size: 12pt;
     color: black;
     background: white;
     }
/*
#wrapper {
    width: 760px;
    }
    */
#banner {
   color: navy;
   background: inherit;
   border: thin solid silver;
   margin-top:  5px;
   padding-top: 5px;
   }
h1 {
   font-size: 16pt;
   }

#banner p {
       font-size: 12pt;
       font-style: italic;
       }
 /*
#col_left {
     float: left; 
     width: 620px;
  }

#col_right {
    margin: .5em;
    padding: .5em;
    text-align: center;
    }
*/

#game {
      width: 600px;
      color: black;
      background: #9999cc;
      border: 5px inset olive;
      padding: 10px;
  }

#sect1 td, #sect3 td {
      color: inherit;
      background: #9999ff;
      border: 5px outset silver;
      }

#control_panel {
      padding: 5px;
      }
 #term {
      font-size: 32pt;
      font-style: italic;
      height: 150px;
      border: 5px outset silver;
      color:  navy;
      background: #9999cc;
      margin: 10px;
      }

#mssg {
      font-size: 16pt;
      color: navy;
      background: inherit;
      font-style: italic;
      font-variant: small-caps;
      }


#list {
      list-style-type: upper-alpha;
      }
/* limits width of answers
#list li {
    width: 275px;
    }
*/

#list li:hover {
      color: inherit;
      background: yellow;
      cursor: pointer;
      }
#applause, #fart {
   width: 1px; 
   height: 1px;
    }
#td_stats {
    font-size: 10pt;
    }
 td {
     padding: 5px;
    }

#stats {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }
#stats li {
    width: 125px;
    float: left;
    }
#footer {
    font-size: 10pt;
    font-style: italic;
    color: navy;
    background: inherit;
    text-align: center;
    width: 600px;
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
    }

#new_game, #level, #set_volume {
    margin-left: 20px;
    margin-right: 20px;
    }
#navbar  {
    font-size: 10pt;
    list-style: none;
    margin: 10px 0px;
    padding: 0;
    }