@CHARSET "ISO-8859-1";

.hide { display: none; } /* required */

body { background-color: #F0F0EE; }
#content { margin: 1.4em; padding: 1em; border: 1px solid #ccc; background-color: #fff; }

body, h1, h3, span, ul, li, a, div, p { font-family: 'news gothic mt', 'lucida grande', 'bitstream vera sans', helvetica, sans-serif; margin: 0; padding: 0; }

h1 { margin: 0 0 .2em 0; }
h1 span.smaller { font-weight: normal; font-size: 70%; }
h2, h3 { margin-bottom: -.5em; }
p { margin-top: 1em; line-height: 1.4; }

ul { padding-left: 0; }
li { float: left; display: block; margin-right: 0 em; }
ul#about li:before { content: "*"; }
ul#buttons { margin: em 0 0em 0em; }
<!-- ul#buttons li { padding: .2em .5em; background-color: #eee; border: 1px solid #ccc; border-bottom: 0; } -->
ul#buttons li { padding: 0.15em 0.55em ; background-color: #eee; border: 1px solid #FFF; border-bottom: 0; }


div#toggleThis { margin: .4em 0 2em; border: 1px solid #ccc; }
<!--div#toggleThis div { background-color: #eee; padding: 1em; color: #444; font-family: georgia, serif; } -->
div#toggleThis div { background-color: #FFF; padding: 1em; color: #666; font-family: georgia, serif; }
a, a:link, a:visited { color: #111; text-decoration: none; }
a.code { border-bottom: 1px solid #888; }
a.active { color: green; font-weight: bold; }
a.active { margin: -0.15em -0.6em ; padding: 0.1em 0.5em ; background-color: #fff; border: 1px solid #ccc; border-bottom: 2px; border-bottom-style:solid; border-bottom-color: #FFF; }
a:hover { color: green;  }


#me { text-align: center; }
#me a { color: #aaa; }
#me a:hover { color: red; }

#info
{
color: grey;
font-weight: bold;
font-size: 9px;
}
#warning
{
color: red;
font-weight: bold;
font-size: 9px;
}