design colors headline placement

static/css/base.css

@@ -1,9 +1,15 @@
-body {background: #217281 url(../img/node.png) 0 150px no-repeat;}
+body {background: #217281 url(../img/node.png) 0 150px no-repeat; color: #2e3436;}
 #main {background: url(../img/white.png);}
 
-#header {margin: 18px auto; height: 90px;}
-#footer {background: #000000; 
-    color: #eeeeec;
+#header {margin: 18px auto; 
+    height: 108px; 
+    position: relative; 
+    background: #2e3436; 
+    color: #eeeeec;}
+
+h1 {position: absolute; bottom: 0; left: 18px;}
+#footer {background: #2e3436; 
+    color: #babdb6;
     margin: 18px auto;}
 #footer p {padding: 18px 18px 0;}
 
@@ -28,5 +34,5 @@ h1 {font-family: georgia; font-style: italic; color: #eeeeec;}
 #navigation li a:hover, li a:active, li a:focus {color: #000000;
     background: url(../img/sprite.png) no-repeat 0 -36px;}
 
-#navigation li.current a {color: #000000;
+#navigation li.current a {color: #2e3436;
      background: url(../img/sprite.png) no-repeat 0 -72px;}

templates/base.html

@@ -30,6 +30,8 @@ <h1>{% block "headline" %}Mikkel{% endblock %}</h1>
 <div class="container" id="main">
     <div class="span-6" id="sidebar">
         <ul id="navigation">
+            <li><a href="/">
+                <span>Forside</span></a></li>
             <li><a href="/virksomhed/">
                 <span>Virksomhed</span></a></li>
             <li><a href="/kirke/">
@@ -52,10 +54,14 @@ <h1>{% block "headline" %}Mikkel{% endblock %}</h1>
 
     </div>
 
-    <div class="span-14 append-4 last" id="primary-content">
+    <div class="span-13" id="primary-content">
         {% block "content" %}
         {% endblock %}
     </div>
+
+    <div class="span-5 last" id="secondary-content">
+    </div>
+
 </div>
 
 <div class="container" id="footer">
@@ -64,11 +70,13 @@ <h1>{% block "headline" %}Mikkel{% endblock %}</h1>
     </div>
 
     <div class="span-8">
-    <p></p>
+        <p>
+
+        </p>
     </div>
 
     <div class="span-8 last">
-        <p>Foto: Jesper Jørgensen &copy;<!--<br /> Design: Carina Flagfeldt Johansen & Johan Bichel Lindegaard--></p>
+        <p>Foto: Jesper Jørgensen &copy;<!--<br /> Design: Carina Flagfeldt Johansen & Johan Bichel Lindegaard--> <br /> Powered by Django - hosted on a linode</p>
     </div>
 </div>
 

templates/mikkel.html

@@ -12,7 +12,7 @@ <h2>Guitaristen</h2>
 <img src="{{ MEDIA_URL }}img/content/mikkel_5404.jpg" alt="Mikkel Andersen"/>
 </div>
 
-<div class="span-4 last">
+<div class="span-3 last">
     <p>Medlem af ensemblerne: Duoen Sanguine, Corona Guitar Kvartet og Trioen SyZyGy. Medvirker på en række indspilninger og udgivelser i Danmark og udlandet. Tilknyttet Køge Musikskole og MGK.</p>
 </div>
 

templates/virksomhed.html

@@ -12,7 +12,7 @@ <h2>Massage til sindet - Det kulturelle arrangement
     <img src="{{ MEDIA_URL }}img/content/mikkel_5310.jpg" alt="Mikkel Andersen"/>
 </div>
 
-<div class="span-5 last">
+<div class="span-4 last">
     <p>’Massage til sindet – koncerten’ overrasker tilhøreren med sin ro og intimitet. Publikum bliver ført ind i musikken via en mundtlig introduktion, så de har mulighed for at være i øjenhøjde med musikken under selve koncerten.</p>
 
     <p>Massage til sindet er tænkt som et mentalt pusterum i en konference eller mødedag. Man lytter, slapper af og åbner sig for de stemninger og følelser som musikken fra den klassiske guitar afstedkommer. Koncerten kan nå alle uanset musiksmag eller musikkendskab.</p>