* {margin: 0; padding: 0;}
body {
	color: #999; background: #121212; padding: 0px 0px 30px 0px;
	font: 11px/1.5em Courier, monospace;
}
.container {margin: auto; width: 950px; padding-left: 0px;}

/*** Structure ***/
.column {float: left; overflow: hidden;}
.left {width: 90px; text-align: right;}
.right {width: 630px; margin-left: 30px;}
.inside_left {width: 170px; padding-right: 30px;}
.inside_right {width: 170px;}
.box {width: 750px; margin: 30px auto; overflow: hidden;}
.box:after, .box {_zoom: 1;}

#usertime, .timebox {float:left; width: 285px;}
#usertime {width: 380px;}
#times {overflow: hidden; border: 0px solid #ccc; margin: 0 0 2em 0; border: 0 solid #111; font-size: 1em;}
#times:after, #times {_zoom: 1;}
#times .time {font-size: 1.4em; color: #ccc;}

#clocks h2 {color: #333; font-family: verdana; font-weight: normal; font-size: 9px; line-height: 1px; margin: 0; padding: 0;}
#clocks table {}
#clocks table td {background: transparent; padding: 8px 15px 8px 3px; border: 0px solid green;}
#clocks table td a {display: block; width: 65px; height: 20px; background: #202020; padding: 55px 10px 0 0;
  font-size: 1em; color: black; text-decoration: none; text-align: right; line-height: 1em; border: 1px solid #1a1a1a;}
#clocks table td a:hover {background: #2a2a2a; border: 1px solid #555;}
#clocks table td.got_one a {padding: 0; margin: 0; width: 75px; height: 75px;}
#clocks table td.got_one a img {padding: 0; margin: 0; width: 75px; height: 75px; border: 0;}
#clocks table td.current_time {padding: 4px 12px 4px 0;}
#clocks table td.current_time a {border: 4px solid #aec144;}
#clocks table td.elapsed_time {padding: 8px 15px 8px 3px;}
#clocks table td.elapsed_time a {border: 1px solid transparent; background: #1d1d1d;opacity:0.95; filter: alpha(opacity=95);}
#clocks table td.elapsed_time a:hover {border: 1px solid #555; background: #202020;opacity:1.0; filter: alpha(opacity=100);}

#nav_time {margin: 10px 0 20px 0;}
#nav_time .next {float: right; text-align:right;margin-right: 17px;}
#nav_time a {display: block; padding: 2px 0 0 0; width: 100px; height: 18px; color: #666; text-decoration: none;}
#nav_time .back a {background: url('/images/back.gif') left no-repeat; padding-left: 23px;}
#nav_time .next a {background: url('/images/next.gif') right no-repeat; padding-right: 23px;}
#nav_time a:hover {color: #aaa; background-color: transparent;}

#footer .credit {text-align:middle; margin: auto;}
a.nohover:hover {background: transparent;}

/*** for the scrolling section ***/
#scrollable {position: relative;}
div.scroller {width: 950px; overflow: hidden; margin-left: -3px; padding-top: 10px;}
div.scroller div.content { width: 3000px;}
div.scroller div.section {width: 950px; float: left;}
.about_col1 {float: left; width: 550px; padding-left: 3px; padding-right: 20px;}
.about_col2 {float: left; width: 370px;}
.about {color: #eee; background: #121212; opacity:0.8; filter: alpha(opacity=80);width: 950px; padding-top: 1em;}
.about h2 {margin: 0 0 1em 0; font-size: 1.3em; font-weight: normal; color: #aaa;}
.about ul, .about li {list-style: none; margin-bottom: 0.4em;}
.about .back a {display: block; padding: 2px 0 0 0; width: 200px; height: 18px; color: #666; text-decoration: none; background: url('/images/back.gif') left no-repeat; padding-left: 23px;}

.pair {width: 940px; margin-bottom: 2em; overflow: hidden; border: 0px solid green;}
.pair:after, .pair {_zoom: 1;}
.pair .title {width: 362px; float: left; border: 0px solid red; font-size: 1.6em; font-weight: bold; text-align: right; line-height: 1.2em; padding-right: 20px; color: #999;}
.pair .answer {width: 480px; float: left; font-size: 1.1em; line-height: 1.4em; padding-top: 0.2em;}
.pair input.kobebeef {font-family: Courier, monospace; font-size: 1em; background-color: #999; width: 300px; border: 2px solid #666; padding: 4px;}
.pair input.submit {font-family: Courier, monospace; font-size: 1em; color: white; background-color: #111; width: auto; border: 1px solid #333; padding: 2px;}

/*** general modifiers ***/
h1 {width:356px; height:21px; background: url('/images/logo.gif') no-repeat; font-size: 0; text-indent: -1000px; margin: 21px 0 0 0; border: 0px solid #c00;}
p {margin: 0 0 1em 0; font-size: 1.1em;}
a {color: #ccc;}
a:hover {background:#aaa; color:#333; text-decoration: none;}
#times a.time:hover {background:#ccc; color:#000;}
/*** Special cases ***/