* { background-color: transparent; border: 0; color: inherit; font-family: inherit; font-size: 1em; font-style: normal; font-weight: normal; list-style: none; margin: 0; outline: 0; padding: 0; text-decoration: none }
a { color: #666 }
a:hover { color: #fff }
abbr, acronym { font-variant: small-caps; letter-spacing: .1em; margin: 0 -.1em }
address, article, aside, blockquote, dd, div, dl, dt, figure, footer, h, h1, h2, h3, h4, h5, h6, header, ol, nav, p, pre, ul { display: block }
b, h1, h2, strong { font-weight: bold }
base, head, link, meta, title { display: none }
body { height: 4096px; max-width: 4352px }
body.home .article { padding: 36px 24px }
body.home h1 { font-size: 36px; margin-bottom: 0 }
button { background: #ccc; border: 0; color: #000 }
cite, dfn, em, i { font-style: italic }
code, pre, samp { font-family: monospace }
dl { margin: 18px 0 }
form { text-align: right }
h1, h2, h3, h4, h5, h6, dt { clear: both; color: #fff }
h1 { font-size: 18px; line-height: 1; margin: 36px 0 18px 0; padding: 0 }
h2 { margin: 18px 0 }
html { background: #000; color: #ccc; font: normal 12px/1.5 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif }
img { display: block; vertical-align: bottom }
input, select, textarea { background: #fff; border: 0; color: #000 }
li { display: list-item; margin: 0 0 0 1.5em }
ol, p { margin: 0 0 18px 0 }
ol li { list-style: decimal }
pre { white-space: pre }
ul li { list-style-type: square }
.aside { background: url('line1.png') #000 left top repeat-y; float: left; height: 4096px; padding: 0 24px; width: 208px }
.aside .figure { margin: 18px 0 }
.article { height: 4024px; left: 256px; max-width: 4096px; position: absolute; right: 256px; top: 0; width: auto }
.article ul { list-style: none; margin: 0 -24px; padding: 0 }
.article ul li { display: block; float: left; list-style: none; margin: 0; padding: 0 }
.article ul li a { background: #333; border: 1px solid #666; color: #ccc; display: block; float: left; margin: 12px; padding: 11px }
.article ul li a:hover { background: #666; border-color: #999; color: #fff }
.article ul li a:active { background: #fff; border-color: #fff; color: #000 }
.article ul li a img { border: 0; display: block; height: 208px; width: 208px }
p.contribute a { background: #333; border: 1px solid #666; color: #ccc; display: block; font-weight: bold; padding: 11px }
p.contribute a:hover { background: #666; border-color: #999; color: #fff }
.header p { color: #999; font-size: 9px; line-height: 18px }
.nav { margin: 18px 0 }
.nav ul { height: 460px; margin: 0 -4px }
.nav ul li { display: block; float: left; list-style: none; margin: 0; padding: 0 }
.nav ul li a { background: #333; border: 1px solid #666; color: #ccc; display: block; float: left; height: 18px; margin: 4px; padding: 4px; text-align: center; width: 18px }
.nav ul li a:hover { background: #666; border-color: #999; color: #fff }
.nav ul li a:active { background: #fff; border-color: #fff; color: #000 }
.nav ul li.active a { background: #000; border-color: #000 }
.nav ul li.active a:active { color: #ccc }
.section { float: right; padding: 36px 24px; width: 208px }

@media speech {

    h, h1, h2, h3, h4, h5, h6 { voice-family: female }
    html { voice-family: male }

}