@import "main-screen.css";

body { color: #000; background: #fff; font-family: 'Arial', sans-serif; font-size: 90%; margin: 0; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em }

@media handheld {
body { padding-right: 0.5em }
}

:link { color: #06f }
:visited { color: #639 }
a:hover { color: #c00 }
a:active { outline: dotted #667 1px }

h1, h2, h3 { font-weight: normal }

h1 { font-size: 300%; padding: 0; margin: 0 }
h2 { font-size: 200%; padding: 0; margin: 0 0 1.2em 0 }

.pkg { margin: 0 0 2em 0; padding: 0 1% 0 1% }

.pkg h2, .pkg h3 { margin: 0 }

.pkg h2 { font-size: 260%; margin: 0 -1% 0 -1% }
.pkg h3 { font-size: 160%; margin: 0 -1% 0.4em -1% }

.dashedlist-t { display: table; border-collapse: collapse; margin: 0 0 0.8em 0 }
.dashedlist-t .list-item { vertical-align: top; padding: 0.05em 0; margin: 0 }
.dashedlist-t .list-marker { vertical-align: top; padding: 0.05em 0.4em 0.05em 1.5em }

p { margin: 0 0 0.8em 0 }

.footer { font-size: 80%; padding: 2em 0 0 0 }
.footer p { margin: 0 0 0.4em 0 }
.footer, .footer a, .footer a:link, .footer a:visited { color: #999 }
.footer a:hover { color: #000 }

.time { color: #666; font-size: 80% }

.nav { font-size: 140%; color: #000 }