/* tags */ html { height: 100%; } body { height: 100%; font-family: sans-serif; } h1, h2, h3 { font-weight: bold; margin: 0.2em 0 0.1em 0; padding-top: .5em; } h1 { font-size: 1.5em; color: #888; margin-bottom: 0; } h2 { font-size: 1.5em; border-bottom: 1px solid #AAA; } h3 { font-size: 1.2em; border-bottom: 1px solid #AAA; width: 50%; } a { color: #006; } /* content */ #content-column { position: absolute; top: 1em; left: 10em; } #content { min-height: 140px; padding: 0 1em 1em 1em; border-left: 1px solid #CCC; background: #FFF; font-size: 0.9em; } #content p { max-width: 55em; } .section { border: 1px solid #CCC; padding: 0.5em; margin-bottom: 1em; } /* sidebar */ #sidebar { margin-top: 3em; min-height: 75%; width: 12em; background: url("../images/sidebar-bg.gif") no-repeat top right; color: #666; } #sidebar h4 { margin: 0 0 0.2em 0; width: 10em; border-bottom: 1px solid #CCC; font-size: 0.8em; font-weight: normal; } #sidebar a { color: #77B; border: 0; } #sidebar ul, #sidebar li { margin: 0; padding: 0; list-style: none none; font-size: 0.9em; color: #888; } #sidebar li { margin-left: 1em; } /* footer */ #footer { margin: 1em; padding: 1em; font-size: 0.6em; color: gray; } #footer a { color: #669; }