css: simplify & responsify header

content/static/style/default.css

@@ -1,8 +1,12 @@
 /* -- General -- */
+html {
+  margin: 0;
+  padding: 0;
+}
 body {
   font-family: Verdana, Arial, sans-serif;
   margin: 0;
-  padding: 276px 0 0;
+  padding: 0;
 }
 
 pre {
@@ -31,22 +35,21 @@ pre {
 
 #logo {
   margin: 0;
-  padding: 0;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
+  padding: 35px 0 0;
   background-image: url(../images/c3d2_blue.jpg);
   text-align: left;
 }
 
-#logo h1 {
-  /* position: relative; */
-  /* top: 47px; */
-  /* left: 23px; */
+#logo > a {
+  display: block;
+  margin: 0 0 35px;
+  padding: 0;
+}
+
+#logo > a > h1 {
   padding: 70px 0 0 0;
   max-width: 960px;
-  margin: 45px auto;
+  margin: 0 auto;
   overflow: hidden;
   background-image: url(../images/logo.png);
   background-repeat: no-repeat;