html
{
   margin: 0;
}

body
{
   font-family: baskerville, georgia, sylfaen, 
       "Palatino Linotype", palatino, utopia,
       "DejaVu Serif", serif;
   font-size: 85%;
   background-color: #fff;
   color: #333;
}

p
{
   padding: 5px;
}

#content
{
   padding: 15px 0;
}

#maintext
{
   margin: 0 auto;
   border: 1px solid black;
   width: 625px;
   padding: 20px;
}

/* for the date of update at the bottom of each page */
#footer
{
   padding: 10px;
   margin: 0 auto;
   text-align: center;
}

/* ===================================================================

   The headings

   ================================================================ */
h1, h2, h3, h4, h6
{
   font-variant: small-caps;
   padding: 10px;
}

h1
{
   font-variant: normal;
   text-align: center;
   background-color: #222;
   color: #fff;
}

h2
{
   background-color: #555;
   color: #ddd;
}

h3
{
   background-color: #777;
   color: #ccc;
}

h4
{
   background-color: #999;
   color: #eee;
}

h5
{
   padding: 10px;
   text-align: center;
   border-bottom: 3px double #ddd;
   width: 80%;
   margin: 0 auto;
}

h6
{
   background-color: #ddd;
}

.white_text
{
   color: #fff;
}

.blue_text
{
   color: #00f;
}

.dark_blue_text
{
   color: rgb( 25%, 0%, 100% );
}

.devil_gray_text
{
   color: #666;
}

.dark_gray_text
{
   color: #777;
}

.gray_text
{
   color: #888;
}

.light_gray_text
{
   color: #999;
}

.lighter_gray_text
{
   color: #bbb;
}

.right_aligned_text
{
   text-align: right;
}

img.center
{
   margin: 0 auto;
   display: block;
}

img
{
   border: 1px solid #ddd;
}

.image_caption
{
   color: #353535;
   text-align: center;
   font-weight: bold;
   display: block;
   padding: 0 10px 10px;
}

/* ===================================================================

   The navigation list 

   ================================================================ */
#navigation_menu
{
   position: fixed;
   top: 23px;
   left: 0;
   font-size: small;
}

#navigation_menu ul
{
   list-style-type: none;
   margin-left: -30px;
}

#navigation_menu li
{
   padding: .1em .4em;
}

/* ===================================================================

   Navigation links

   ================================================================ */
#navigation_menu a:link
{
}

#navigation_menu a:visited
{
}

#navigation_menu a:focus
{
}

#navigation_menu a:hover
{
   background-color: white;
   outline: 1px solid #00f;
}

#navigation_menu a:active
{
}

.current_page
{
   color: #000;
   font-style: italic;
}

acronym, abbr, html\:abbr
{
   cursor: help;
   border-bottom: 1px solid #00f;
}

/* ===================================================================

   JOURNAL STYLES

   ================================================================ */
.journal_entry
{
   margin-top: 0;
   border: 1px solid #ccc;
}

div.journal_entry h4
{
   margin: 0;
}

div.journal_entry p, li
{
   padding: 0 10px;
   font-size: .9em;
}

/* ===================================================================

   for the musicians page

   ================================================================ */
tr>td
{
   font-weight: bold;
}

td+td
{
   font-weight: normal;
}

.code_link
{
   outline: 1px solid #777;
   background-color: #ddd;
   padding: 10px;
}