1 files changed, 28 insertions, 13 deletions
diff --git a/media/sass/base.sass b/media/sass/base.sass
index c9150c7..a6c4064 100644
--- a/media/sass/base.sass
+++ b/media/sass/base.sass
@@ -47,7 +47,10 @@ a
 ul li 
     display: inline
     margin: 0 .125em
-
+div[role="main"]
+    ul li
+        display: block
+        margin: .5em 0
 .dateline, nav li, .breadcrumbs li, .geo, .legend h3
     text-transform: uppercase
     font-size: .75em
@@ -65,7 +68,7 @@ h1
     font: normal 1.875em Helvetica, Verdana, sans-serif
     letter-spacing: 0.5px
     text-align: center
-#archive article h1
+article h1
     font: normal 1.5em Helvetica, Verdana, sans-serif
     letter-spacing: 0.5px
     text-align: center
@@ -84,10 +87,13 @@ h1
     p
         font-size: .875em
         text-align: left
+
+.col
+    font-size: .875em
 /* ######### layout small  ################*/
 
 header[role="banner"]
-    margin: 0 auto 1em auto
+    margin: 0 auto
     text-align: center
     #logo h1
         background: url('../img/tree.png') 0 0 no-repeat
@@ -102,23 +108,18 @@ header[role="banner"]
         height: 54px
         margin: 0 auto
 nav[role="navigation"]
-    margin: 1em auto 2em auto
+    margin: 1em auto .5em auto
     text-align: center
     border-top: 1px $brown dotted
     border-bottom: 1px $brown dotted
     width: 100%
     padding: .25em 0
-nav:after, footer:before
+nav:after, footer:before, .archive article:after
     content: "."
     display: block
     height: 0
     clear: both
     visibility: hidden
-
-footer
-    margin-top: 2em
-    
-
 .dateline
     text-align: center
     time
@@ -134,13 +135,17 @@ article img
     width: 95%
 article object, article embed
     width: 100%
+#breadcrumbs
+    margin: 0 0 2em 1em
+
 /* misc classes */
 .hide
     display: none
 
 #writing-archive article
     border-bottom: 1px $brown dotted
-
+    margin-bottom: 1.5em
+    padding-bottom: 1.5em
 
 //Photos
 .figure
@@ -191,6 +196,16 @@ article object, article embed
     width: 95%
     height: 300px
 
+footer
+    margin-top: 2em
+footer[role="contentinfo"]
+    nav
+        text-align: center
+        padding: .25em
+        border-top: 1px $brown dotted
+        border-bottom: 1px $brown dotted
+
+
 /* ######### layout large  ################*/
 
 @media only screen and (min-width: 800px)
@@ -259,7 +274,7 @@ article object, article embed
         time
             display: inline
             float: right
-    #photo-galleries:after, .archive article:after, #projects-page .top:after
+    #photo-galleries:after, #projects-page .top:after
         content: "."
         display: block
         height: 0
@@ -296,7 +311,7 @@ article object, article embed
             
     #projects-page .col
         float: left
-        font-size: 14px
+        font-size: .875em
         margin: 0 40px 0 0
         width: 360px
     #projects-page .two