/* sand         #FFFFCC   */
/* light bluish #99CCFF   */
/* blue         #330099   */

/* This is the main stylesheet for my pages.  Handles all except           */
/* instructions/codeboxes (instructionsandcodeboxes.css) on the ssl page   */
/* and the js/image mailto thingy (maillink.css) on the about page.        */
/* silly.css is just a copy of february.css with the colors changed.       */           

body {
   font-family: "DejaVu Sans", "Bitstream Vera Sans", Helvetica, Verdana, Arial, sans-serif;     
   font-size: medium;
   position: absolute;
   padding: 0;
   margin: 0;
   color: black;
   top: 0;
   left: 0;
   right: 0;
   background: #FFFFCC;
   }

img { border: none; background:none }

/* -------------------------------------  */
/*       NAV MENU			                  */
/* currently fixed    top right           */
/*                                        */
/* -------------------------------------- */
#navcontainer {
	font-family: "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Andale Mono", "Lucida Console", monospace;
   font-weight: bold;
   position: absolute;
	right: 0.5em;
	top: 0.5em;
   padding-top: 0.75em;
   padding-bottom: 0.75em;
	border: 2px solid #330099;
	text-align: center;
   width: 7em;
   background: white;
   }
ul.nav {
   list-style-type: none ;
   margin: 0;
   padding: 0;
   text-align: center;
	}
.nav li {
	position: relative;
	margin: 0.5em;
   margin-left: 0.75em;
   margin-right: 0.75em;
	text-align: center;
   }
.nav a {
	position: relative;
 	display: block;
	padding: 0.25em;
	padding-left: 0.25em;
	padding-right: 0.25em;
	width: 4.5em;
	text-decoration: none;
	}
.nav a:link { 
	color: white;
	background: #330099; 
	border: 0.25em groove #99CCFF; 
	}
.nav a:visited { 
	color: white;
	background: #330099; 
	border: 0.25em groove #99CCFF; 
	}
.nav a:hover {
	color: black;
	background: #99CCFF; 
	border: 0.25em groove #330099; 
	}
.nav a:active { 
	color: #330099; 
	background: white; 
	border: 0.25em groove #330099; 	
	}

/* --------------   */
/* end NAV MENU	  */
/* --------------   */

h1, h2  {
      position: relative;
      font-family: "DejaVu Serif", "Bitstream Vera Serif", Georgia, Times, serif;
      border-left: 1em groove blue;
      padding-left: 0.5em;
      border-bottom: 3px dotted #330099;
      }

#maincontent {
      padding-left: 1em;
      padding-right: 1em;
      padding-bottom: 1em;
      margin-top: 0.5em;
      margin-bottom: 0.5em;
      margin-left: 105px;
      margin-right: 8.5em;
      background: #99CCFF;
      border: 3px solid #330099;
      }
#maincontent a:link, a:visited {
      text-decoration:none;
      color: #330099;
      }
#maincontent a:hover {
      text-decoration: none;
      background: #FFFFCC;
      color: black;
      }
#maincontent a:active {
      text-decoration: none;
      background: white;
      color: black;
      }

.pageintrotext {
      font-size: larger;
      }

.resources {
      position: relative;
      margin-left: 10%;
      margin-right: 10%;
      }

.resourcelink {
      position: relative;
      font-family: "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Andale Mono", "Lucida Console", monospace !important;
      font-size: medium;
      margin: 0;
      margin-top: 2em;
      margin-bottom: 0;
      padding: 0;
      line-height: 2em;
      right: 0;
      text-align: left;
      } 
.resourcelink a:link {
     background: white;
     color: #660000 !important;
     text-decoration: none;
     padding: 0.25em;
     padding-right: 0.75em;
     padding-left: 0.75em;
     border: 4px solid #660000;
     font-weight: bold;
     }
.resourcelink a:visited {
     background: white;
     color: #660000 !important;
     padding: 0.25em;
     padding-right: 0.75em;
     padding-left: 0.75em;
     border: 4px solid #660000;
     }
.resourcelink a:hover {
      background: #FFFFCC;
      color: #660000 !important;
      }

.resourcetext {
      text-align: justify;
      margin: 0.5em;
      }

.linklist {
      margin-left: 5em;
      }

p.notice {
      padding: 1em;
      margin: 1em 10% 1em 10%;
      width: 70%;
      border: 12px groove red;
      background: red;
      color: white ;
      font-size: 2em;
      }
p.notice a {
  color: white !important;
  text-decoration: underline !important;
  }
p.notice a:hover {
  color: red !important;
  background-color: #FFF !important;
  }
      

.log { 
      position: relative;
      font-family: "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Andale Mono", "Lucida Console", monospace;
      text-align: left; 
      margin-left: 2em;
      margin-right: 2em;
      }

span.emphasized {
      font-weight: bold;
      }
span.emphasized a:link {
      padding-left: 0.25em;
      padding-right: 0.25em; 
      background: white; 
      color: #330099; 
      text-decoration: none; 
      border: 2px solid #FFFFCC; 
      }
span.emphasized a:visited { 
      padding-left: 0.25em;
      padding-right: 0.25em; 
      background: white; 
      color: #330099; 
      text-decoration: none; 
      border: 2px solid #FFFFCC; 
      }
span.emphasized a:hover { 
      padding-left: 0.25em;
      padding-right: 0.25em; 
      background: #FFFFCC; 
      color: #330099; 
      text-decoration: none; 
      border: 2px solid #330099
      }

#buttonbar {
      position: fixed;
      bottom: 0;
      left: 8px;
      width: 88px;
      padding: 0;
      margin: 0;
      font-size: x-small;
      }
#anybrowserbutton {
      padding-bottom: 12px;
      }
#anybrowserbutton a {
      display: block;
      width: 88px;
      height: 31px;
      background-image: url('images/w3c_ab88x31x2new.png');
      background-repeat: no-repeat;
      background-position: 0 0;
      text-decoration: none;
      }
#anybrowserbutton a:hover {
      background-position: 0 -31px;
	   }
#getfirefoxbutton {
      padding-bottom: 12px;
      }
#getfirefoxbutton a {
      display: block;
      width: 88px;
      height: 31px;
      background-image: url('images/getfirefox88x31x2new.png');
      background-repeat: no-repeat;
      background-position: 0 0;
      text-decoration: none;
      }
#getfirefoxbutton a:hover {
      background-position: 0 -31px;
	   }
#xhtmlbutton {
      padding-bottom: 12px;
      }
#xhtmlbutton a {
      display: block;
      width: 88px;
      height: 31px;
      background-image: url('images/valid-html401x2.png');
      background-repeat: no-repeat;
      background-position: 0 0;
      text-decoration: none;
      }
#xhtmlbutton a:hover {
      background-position: 0 -31px;
	   }
#cssbutton {
      padding-bottom: 12px;
      }
#cssbutton a {
      display: block;
      width: 88px;
      height: 31px;
      background-image: url('images/vcssx2new.png');
      background-repeat: no-repeat;
      background-position: 0 0;
      text-decoration: none;
      }
#cssbutton a:hover {
      background-position: 0 -31px;
	   }

abbr  { cursor: help }

#moddate {
      font-family: "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Andale Mono", "Lucida Console", monospace;
      color: black;
      margin-right: 8.5em;
      margin-left: 100px;
      margin-top: 0;
      margin-bottom: 1em;
      text-align: right;
      }

span.strike { text-decoration: line-through }
.hide { display: none !important }

/* see <http://www.positioniseverything.net/easyclearing.html> */
.clearfix:after {
      content: "."; 
      display: block; 
      height: 0; 
      clear: both; 
      visibility: hidden 
      }