* {margin: 0; padding: 0; border: 0; color: #222; }
body {background: #bbb url(../images/gira2.gif) fixed; 
	font: 100%/1em "lucida console", "andale mono", monospace; }

h1 {position: absolute; width: 100%; letter-spacing: -.04em; 
	white-space: nowrap; text-indent: 1em; top: 0; left: 0; 
	font: 1.9em/1.2em "lucida console", "andale mono", monospace; }
#shad {text-indent: .95em; color: #000; line-height: 1.23em;
	border-bottom: 3px solid #555;
	background: #727272 url(../images/record2.gif) no-repeat fixed; }
#shad span {color: #ff0;}
	
#rnav {position: absolute; top: 3.2em; width: 19.5%; left: 0; }
body>#rnav {position: fixed; } 
#rnav dt {padding: .1em; color: #727272; background: #222;
	font: bold 1.2em/1.2em "lucida console", "andale mono", monospace; 
	border-width: 3px 3px 0 0; border-color: #ccc #999;
	border-style: solid; }
#rnav dt:first-letter {font-size: 1.3em; color: #777 !important; }
#rnav>dd {background: transparent url(../images/record.gif) no-repeat fixed; }
#rnav a {display: block; background: #f8f8f8; 
	text-decoration: none; padding-left: 6px; height: 1.3em;
	font-weight: bold; border-style: solid; line-height: 1.2em;
	border-width: 0 3px 3px 0; border-color: #333 #999; }
#rnav a:hover {background-color: transparent; text-decoration: none; 
	color: #f8f8f8; padding: 0 0 3px 9px; border-width: 0; }

h2 {padding-top: 2.2em; color: #fff; margin-left: 22%;
	margin-bottom: -1.9em; letter-spacing: 15px; }
#content {margin: 0 1.5% .5em 21%; padding-top: 3.2em; list-style-type: none;
	font: 1em/1.4em "lucida console", "andale mono", monospace; }
body>#content {padding-bottom: 1em;}
.entry {margin-bottom: .7em; padding: .2em; background: #f8f8f8; 
	letter-spacing: -.05em; border-width: 3px; border-style: solid;
	border-color: #ccc #333 #333 #ccc; }
#content>li.entry {background: #f8f8f8 url(../images/record2.gif) no-repeat fixed; }
h3 {color: #727272; display: inline; padding-right: .03em; 
	font-size: 1.2em; }
p {padding: .3em 0; display: block; }
h3 + p {display: inline; }

#content img, #content object {float: left; margin-right: .4em; 
    font-style: oblique; color: #ddd; }
.bug:hover {position: relative; top: .3em; left: .3em; }
code {font: 1em "ocr a extended", "andale mono", monospace; color: #555; }

.entry a:link, .entry a:visited {text-decoration: underline; }
.entry a:hover, .entry a:active {color: #555; 
	text-decoration: overline underline; background-color: #eee}
#content .entry h3 a {text-decoration: none; color: #555; }
del {color: #aaa; text-decoration: line-through; }
*:target {color: #727272; font-weight: bold; }
*:target:before {content: url(../images/target.gif); }
.entry blockquote ol {list-style: decimal inside; padding: 1em;}
.entry blockquote ol li {padding-bottom: .5em;}
.entry blockquote {margin: 0 .4em; border-left: .4em solid; padding: .4em; 
	background: #eee; }
.entry:after {content: attr(id); color: #727272; display: block;
	font: oblique .8em/1 "OCR A extended", "courier new", monospace;
	text-align: right; padding-top: .4em; }

address {background-color: #727272; border-top: 2px solid #999; 
	color: #444; }
address a {text-decoration: none; }
address a:hover{color: #ddd; text-decoration: none;}	
address a:hover:before {content: attr(title); }

fieldset {padding: .5em; border: none; text-align: center; margin-top: 1em; }
label {display: block; text-align: right; margin-right: 10em; }
textarea {width: 18em; height: 10em; }
textarea, input {background: #eee; vertical-align: top; border-width: 2px; 
	border-style: inset; }
label>* {background: #eee; }
label>*:focus {background: transparent; }

@media screen {acronym, abbr, .help, code {cursor: help; }
	a {cursor: pointer;} }