body {position: relative; background: black; margin: 0; padding: 0;}

div#links {position: absolute; top: 81px; left: 0; width: 155px; height: 700px; font: 16px Verdana, sans-serif; z-index: 100;}
div#links a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #FFC; background: #444;
   border-right: 5px solid #505050;}
div#links a:hover {color: #411; background: #AAA;
   border-right: 5px double white;}

div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: -60px; left: 155px; width: 200px;
   padding: 5px 5px; margin: 10px 10px; z-index: 100;
   color: #AAA;
   font: 10px Verdana, sans-serif; text-align: center;; clip:   rect(   )}

div#links a img {height: 0; width: 0; border-width: 0;}
div#links a:hover img {position: absolute; top: 250px; left: 0px; height: 250px; width: 150px;}

div#content {position: absolute; top: 26px; left: 150px; right: 25px;
   color: #BAA; background: #22232F; 
   font: 13px Verdana, sans-serif; padding: 10px; 
   border: 5px #444 solid;}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}

h1 {margin: -9px -9px 0.5em; padding: 15px 0 5px; text-align: right; background: #333; color: #667; letter-spacing: 0.5em; text-transform: lowercase; font: bold 25px sans-serif; height: 28px; vertical-align: middle; white-space: nowrap;}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#content a:link {color: white;; text-decoration: none}
div#content a:visited {color: #FFFFFF;; text-decoration: none}
div#content a:link:hover {color: #FF0;}
div#content a:visited:hover {color: #CC0;}
code, pre {color: #EDC; font: 110% monospace;}
td {  color: #BAA;}
.footer {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; border-color: #999999 black black; margin-top: 5px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}

.bottom { color: #BAA; background: #22232F; font: 13px Verdana, sans-serif; padding: 10px;}
.small { font: 13px Verdana, sans-serif; font-size: 10px; color: #ffffff;}
input{
    background-color: <? echo $basecolor; ?>;
    border-bottom: #FFFFFF 1px solid;
    border-left: #FFFFFF 1px solid;
    border-right: #FFFFFF 1px solid;
    border-top: #FFFFFF 1px solid;
    color: #000000;
    font-family: Verdana, helvetica;
    font-size: 10pt;
}
select{
    background-color: <? echo $basecolor; ?>;
    border-bottom: #FFFFFF 1px solid;
    border-left: #FFFFFF 1px solid;
    border-right: #FFFFFF 1px solid;
    border-top: #FFFFFF 1px solid;
    color: #000000;
    font-family: Verdana, helvetica;
    font-size: 10pt;
}
textarea{
    background-color: <? echo $basecolor; ?>;
    border-bottom: #FFFFFF 1px solid;
    border-left: #FFFFFF 1px solid;
    border-right: #FFFFFF 1px solid;
    border-top: #FFFFFF 1px solid;
    color: #000000;
    font-family: Verdana, helvetica;
    font-size: 10pt;
}
