diff --git a/layouts/post/single.html b/layouts/post/single.html
index 4ad5c260..a13a67e8 100644
--- a/layouts/post/single.html
+++ b/layouts/post/single.html
@@ -12,6 +12,16 @@
   {{ .Content }}
 </article>
 
+<hr>
+<div class="PageNavigation">
+  {{ if .PrevInSection }}
+    <a class="prev" href="{{ .PrevInSection.RelPermalink }}">&laquo; {{ .PrevInSection.Title }}</a>
+  {{ end }}
+  {{ if .NextInSection }}
+    <a class="next" href="{{ .NextInSection.RelPermalink }}">{{ .NextInSection.Title }} &raquo;</a>
+  {{ end }}
+</div>
+<hr>
 
 {{ partial "disqus.html" . }}
 {{ partial "footer.html" . }}
diff --git a/static/css/main.css b/static/css/main.css
index 47aae1c4..b47e6490 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -66,3 +66,39 @@ main img {
 .post-category.memory-management {
   color: #990;
 }
+
+.PageNavigation {
+  font-size: 0.9em;
+  display: table;
+  width: 100%;
+  overflow: hidden;
+}
+
+.PageNavigation a {
+  display: table-cell;
+}
+
+.PageNavigation .previous {
+  text-align: left;
+}
+
+.PageNavigation .next {
+  text-align: right;
+}
+
+footer.footer {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+
+.footnotes {
+  font-size: 85%;
+}
+
+.footnotes li {
+  margin-bottom: 1rem;
+}
+
+sup, sub {
+  line-height: 0;
+}