body {
  margin : 0px 0px 0px 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: white;
  background-color: black;
}

#top {
  position: absolute;
  height: 100px;
  width: 100%;
  top:0px;
  border-bottom:2px solid gray;
}

#left {
  position: absolute;
  height:100%;
  width:100px;
  top:100px;
  background-color: d5d5d5;
  //border-right:2px solid gray;
  background-image: url(images/css/gradient_skew.png); 
  background-position: 90px 0px; 
}

#main {
  position: absolute;
  top: 115px;
  left: 115px;
  width: 85%;
}

#twitter {
  position: absolute;
  top: 115px;
  left: 920px;
  width: 10%;
}

#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
font-family: Times New Roman;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.story {
font-family: Times New Roman;
font-size: 16px;
color: black;
}

.aboutme {
font-family: Times New Roman;
font-size: 16px;
color: white;
}

.small {
font-family: Times New Roman;
font-size: 8px;
color: black;
}

.smallish {
font-family: Arial;
font-size: 9px;
color: white;
}

.smallishartifact {
font-family: Arial;
font-size: 9px;
color: gray;
}

.smallishartifact a:link {
color: gray;
text-decoration: none;
}

.smallishartifact a:visited {
color: gray;
text-decoration: none;
}

.smallishartifact a:hover {
color: gray;
text-decoration: none;
}

.smallishartifact a:active {
color: gray;
text-decoration: none;
}

.titles {
font-family: Courier;
font-size: 18px;
color: white;
}

.updates {
color: blue;
}

.menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: black;
text-align: center;
}

.menu a:link {
color: black;
text-decoration: none;
}

.menu a:visited {
color: black;
text-decoration: none;
}

.menu a:hover {
color: blue;
text-decoration: none;
}

.menu a:active {
color: #666666;
text-decoration: none;
}

.submenu {
font-family: Verdanda, Arial, Helvetica, sans-serif;
font-size: 16px;
color: white;
}

.submenu a:link {
color: #0ed0c6;
text-decoration: none;
}

.submenu a:visited {
color: #0ed0c6;
text-decoration: none;
}

.submenu a:hover {
color: blue;
text-decoration: none;
}

.submenu a:active {
color: #666666;
text-decoration: none;
}

.urhere {
color: #166cc4;
}

.urhere a:link {
color: #166cc4;
text-decoration: none;
}

.urhere a:visited {
color: #166cc4;
text-decoration: none;
}

.urhere a:hover {
color: blue;
text-decoration: none;
}

.urhere a:active {
color: #666666;
//color: #259a68;
text-decoration: none;
}

.msg {
font-family: MS Sans Serif;
font-size: 12px;
}

a:link {
color: #b6e046;
text-decoration: underline;
}

a:visited {
color: #8cac36;
text-decoration: underline;
}

a:hover {
color: blue;
text-decoration: none;
}

a:active {
color: #666666;
text-decoration: none;
}