/*
 * Generic, overridable style rules 
 */ 

/* HTML elements */

  body {
    background:         #123148;              /* blue-grey */
    margin:             0px 0px 0px 0px;      /* really needed */    
    color:              #ff9326;              /* for the font - orange */
  }

  A:link    { color: #2692ff; text-decoration: none; }      /* blue */
  A:visited { color: #497FB5; text-decoration: none; }      /* darker blue */
  A:hover   {                 text-decoration:underline; }
  
  /* main page images get a border and inline makes them go side by side */
  img.main {
    display:            inline;
    border:             1px solid #777;
    padding:            1em;
    margin-bottom:      1em;
  }

/* CSS classes - for repeating types */
  
  .archive-list {
    padding-top:        1em;
  }

  .code {
    border:             2px solid;
    border-color:       #aaa;
    background:         #3B4C59;          
    font-size:          0.8em;
    width:              80%;
    padding:            0.5em;
    margin-left:        10%;
    margin-top:         1em;    
    margin-bottom:      1em;    
  }

  .heading-large {
    padding-top:        1em;
    padding-bottom:     0.5em;
    font-size:          1.4em;
    font-weight:        bold;
  }

  .heading-medium {
    padding-top:        0.8em;
    padding-bottom:     0.4em;
    font-size:          1.2em;
    font-weight:        bold;
  }
    
  .lined-header {
    border-bottom:      1px solid #777; 
    margin-bottom:      3px;
    text-align:         right;
    font-size:          1.4em;
    font-weight:        bold;
  }

  .posted {
    text-align:         right;
    padding-bottom:     3em;
  }
  
  .sidebar {
    background:         #3B4C59;          
    border:             2px solid;
    border-color:       #777;
    width:              80%;
    padding:            0.5em;
    margin-left:        10%;
    margin-top:         1em;    
    margin-bottom:      1em;    
    
  }

  .updated {
    text-align:         right;
    font-size:          0.9em;
  }
  
/* CSS IDs - for specific one time things */

  #archive-menu {
    padding-bottom:     1.5em;
    text-align:         center;
    font-size:          1.4em;
    font-weight:        bold;
  }
  
  #column {
    line-height:        1.6;
    font-size:          0.8em;
    font-family:        courier, times new roman, serif; 
    width:              450px;
    text-align:         left;
    padding-top:        10em;
  }

  #footer {
    position:           absolute;
    bottom:             1.2em;
    width:              100%;
    text-align:         center;
    font-size:          .9em;
    line-height:        1.5;
  }
  
  #nav-column {
    font-family:        courier, times new roman, serif; 
    background:         #000;
    position:           fixed;
    width:              13%;
    height:             100%;
    margin-left:        87%;
    border-left:        solid thin #777;
  }

  #page{
    float:              left;
    width:              87%;
  }
  
  #powered {
    padding-top:        1.2em;
  }

  #title {
    font-family:        arial, sans-serif;
    line-height:        1.2em;
    padding:            0.2em;
    font-size:          1.6em;
    font-weight:        bold;
  }