/*
CSS for johnsymms.com
*/
 
 html {
  overflow: auto;
 }
 body {
  background-color: #000000;
  font-size: small;
  font-weight: normal;
  color: silver;
  font-family: sans-serif;
 }
 h1 {
  position: absolute;
  left: 140px;
  top: 44px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-size: 19pt;
  font-weight: bold;
  font-family: serif;
  color: #fff;
  letter-spacing: -2px;
  text-transform: lowercase;
 }
 h2 {
  font-family: sans-serif;
  color: #39f;
  font-size: large;
  font-weight: bolder;
  margin: 0 0 0 60px;
  padding: 0 0 0 0;
  letter-spacing: -2px;
 }
 h3 {
 font-family: serif;
 letter-spacing: -1px;
 color: #3299FF;
 margin: 10px 0 10px 0;
 }
 object {
  margin: 20px 0 20px 0;
 } 
 #navigation {
  z-index: 5;
  position: absolute;
  top: 130px;
  left: 60px;
  margin: 0 0 0 0;
  letter-spacing: .06em;
  font-size: 10pt;
  text-align: right;
 }
 #navigation a:hover {
  color: #1291FF;
 }
 #navigation ul {
  list-style-type: none;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 75px;
  line-height: 180%;
  text-transform: lowercase;
  text-align: right;
 }
 #navigation ul li {
  position: relative;
 }
 #navigation ul li a {
  display: block;
  width: 75px;
  color: gray;
  background-image: url(http://www.johnsymms.com/images/clear.gif);
  background-color: #000;
  text-decoration: none;
  padding: 0 0 0 0;
 }
 #navigation li  ul {
  position: absolute;
  top: -25px;
  left: 74px;
  display: none;
 }
 #navigation li ul a {
  border-bottom: dotted gray 1px;
  border-right: dotted gray 1px;
 }
 #navigation li ul a {
  text-align: left;
 }
 #navigation li:hover ul, #navigation li.over ul {
  display: block;
 }
/* Fix IE. Hide from IE Mac \*/
 * html ul li { float: left; }
 * html ul li a { height: 1%; }
/* End */
 #content {
  z-index: 3;
  position: absolute;
  top: 67px;
  left: 132px;
  padding: 0 0 10px 0;
  height: auto;
  width: 600px;
  margin: 10px 0 0 10px;
 }
 #content a, #content a:visited {
  color: #39f;
  text-decoration: none;
 }
 #signature {
  z-index: 4;
  position: absolute;
  top: 37px;
  left: 449px;
 }
 #navbg {
  z-index: 1;
  position: absolute;
  top: 0px;
  left: 132px;
  height: 67px;
  width: 330px;
  border-bottom: solid white 1px;
 }
 #navbg2 {
  z-index: 2;
  position: absolute;
  top: 0px;
  left: 723px;
  height: 66px;
  width: 25px;
  border-bottom: solid white 1px;
 }
 #vline {
  position:absolute;
  left: 125px;
  top: 67px;
  z-index: 100;
 }
 #entryLinks a, #entryLinks a:visited {
  color: gray;
 }
 .currentLink {
  color: #1291FF;
  font-weight: bold;
  padding: 0 .2em 0 .2em;
  text-transform: uppercase;
  letter-spacing: -1px;
  border: solid #fff 1px;
 }
 .headerLink h2 {
  margin-left: 0;
 }
 .linkItem {
  text-transform: uppercase;
  font-weight: bold;
 }
 .listfixed {
  position: fixed;
  float:left;
  bottom: 10px;
  list-style-type: none;
  text-align: left;
 }
 .listfixed li {
  padding-top: 5px;
 }
 .title {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: -1px;
  padding-right: 15px;
  border-bottom: dotted silver 1px;
 }
 .listfixed a, .listfixed a:visited {
  text-decoration: none;
  text-transform: lowercase;
  color: gray;
 }
 .listfixed a span, .listfixed a:visited span {
  visibility: hidden;
 } 
 .listfixed a:hover span {
  visibility: visible;
  color: #39f; 
 }
 .entries {
  color: silver;
 }
 .entries {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
 }
 .entries li {
  width: 600px;
  padding: 0 0 15px 0;
  border-bottom: dotted silver 1px;
 }
 .entries a, .entries a:visited {
  text-decoration: none;
  color: #39f;
 }
 .centeredImage {
  text-align: center;
  display: block;
  margin: 15px 0 15px 0;
 }
 .date {
  text-transform: uppercase;
  font-weight: bold;
  font-size: smaller;
  letter-spacing: -1px;
  color: gray;
 }
 table {
  margin: 25px 15px 10px 0;
 }
 table th {
  text-align: right;
  vertical-align: top;
  padding: 0 5px 2px 0;
  width: 5.8em;
  text-transform: lowercase;
  color: gray;
 }
 table th a, table th a:visited {
  color: gray;
 }
 table th a:hover {
  color: #39f;
 }
 table td {
  text-align: left;
  padding: 0 0 2px 5px;
 }
 .firstRow {
  font-size: medium;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: -1px;
  color: #39f;
 }