body {background-color: black; width: 100%; height: 100%;}

.menu {position: absolute; top:100px; left:0px; border:1px dotted #5555FF; width: 160px; padding: 15px 0px 10px 0px; margin: 20px 0px 0px 5px;}
.menu li {text-align: center;}
.quicks {position: absolute; top:350px; left:0px; width: 160px; border:1px dashed #FF8833; padding: 10px 10px 10px 10px; margin: 20px 0px 0px 5px;}
.quicks li {text-align: center;}
.menu a {color: #5555FF; width: 100%; text-align:center; text-transform: lowercase; font-family: fantasy; font-size: 12pt; margin: 5px 0px 5px 0px;}
.menu a:HOVER {letter-spacing: 6pt;}
.quicks a {color: #FF8833; width: 100%; text-align:center; text-transform: lowercase; font-family: fantasy; font-size: 12pt; margin: 5px 0px 5px 0px;}
.quicks a:HOVER {letter-spacing: 6pt;}
.invisible {height: 0px; width: 0px; top: -10px; left: -10px; position: absolute;}

input {color:white; background-color: black; border: 1px solid #FFFFFF;}
textarea {color:white; background-color: black; border: 1px dashed #FFFFFF;}


p {margin: 0px 0px 20px 0px;}
p.subscript {margin: 0px 0px 20px 0px; color: #777777; text-align: center; width: 100%;}
p.error {margin: 0px 0px 20px 0px; color: #FF0000; text-align: center; width: 100%;}
p.heading {margin: 10px 0px 20px 0px; color: #88FF88; text-transform: lowercase; font-family: fantasy; font-size: 12pt; text-align: center; width: 100%; border-bottom: 3px ridge #88FF88;}
p.poetry:first-letter {font-size: 200%; float:left;}

div.content {padding: 30px 100px 30px 100px; font-family: monospace; font-size: 10pt; position: absolute; top: 0px; left: 160px; color: white;}

div.frontpage {margin: 40px 100px 10px 100px; border: 2px solid #DD5555; padding: 10px;}
.quote {font-family: cursive; font-size: 24pt; color: white; text-align: center; width: 100%;}
.author{font-family: cursive; font-size: 16pt; color: white; text-align: right; width: 100%; margin-top: 20px;}


/*old*/

div.todo {font-weight: bold; font-size: xx-large; color:red; text-align: center}

div.thumb {width: 33%; float: left;}
div.row{clear:both; margin-top: 10px}
img.thumb {align: center;}
div.imgdesc{clear: both}

a.yellow {color: #FFFF00; font-family: fantasy; font-size: 12pt; margin: 5px 10px 5px 0px;}
a.blue{color: #0000FF; font-family: fantasy; font-size: 12pt; margin: 5px 10px 5px 0px;}
a.red{color: #FF0000; font-family: fantasy; font-size: 12pt; margin: 5px 10px 5px 0px;}

img.banner {margin-bottom: 15px; margin-left: 10px }

span.description {color: #5555FF; text-transform: lowercase; font-family: fantasy; font-size: 12pt; margin: 0px 5px 5px 0px;}

span.date {color: #FF8833; text-transform: lowercase; font-family: fantasy; font-size: 12pt; margin: 0px 5px 5px 0px;}
span.link {color: #FF8833; font-family: fantasy; font-size: 12pt; margin: 0px 5px 5px 0px;}