diff --git a/templates/blog-post.hamlet b/templates/blog-post.hamlet
index f0ee8e2..8c2ce96 100644
--- a/templates/blog-post.hamlet
+++ b/templates/blog-post.hamlet
@@ -1,17 +1,19 @@
-<h1>#{postTitle post}
-<p #author>
-  By #{postAuthor post}, #
-  <abbr title=#{show $ postTime post}>#{dateDiff now (utctDay $ postTime post)}
+<div #blog>
+  <h1>#{postTitle post}
+  <p #author>
+    By #{postAuthor post}, #
+    <abbr title=#{show $ postTime post}>#{dateDiff now (utctDay $ postTime post)}
 
-<article>#{postBody post}
+  <article>#{postBody post}
 
-<section #archive>
+  <section #archive>
 
-  <h2>Archive
+    <h2>Archive
 
-  <ul>
-    $forall post' <- posts
-      <li>
-        <a href=@?{addPreview $ BlogPostR (postYear post') (postMonth post') (postSlug post')}>
-          #{postTitle post'}, #
+    <ul>
+      $forall post' <- posts
+        <li>
+          <a href=@?{addPreview $ BlogPostR (postYear post') (postMonth post') (postSlug post')}>
+            #{postTitle post'}
+          &mdash;
           <abbr title=#{show $ postTime post}>#{dateDiff now (utctDay $ postTime post')}
diff --git a/templates/blog-post.lucius b/templates/blog-post.lucius
index a0b6c4a..4cf6732 100644
--- a/templates/blog-post.lucius
+++ b/templates/blog-post.lucius
@@ -11,3 +11,9 @@
   margin-top: 1em;
   padding-top: 1em;
 }
+
+#blog {
+  font-size: 120%;
+  max-width: 640px;
+  margin: 0 auto;
+}