html { padding: 0px; margin: 0px; }

body { color: #d3d3d3; background-color: #303030;
       text-align: left;
       font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Tahoma, Geneva, Arial, sans-serif;
       font-size: 12px;
       margin-left: 30px; width: auto;
       text-rendering: optimizeLegibility;
}

.body-col {
 margin-top: 6em;
 margin-left: auto; margin-right: auto; width: 800px; 
}

strong, em, h1, h2, h3, h4, h5, h6, a { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Garuda, Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif; }

a { color: #6b8e23; }
a:hover { color: #1e90ff; }

nav a, header a { text-decoration: none; font-weight: bold; } 

img { border: none; }
#title { background-color: inherit;
         width: 100%;
         z-index: 10;
         padding-top: 0.5em; padding-bottom: 1em;
         top: 0px;
         position: absolute; }
#title { position: fixed; width: 100%; }
#titleMenu { color: #0000cd;
 margin-left: auto; margin-right:auto; width: 800px;
}
#titleMenu a { padding-left: 0.5em; padding-right: 0.5em; }

#hcard-AJ-Slater { padding: 20px; font-size: 12px; margin-left: 50px; 
                   margin-top: 5em; float: left;}

#hcard-AJ-Slater tr {
 text-align: left;
 vertical-align: top;
}

#hcard-AJ-Slater td.label {
 text-align: right; white-space: nowrap;
}


.hide { display: none; }


img#aj-face { width: 150px; height: 225px; margin-top: 5em; }

.field {
  background-color: #ddd;
             color: #039;
  font-size: 100%;
  font-family: sans-serif;
}

#pgp {
  position: absolute;
  bottom: 1em;
  left: 1em;
}