/*
 * Layout
 */
body { margin: 0; }
div { margin: 0; padding: 0; }
#wrapper  { margin: 0 auto; width: 960px; }
#body     { margin: 12px; padding-bottom: 6px; }
#sidebar  { float: left; width: 210px; }
/*#content  { float: right; width: 714px; } */
#footer   { clear: both; padding-top: 12px; }
#footer p { border-top: 1px solid #000;
            margin: 0 0 6px 0; padding: 12px 0 0 0; }

.info { font-size: 10px; }

/*
 * Navigational bar
 */
#nav       { font-size: 12px; padding: 12px 0; border-bottom: solid 18px #ff0; }
#nav ul    { margin: 0; padding: 0; }
#nav ul li { display: inline; list-style-type: none;
             padding: 12px; margin-right: 12px; }
#nav ul li a { color: #000; text-decoration: none; }
#nav ul li a:hover { text-decoration: underline; }

/*
 * Images
 */
img.center { margin: 0 auto; text-align: center; display: block; }
img.left   { float: left; margin: 0 12px 18px 0; }
h3 { display: block; clear: both;}

/*
 * Typography, colors
 */
html { font-size: 16px; }
body { font: normal 75% sans-serif; line-height: 1.5em; }
 
 /* Headings */
 h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1em; }
 h1 { font-size: 4em; margin: 0.25em 0; }
 h2 { font-size: 3em; margin: 0.50em 0; }
 h3 { font-size: 2.5em; margin: 0.60em 0; line-height: 0.60em; }
 h4 { font-size: 2em; margin: 0.75em 0; line-height: 0.75em; }
 h5 { font-size: 1.5em; margin: 1.00em 0; }
 h6 { font-size: 1em; margin: 1.50em 0; line-height: 1.50em;
      font-variant: small-caps; }

body { background-color: #fffd29; }
#wrapper { background-color: #fff; }
#nav ul li { background-color: #fff; }

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */