diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index b51063a..77c396f 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -23,7 +23,7 @@
         <!-- Code that all your templates share, like a header -->
         {{ partial "header.html" . }}
         {{- end }}
-        <nav>
+        <nav class="site-menu">
             {{ block "site-menu" . -}}
             {{ partial "site-menu.html" . }}
             {{- end }}
diff --git a/static/css/layout.css b/static/css/layout.css
index 2d847e2..590a470 100644
--- a/static/css/layout.css
+++ b/static/css/layout.css
@@ -7,3 +7,16 @@
 div.author-card-content {
   flex-grow: 1;
 }
+
+nav.site-menu ul {
+  display:flex;
+  flex-wrap: wrap;
+  justify-content: left;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+nav.site-menu ul li {
+  padding: 0.5em 0.5em 0.5em 0.5em;
+}
\ No newline at end of file
diff --git a/static/css/style.css b/static/css/style.css
index ca3c0c5..f84e909 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -5,4 +5,9 @@ img.u-photo {
 
 .glyph {
   font-size: 1.25em;
-}
\ No newline at end of file
+}
+
+nav.site-menu {
+  border-top: thin solid;
+  border-bottom: double;
+}