--- a/static/style.css	Sat Feb 07 03:01:46 2009 +0200
+++ b/static/style.css	Sat Feb 07 03:35:37 2009 +0200
@@ -48,11 +48,22 @@
 }
 
 /*
+ * Container for layout items
+ */
+ #container {
+    overflow: hidden;
+}
+
+/*
  * Main navigation menu
  */
 #nav { 
     float: left;
-
+    
+    padding-bottom: 2000px;
+    margin-bottom: -2000px;
+    
+    border-right: 1px dashed #a5a5a5;
 }
 
 #nav ul {
@@ -93,13 +104,19 @@
  */
 div#content {
     margin-left: 180px;
-
     padding: 25px;
-
-    border-left: 1px dashed #a5a5a5;
 }
 
 div#content p {
     text-indent: 2em;
 
 }
+
+div#footer {
+    padding: 10px;
+
+    border-top: 1px dashed #a5a5a5;
+
+    font-size: x-small;
+    font-style: italic;
+}

--- a/templates/layout.tmpl	Sat Feb 07 03:01:46 2009 +0200
+++ b/templates/layout.tmpl	Sat Feb 07 03:35:37 2009 +0200
@@ -23,12 +23,19 @@
                 <a href="${site_page_url}/">QMSK.NET</a>
             </div>
             
-            <div id="nav">
-                ${render_menu(menu.page, menu.page, menu.items, menu.ancestry)}
+            <div id="container">
+                <div id="nav">
+                    ${render_menu(menu.page, menu.page, menu.items, menu.ancestry)}
+                </div>
+
+                <div id="content">
+                    ${page.content}
+                </div>
+                
             </div>
 
-            <div id="content">
-                ${page.content}
+            <div id="footer">
+                &copy; 2009 Tero Marttila
             </div>
     </body>
 </html>