/* set default */
body { font-size: 14px; }
@media screen {
	body { font-size: 14px; }
}
@media tv {
	body { font-size: 24px; }
}

/* --- actual rules here --- */
html { background: #7f888a; color: #000; margin-top: 12px; }
body { font-family: sans-serif; margin: 0px auto; width: 95%;
	line-height: 1.5; }

a { text-decoration: none; color: #b9d199; }
a:hover, a:focus { color: #ff810a; text-decoration: underline; }
a:active { color: #fff; text-decoration: underline; }
/*strike a, strike a:link { color: #a9c3c4; }*/

#header h1 { background: #b9d199; text-transform: lowercase; text-align: right;
	font-size: 200%; padding: 2px 4px 4px; margin: 0px 0px; }

#header h1 a { color: #000; text-decoration: none; border-bottom: 1px dotted; }
#header h1 a:hover, #header h1 a:focus { border-bottom-style: solid; }

#content { color: #eee; background: #3b3b3a; padding-bottom: 0.8em; }
#content h2 { color: #fff; background: #701c18; border-bottom: 3px solid #ff810a;
	margin: 5px 0px 0px; font-size: 130%; }
#content h3 { color: #d1a8bb; margin: 5px 0px 0px 1em; padding-left: 0px; }
#content * { margin: 1em 2em; }
#content * * { margin: auto; }

#footer { background: #b9d199;
	margin: 5px 0px 12px; padding: 0.5em; text-align: center; }
#footer a { color: #000; border-bottom: 1px dotted; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { padding: 2px 4px; text-align: left; }

blockquote { margin: 1em 2.86em 1em 0.71em; padding: 0px 0px 0px 1.93em;
	border-left: 3px solid #957658; }

ul { list-style-type: square; padding-left: 0.93em; }

div.nav { font-family: sans-serif; }
div.nav a { text-decoration: none; }
div#header-nav { padding-bottom: 1px; border-bottom: 1px dotted #102555; }
div#footer-nav { padding-top: 1px; border-top: 1px dotted #102555; }

#content dt { margin: 0.71em 0px; font-weight: bold; border-bottom: 1px solid #957658; }
#content dd { margin-bottom: 1.43em; }

img { border: 1px solid #777; margin: 0.15em; }

.boldmsg { font-size: 120%; color: #a1d0ff;
	border: 1px solid; padding: 0.75em; margin: 1em 0; }