* { margin: 0; padding: 0; }
body { font: 13px arial; background: black; color: white; }
h1 { margin-bottom: .2em; font: bold .9em georgia; text-transform: uppercase; letter-spacing: .2em; text-align: center; }
h2 { margin-bottom: .5em; font: italic normal .9em arial; color: #555; text-align: center; }
p { text-align: justify; line-height: 1.5em; }
img { border: none; }
ul { margin: 1em 0 0 2em; line-height: 1.5em; list-style: none; }
li a { background: url('external.gif') no-repeat right; padding-right: 14px;}
a { color: #F4250F; text-decoration: none; }
a:hover { text-decoration: underline; }


#main { position: absolute; margin-left: 50%; left: -350px; width: 680px; padding: 10px; border: 1px solid #303030; border-top: none; border-bottom: none; }

#header { margin-bottom: 30px; background: url('../title.gif') no-repeat 10px bottom; border-bottom: 1px solid black; }
#clock { float: right; margin-bottom: 14px; padding: .1em .3em .05em .4em; font-size: 1.5em; font-weight: bold; letter-spacing: .07em; background: #F4250F; }
#info { float: right; clear: right; width: 187px; height: 40px; background: url('../info.gif'); }
#thanks { position: absolute; top: 0; left: 0; padding: .2em .5em; background: #CCFF1A; color: black; font-weight: bold; text-transform: uppercase; }

#leftcol { float: left; width: 316px; }
#rightcol { float: right; width: 334px; }
#rightcol p { text-indent: 3em; }

.section { margin-bottom: 2em; padding-top: 35px; }
#works { background: url('works.gif') no-repeat; }
#background { background: url('background.gif') no-repeat; }
#lately { background: url('lately.gif') no-repeat; }
#links { background: url('links.gif') no-repeat; }
#youthere { background: url('youthere.gif') no-repeat; }

.project { margin-bottom: 3em; }
.project h2 a { color: #555; }
.project h2 a:hover { background: transparent; color: #F4250F; }
.project a.thumb { margin-right: 8px; }
.project a.last { margin-right: 0; }
.project a.thumb:hover { background: transparent; }

fieldset { border: none; }
textarea { display: block; margin: 1em 0 .5em; width: 100%; height: 10em; background: black; border: 1px solid #555; color: white; overflow: auto; }
input.submit { float: right; background: black; border: 1px solid #555; color: white; }
input.submit:hover { background: #F4250F; }

#footer { margin: 2em 12em 0; padding-top: 10px; font-size: .9em; text-align: center; color: #333; border-top: 1px solid #303030; }
#footer a { margin-left: 1em; padding: 0 2px; color: #303030; border: 1px solid #333; }
#footer a:hover { background: #333; color: black; text-decoration: none; }