First commit.

subsites/projects/bsq/style.css

@@ -0,0 +1,106 @@
+* {
+  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;
+  }