* { margin:0; padding:0; } body { background:#000; } #canvas { position:absolute; top:50%; left:50%; margin-top:-202px; margin-left:-322px; background:#000; border:2px solid #aaa; } #box { position:absolute; top:50%; left:50%; border:2px solid #ccc; padding:5px; background:#000; opacity:.9; filter:alpha(opacity=90); -moz-opacity:.9; color:#fff; display:none; z-index:2; } #start { background:#000 url(start.png) no-repeat; width:640px; height:480px; position:absolute; top:50%; left:50%; margin-top:-242px; margin-left:-322px; z-index:3; border:2px solid #fff; } h1 { font:normal 26px georgia; } h2 { font:normal 76px georgia; } h3 { font:normal 46px arial; } h3 div { display:inline; color:#ff0000; font:bold 50px 'trebuchet ms'; } h4 { width:100px; margin:0 auto; text-align:center; cursor:pointer; font:normal 60px 'lucida console'; padding:3px; border:5px dotted #aaa; } h4:hover { background:#444; border:5px dotted #777; } h4:active { background:#777; border:5px dotted #999; } p { font:18px arial; padding:3px; cursor:pointer; } p:hover { background:#666; } p.green, p.red { margin-top:10px; font:26px 'trebuchet ms'; } p.green { color:#00ff00; } p.red { color:#ff0000; }