/* hide from ie mac \*/
* html, * html body {overflow: auto; } 
* html #content .entry {background: #fff7de; filter: alpha(opacity=87);
	height: 1%; }
* html #rnav {filter: alpha(opacity=87); }
* html #rnav a {height: 1%; }
* html #rnav a:hover {filter: alpha(opacity=60); }
* html #post {margin-bottom: 50em; }
/* for ie5+ */
* {margin: 0; padding: 0; }
html, body, div {height: 100%; width: 100%; } 
html {background: #00041f url(../images/record.png) no-repeat; }
body {background: url(../images/sung.png) no-repeat right bottom;
	color: #00041f; font: 100% "franklin gothic book", helvetica, arial, sans-serif; }
h1 {margin-left: 3%; white-space: nowrap; font: oblique bold 1.7em/1.2 "lucida console", "courier new", monospace; 
	color: #d61003; z-index: 10; position: relative; word-spacing: -.2em; }
#shad {position: absolute; color: #fc8c06; text-indent: .1em; 
	left: 0; top: 0; z-index: 9; font-style: normal; }
h2 {display: none; }

#content {width: 69.5%; overflow: auto; 
	height: 84%; margin-left: 3%; padding: 0 1em; max-width: 40em;
	list-style-type: none; border: 3px inset #2bcce4; }
.entry {border: .5em solid #fc8c06; padding: 1em .5em; 
	background: url(../images/trans.png); border-width: .5em 1px; }
.entry:after {font: .75em/.5 "lucida console", "courier new", monospace; 
	content: attr(id); color: #d61003; display: block; text-align: right; 
	margin-top: -2.1em; }
.comment a {border-width: 1px; border-style: solid; padding: .1em .2em;
	text-decoration: none;  }
.comment a:hover {background: #00041f; }
#content #post:after {padding-bottom: 50em; display: inline; visibility: hidden; }
.entry blockquote {background: #ad8c7b; padding: .2em 2em 0; 
	margin: .5em 0 .7em; border: 2px outset #d61003; }
.entry blockquote p {padding: 0; }
code {font-family: "lucida console", "courier new", monospace; 
	color: #d61003; }
.entry p {text-align: justify; padding-bottom: 1em; line-height: 1.5em;
	font-size: .95em; }
h3 {font: bold 1.25em "lucida console", "courier new", monospace; 
	padding-bottom: 1em; text-align: center; word-spacing: -.16em; }
h3 a {color: #d61003; text-decoration: none; } 
h4 {color: #fc8c06; }
h5 {font-size: 1em; color: #2bcce4; }
img, object {border: none; float: left; margin-right: 1em; }

a {color: #d61003; }
a:visited {color: #d61003; }
a:hover {color: #2bcce4; }
	
#rnav {position: absolute; left: 82%; top: 2.35em; opacity: .87; 
	width: 7.2em; border: 2px outset #2bcce4;
	font: 14px/20px "lucida console", "courier new", monospace; }
#rnav dt {background: #ffebaf; text-indent: .2em; }
#rnav dt:first-letter {text-decoration: underline; }
#rnav a {text-indent: .8em; margin: 1px; 
	display: block; text-decoration: none; background: #ffebaf; }
#rnav a:visited {color: #525273; }
#rnav a:hover {opacity: .6; }

address {margin-left: 3%; line-height: 1.1em; color: #525273; 
	font-family: "lucida console", "courier new", monospace; }
address a {text-decoration: none; color: #525273; }
address a:hover:before {content: attr(title); }

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

@media screen {
			 acronym, code {cursor: help; } 
			 #submit, label {cursor: pointer}
			 }
@media print {
			 #c\ontent, h\tml {width: auto; overflow: visible; border: none; }
			 #r\nav, #s\had, .c\omment, #p\ost {display: none; }  
			 }