style: fix logo spacing

Avoid leaking styles from navigation to logo.
Add a bit of space.

Author: tjconcept

layouts/css/page-modules/_header.styl

@@ -28,23 +28,28 @@ header
         &.active:first-child:after
             margin-left -($border-width)px
 
-    a,
-    a:link,
-    a:active
-        padding 0 8px
-        text-transform uppercase
-        font-size 14px
-        // the header css apparently disobeys cascading rules, so, !important.
-        color #ccc !important
-
-    a:hover
-        background-color transparent
-        text-decoration underline
+    nav
+        a,
+        a:link,
+        a:active
+            padding 0 8px
+            text-transform uppercase
+            font-size 14px
+            color #ccc
+
+        a:hover
+            background-color transparent
+            text-decoration underline
 
 #logo
-    width 182px
-    margin 30px auto
+    display block
+    width 9em
+    margin .5em auto 1em auto
     border none
 
-#logo img
-    width 182px
+    &:hover
+        background-color transparent
+        text-decoration underline
+
+    img
+        display block