/* * General */ * { margin: 0; padding: 0; } body { background-color: #ffffff; color: #000000; font-family: 'Verdana', 'Tahoma', 'Lucida Sans', 'Helvetica', sans-serif; } h1, h2, h3, h4, h5, h6 { margin: 0.7em 0; font-family: 'Georgia', 'Times', serif; text-align: left; } p, blockquote, ul, ol, label, pre { padding-bottom: 0.7em; /* should be a margin, but we don't want margin collapsing */ font-size: 0.90em; } blockquote, ul, ol { display: block; margin-left: 1em; padding-left: 1em; } a img { border: none; } blockquote { border-left: 0.3em solid #cccccc; margin-left: 1.5em; padding-left: 0.5em; } li { margin-bottom: 0.5em; } h1 { font-size: 1.4em; } h2 { font-size: 1.2em; } h3 { font-size: 1.05em; } h4 { font-size: 1.00em; } h5 { font-size: 1.0em; } h6 { font-size: 1.0em; } .date { font-size: 0.8em; margin-top: -0.8em; margin-bottom: 0.5em; } /* * Layout */ #sidebar { border-right: 0.1em dotted #888888; padding: 0 1.5em; position: absolute; left: 0; top: 10.0em; width: 9em; } #content { padding-top: 10em; margin-left: 13em; /* avoid #sidebar */ } #content :first-child, #sidebar :first-child { margin-top: 0em; padding-top: 0em; } #header { position: absolute; margin-bottom: 2em; height: 8em; width: 100%; } #header img { margin-left: 1em; height: 8em; } #footer { width: 100%; } /* * Content */ #header { background-color: #bbbbbb; } #sidebar a { color: #0000ee; } #sidebar a:visited { color: #0000ee; } #sidebar h1 { font-size: 1em; } #footer { text-align: center; font-size: 0.8em; background-color: #bbbbbb; color: #000000; padding-top: 1em; } .question { font-weight: bold; } .screenshot { text-align: center; margin-bottom: 5em; } .screenshot img { border: double gray; max-width: 90%; }