/**
 * Roy Vanegas
 * 
 * Stylesheet
 *    - noisefloormusic.org
 *    - roy.vanegas.org
 */

body
{
   font-family: "American Typewriter", serif;
   margin: 4em 5em 4em 5em;
}

body.menu
{
   margin: 2em 1em 1em 2em;
}


/* ====={ PARAGRAPH }=================================================
   Styles for all paragraph markups
   ================================================================ */
p.box
{
   border: 1px solid #000000;
   font:   11px "Gill Sans", verdana, sans-serif;
   margin: 1em 1em 1em 1em;
}

p.box_for_course
{
   font-family: "American Typewriter", serif;
   border: 1px solid #000000;
   
   padding: 10px;
}

p.menu
{
   font-size: .8em;
   font-family: "American Typewriter", serif;
}

p.right
{
   text-align: right;
}

p.serif_box
{
   font-family: "American Typewriter", serif; /* small georgia */
   border: 1px solid #000000;
   padding: 10px;
}

p.initial:first-line
{
   text-transform: uppercase;
}

p.initial:first-letter
{
   font-size: 200%;
}

code
{
   font-size: 1em;
   font-weight: bold;
}

hr
{
   display: block;
}

hr.short
{
   width: 40%;
}

blockquote
{
   font-family: "American Typewriter", serif; /* small georgia */
}

/* ====={ LISTS }=====================================================
   Styles for some lists
   ================================================================ */
dl.box
{
   font-family: "American Typewriter", serif;
   font-size: .9em;
   display: block;
   border: 1px solid #000000;
   width: 96%;
}

dt
{
   font-family: "Gill Sans", tahoma, verdana, sans-serif;
   font-size: 1em;
   font-variant: small-caps;
}

dd
{
   font-family: "American Typewriter", serif;
   font-size: .9em;
}

ul.box
{
   display: block;
   border: 1px solid #000000; /* border creates the box */
   width: 96%;
}

ol
{
   font-size: 1em;
   font-family: "American Typewriter", serif;
}

@media screen {.fn {  border-style: solid;
                      padding: 0 0.06em;
                      border-width: 1px 2px; } }
@media print { .fn {  vertical-align: super;
                      font-size: 60%; }
               body { line-height: 1.4; } }

/* ====={ HEADING }===================================================
   Styles for headings 1 through 3
   ================================================================ */
h1
{
   font-family: "Gill Sans", tahoma, verdana, sans-serif;
   font-weight: normal;
   font-size: 1.7em;
   font-variant: small-caps;
}

h2
{
   font-family: "Gill Sans", tahoma, verdana, sans-serif;
   font-weight: normal;
   font-size: 1.4em;
   font-variant: small-caps;
}

h3
{
   font-family: "Gill Sans", tahoma, verdana, sans-serif;
   font-weight: normal;
   font-size: 1.1em;
   font-variant: small-caps;
}

A.none
{
}

A:link dd
{
   text-decoration: none;
   color: #607683; /* rgb: 96, 118, 131 */
   background-color: rgb( 236, 248, 255 ); /* #ecf8ff */
}

A:hover
{
   color: green;
   text-decoration: overline;
   background-color: white;
}

A:visited
{
   text-decoration: none;
   color: purple; /* #607683; */
   background-color: white; /* #ecf8ff rgb: 236, 248, 255 */
}

A:active /* active while clicking */
{
    text-decoration: none;
    color: white;
    background-color: green;
}

ul.links
{
   list-style: none;
   padding-left: 0;
}

.block
{
/* margin: space around border of box -- top, right, bottom, left */
/* margin: .1em; */
/* padding: space around text INSIDE box -- top, right, bottom, left */
   padding: .5em .5em .5em .5em;
   border: 1px solid #bbb;
   color: rgb( 100, 100, 100 );
   background-color: rgb( 236, 248, 255 );
   width: 80%;
}

.box
{
   width: 90%;
   padding: 1em;
}

.qhead
{
   padding: 0;
   margin-bottom: 0;
   margin-top: .3em;
   text-align: left; 
   font-size: 1.2em
}

.qbody
{
   margin-top: 0;
}

table.comparison
{
   border: none;
   width: 100%;
}

td.comparison
{
   width: 50%;
}

/* hint and alt-hint are for paragraphs that are like "sticky notes" */

.hint, .alt-hint
{
   min-width: 14em;
   width: 25%;
   padding: 1em;
   color: #000;
   background: #CFC;
   border-right: solid thick #CCC;
   border-bottom: solid thick #CCC;
   font-style: italic;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}

.hint {
  float: right;
  text-align: right;
  margin-left: 1em;
  margin-right: 0;
}
.alt-hint {
  float: left;
  /* margin-left: -6%; This doesn't work in IE 5 :-( */
  text-align: left;
  margin-left: 0;
  margin-right: 1em;
}
.hint ul, .hint ol {
  /*text-align: left;*/
  margin-left: 0;
  padding-left: 0;
  list-style-position: inside;
}
.hint li {
  margin-left: 0;
}
.hint em, .alt-hint em {
  font-style: normal;
}
.hint em em, .alt-hint em em {
  font-style: italic;
}

/* Use nohint if no support */
.nohint {
  display: none;
}