﻿body {position: relative; background: #414141; margin: 0; padding: 0; text-decoration: none; color: #EBF0F2; background-repeat: no-repeat;}

div#links {position: absolute; top: 64px; left: 18px; width: 166px; height: 700px; font: 16px Arial, Verdana, sans-serif; text-transform: lowercase; 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: #ffffff; background: #555;
   border-right: 3px double #006666;}
div#links a:hover {color: #fff; background: #006666;
   border-right: 3px double white;}

div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 215px; left: 3px; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #EBF0F2; background: #414141;
   font: 10px Verdana, sans-serif; text-align: center;}
div#paypal {position: absolute; top: 280px; left: 18px; width: 166px; height: 150px; font: 16px Arial, Verdana, sans-serif; text-transform: lowercase; z-index: 100;}
div#paypal a span {display: none;}
div#paypal a hover span {display: block;
   position: absolute; top: 164px; left: 3px; width: 125px;
   padding: 5px; margin: 12px; z-index: 100;
   color: #EBF0F2; background: #414141;
   font: 10px Verdana, sans-serif; text-align: center;}
div#content {position: absolute; top: 65px; left: 182px; right: 80px;
   color: #F1F4F5; background: #505050; 
   font: 13px Verdana, sans-serif; padding: 15px; 
   border-top: double 4px #555; border-left: double 3px #006666;}
div#acknow {position: absolute; top: 43px; left: 181px; right: 80px; z-index: 400;}
div#robbio {position: absolute; top: 243px; left: 181px; right: 80px; z-index: 400;}
div#tags {text-align: center;}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}
div#picture {position: absolute; top: 173px; left: 181px; border-left: solid 5px #444;}
div#logo {position: absolute; left: -150px; top: 92%;}
table {color: #ffffff; font: 11px Arial, Verdana, sans-serif; padding: 4px; text-align: center;}
dt {font-weight: bold;}
dd {margin-bottom: 66em;}
h1 {position: relative; margin: -4px 3px 0.5em; left: 17px; top: 18px; z-index : 300; color: white; font: 36px Arial, Verdana, sans-serif; white-space: nowrap; width:20px; height:38px; 
	padding: 4px 0px 0 2px; text-align: left; text-transform: lowercase; letter-spacing:-2px; word-spacing:3px; font-weight: 500; z-index: 300; display: block;}

div#stories_list p.spaceafter {margin-bottom: 6px;}

.rss {border-width: 0;}

.borderit img{
border: 2px solid #006666;
}
.borderit:hover img{
border: 2px solid yellow;
}
.borderit:hover{
color: yellow; /* irrelevant definition to overcome IE bug */
}

div#cc {position: relative; color: #EBF0F2; font: 11px Arial, Verdana, sans-serif; text-align: left; margin: .5em auto; width: 55%; border-width: 0;}
h1 {position: absolute; left: 13px; top: 22px; color: white; font: 36px Arial, Verdana, sans-serif; height: 40px; padding: 4px 0px 0 2px; text-align: left; text-transform: lowercase; font-weight: 500; letter-spacing:-1px; word-spacing:3px; white-space: nowrap; z-index: 300}
div#content a:link {color: white;}
div#content a:visited {color: #bbc;}
div#content a:link:hover {color: #FFFF00;}
div#content a:visited:hover {color: #ff0;}
.class1 a:link {color: white;  text-decoration: underline;}
.class1 a:visited {color: #BBC; text-decoration: none;}
.class1 a:hover {color: yellow; text-decoration: none;}
