/* Skirv's Stylesheet O'Doom */
/* Version 1.5.1 */

/* Body is black-on-grey */
/* body { margin: 0px; background-color: #909090;  text: black; } */
body { margin: 0px; background-color: #bbbbbb;  text: black; } 

/* Standard link colors */
a         { color: blue /* darkgreen */;   text-decoration: underline; }
a:visited { color: purple; text-decoration: underline; }
a:hover   { color: red;    text-decoration: underline; }

/* Links that should be "hidden" but active */
a.quiet          { color: black;  text-decoration: none; }
a.quiet:visited  { color: black;  text-decoration: none; }
a.quiet:hover    { color: red;    text-decoration: none; }

/* Daemons get colors too */
.nik  { color: yellow; margin: 0px; display: inline-block;  
        background-color: black; }
.kile { color: red;    margin: 0px; display: inline-block; 
        background-color: black; }

/* ********************** */
/* Main System Navigation */
/* ********************** */

/* Title Bar */
/* Not much to say about it; it includes a fair bit of information */

#titlebar { margin: 5px;  margin-left: 105px; margin-right: 0px; clear: left; 
            min-width: 300px; padding: 10px; text-align: center; }
#titlebar h1, h2 { margin: 0px; padding: 0px; float: center; }

/* Updates Box */
/* The XX most recent updates to the web page, shown on every page. */

#updates { margin: 5px; margin-top: 0px; padding: 5px; height: 1.em; 
           width: 400px; letter-spacing: 0em; float: right; font-size: 80%;
           background-color: black; color: white; max-height: 180px; 
           overflow: scroll; overflow-x: hidden; }
#updates a:visited { color: #00bb00; text-decoration: underline; }
#updates a:hover   { color: purple; text-decoration: underline; ; }

#main { margin-left: 110px; margin-right: 15px; margin-bottom: 10px; 
        padding-top: 10px; padding-left: 10px; }
#plain { margin-left: 15px; margin-right: 15px; margin-bottom: 10px; 
        padding-top: 10px; }
#footer { margin: 15px; margin-left: 105px; }
#footerplain { margin: 15px; }

/* Sidebar Navigation */
/* This is new, and I'm not used to it yet, but I think it has potential.  */

#sidenav { margin: 0px; padding: 0; height: 100%; width: 110px;
         letter-spacing: 0em; float: left; clear: left; position: fixed; 
         overflow: auto; overflow-x: hidden; }

#sidenav ul { border: 0; margin: 5px; padding: 5px; list-style-type: none; }
#sidenav li { border: none; margin: 0; padding: 0; list-style-type: none;
              font-size: 90%;
              font-weight: normal; color: #999999; line-height: 120%; }

#sidenav h2 { font-weight: bold; display: block; color: black;  
              text-decoration: none; font-size: 100%; margin-left: 5px; 
              margin-top: 0px; margin-bottom: 2px; }
#sidenav h3 { font-weight: bold; display: block; color: black;  
              text-decoration: none; font-size: 90%; margin-left: 5px; 
              margin-top: 0px; margin-bottom: 2px; }

/* sidetext - this is what goes below the navigation area, and is input with the
   SIDEBAR and SIDEBAR_URL stuff. */

#sidetext { margin: 0px; display: block; width: 110px; font-size: small; }

/* *********** */
/* Older Stuff */
/* *********** */

table.header
{ text-align: center; background-color: #909090;
  margin-left: 0px; margin-right: 0px;  margin-top: 0px; margin-bottom: 5px;
}

/* div.main
{ margin-left: 10px;  margin-right: 10px; } */

.head
{ margin-left: 10px; margin-top: 5px; margin-bottom: 5px; margin-right: 10px;
  text-align: center; }

.head2
{ margin-left: 10px; margin-top: 4px; margin-bottom: 0px; margin-right: 10px;
  text-align: center; }


table.projtable {
  margin-left: 0px; margin-right: 0px;
}

td.spotlight_header
{ background-color: lightgray; font-weight: bold; margin-left: 20px; }

div.imgarea
{ margin-left: 20px;  text-align: center; font-size: small; float: right; }

div.txtarea
{ margin-right: 20px; text-align: left;   font-size: medium; margin-left: 20px;
  float: left;        font-weight: none; }


div.pre {
        background-color: white;
        margin-left: 10px;  margin-right: 10px;
        margin-top: 0px;  margin-bottom: 0px;
        white-space: pre;
        font-family: monospace;
        border: 1px solid black;
        padding: 10px;
        text-align: left;
}


hr.footer { margin: 10px; margin-top: 20px; margin-left: 105px; clear: both; }
hr.footerplain { margin: 10px; margin-top: 20px; clear: both; }

hr { width: 100%; clear: both; margin-top: 10px; }



/* imgright/imgleft - put the image and caption on the right or left, with 
   appropriate fonts set.  This is used by the modern research pages. */
  
div.imgright {
  background-color: white;  float: right;  margin-left: 10px;
  text-align: center;  font-size: small;  width: 400px;
}

div.imgleft {
  background-color: white;  float: left;  margin-right: 20px;  
  text-align: center;  font-size: small; 
}

div.imgcenter {
  background-color: white;  float: middle;  margin-right: 10px;
  text-align: center;  font-size: small; clear: both;
}

/* imgfull - for when the sidebar gets in the way. */

div.imgfull {
  background-color: white; float: center;
  margin-left: 10px; margin-right: 10px; 
  text-align: center; font-size: small; clear: right;
}

/* Float things to the left or right easily */
.left  { float: left;  display: block }
.right { float: right; display: block }

/* Basic Layout Stuff */
/* The following are used to help lay out my pages the way I want them. */

/* Quotes - put on various sections of the web pages. */
p.quote
{ font-style: italic; text-align: center; margin-top: 5px; margin-bottom: 0px; }
p.quoteinfo
{ text-align: right; margin-top: 0px; margin-bottom: 3px; margin-right: 2px; }
p.caption { text-align: right; font-style: italic; }
p.return { font-size: large; text-align: center; }

div.friendentry { clear: both; margin: 10px;  }

div.