* { margin: 0px; padding: 0px; font-family: sans-serif; color: #000000; } body { background-color: #EEEEEE; } header { font-size: 16pt; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #999999; margin: 0px 0px 12px 0px; } h1 { font-size: 14pt; margin: 0px 0px 12px 0px; } h2 { font-size: 12pt; margin: 0px 0px 12px 0px; } h3 { font-size: 10pt; margin: 0px 0px 12px 0px; } p { font-size: 10pt; margin: 0px 0px 12px 0px; } li { font-size: 10pt; } code { background-color: #EEEECC; font-family: monospace; } pre { background-color: #EEEECC; margin: 0px 0px 12px 16px; } a:link, a:link *, a:visited, a:visited * { color: #0F1FA0; text-decoration: none; } a:hover, a:hover *, a:active, a:active * { color: #333333; text-decoration: underline; } a[name]:hover { color: #000000; text-decoration: none; } ul, ol { margin: 0px 0px 12px 16px; } dl { margin: 0px 0px 12px 0px; } dl dt { margin: 0px 0px 4px 0px; font-size: 10pt; } dl dd { margin: 0px 0px 4px 16px; font-size: 10pt; } a.skip { display: none; } nav { background-color: #555555; padding: 8px; border-bottom: 4px solid #0F1FA0; height: 64px; } nav .logo { height: 64px; background: url("http://os.pehjota.net/media/logo.png") no-repeat scroll 0 0; float: left; } nav .logo a { display: block; padding: 0px 0px 0px 68px; height: 64px; font-size: 18pt; font-weight: bold; line-height: 64px; text-decoration: none; color: #C0C0D0; } nav div.nav { margin: 0px 0px 0px 64px; } nav div.nav ul { float: right; display: inline; height: 64px; line-height: 64px; list-style-type: none; margin: 0px; padding: 0px; } nav div.nav ul li { float: left; margin: 0px; } nav div.nav ul li a { display: block; font-weight: bold; font-size: 12pt; margin: 0px; padding: 0px 16px 0px 16px; text-decoration: none; color: #DDDDDD; } nav div.nav ul li a:hover { color: #CCCC33; } div.main { margin: 16px 24px 16px 24px; } div.sidebar { margin: 0px 0px 8px 0px; float: right; } div.sidebar div { margin: 0px 0px 8px 0px; border: 2px solid #0F1FA0; width: 300px; } div.sidebar div h2 { background-color: #0F1FA0; color: #FFFFFF; margin: 0px; padding: 2px; } div.sidebar div p, div.sidebar div ul { margin-bottom: 0px; padding: 8px; } div.body { margin-right: 320px; } div.features { position: relative; } div.features h2 { text-align: center; } div.features div { display: inline; float: left; width: 50%; } div.features div.a { clear: left; } div.features div h3 { margin: 4px; } div.features div p { margin: 12px; } span.infobox { float: right; padding: 6px; background-color: #FFFF99; } footer { border-width: 1px 0px 0px 0px; border-style: solid; border-color: #999999; margin: 16px 24px 8px 24px; padding: 8px 0px 0px 0px; clear: both; } footer p, footer p * { font-size: 8pt; text-align: center; color: #666666; } footer p a:link, footer p a:visited, footer p a:hover, footer p a:active { color: #666666; text-decoration: underline; } footer p span.super { vertical-align: 33%; font-size: 6pt; }