* { border: 0; margin: 0; outline: 0; padding: 0; text-decoration: none }
a { color: #fff }
address { font-style: normal; position: relative }
body { opacity: 1; padding: 0 0 0 50px; position: relative; width: 1024px }
blockquote { border-bottom: 1px solid #fff; padding-top: 15px }
form div { text-align: right }
h1 { font-size: 6em; font-weight: bold; height: 100px; line-height: 1; overflow: hidden; padding: 25px 0 0 0px; text-indent: -25em; text-transform: upppercase }
h1 a { display: block; padding-right: 25em }
html { background: url('html.png') #000000 no-repeat top left; color: #fff; font: normal 75%/1.5 sans-serif; height: 100%; overflow-y: scroll }
input, select, textarea { background: #fff; color: #000; width: 100% }
p { margin: 1.5em 0 }

.date { position: absolute; right: 0; top: 0 }
.nav { height: 38px; position: relative }
.nav a { display: block; height: 38px; overflow: hidden; position: absolute; text-indent: -9999px; top: 0; width: 50px }
.nav .next { background: url('arrows/next.jpg') transparent no-repeat; right: 0 }
.nav .prev { background: url('arrows/prev.jpg') transparent no-repeat; left: 0 }
.footer { clear: both; color: #656565; padding: 100px 0 }

#content { padding-bottom: 25px; position: relative; top: 64px; width: 550px }
#content li { background: yellow; float: left; height: 100px; list-style: none; margin: 0 10px 10px 0; width: 100px }
#caution { position: absolute; right: 157px; top: 52px }
#shoutbox { left: 700px; padding: 25px 0; position: absolute; top: 240px; width: 240px }
#shoutbox h2 { background: url('react.png') transparent no-repeat; left: -51px; overflow: hidden; position: absolute; height: 100px; text-indent: 102px; top: -91px; width: 100px }