skinny header in the documentation page

css/documentation.css

@@ -5,7 +5,16 @@
 
 #header {
     text-align: left;
-    margin: 20px;
+    margin: 20px 0;
+}
+
+#header .left {
+    float: left;
+    margin-right: 20px;
+}
+
+#header h1 {
+    margin: 10px 0;
 }
 
 .documentation {
@@ -28,6 +37,7 @@
     border: 1px solid #ccc;
     background: #eee;
     padding: 5px;
+    margin: 0 20px;
 }
 
 .documentation code {

documentation.html

@@ -16,9 +16,12 @@
     <div id="wrapper"> 
       
       <div id="header"> 
-	<h1>Documentation</h1>
-	<h2>Version 0.9.1</h2>
-	<img src="images/amber.png"/> 
+	<img class="left" src="images/amber_small.png"/> 
+	<div class="left">
+	  <h1>Documentation</h1>
+	  <h2>Version 0.9.1</h2>
+	</div>
+	<div class="clear"></div>
       <ul id="tabs"> 
 	<li><a href="./index.html">Overview</a></li> · 
 	<li><a href="./learn.html">Learn</a></li> ·