A stylistic change to pull the date off to a sidebar, as well as adding timestamps (as well as dates) to posts. Made the header a little (but only a little) easier on my eyes too.

Author: logic

_layouts/post.html

@@ -3,15 +3,22 @@
 ---
 <h1 class="postTitle"><a href="{{ page.url }}">{{ page.title }}</a></h1>
 <div class="post">
-  {{ content }}
-  <p class="meta">
-    {{ page.date | date: "%b %d, %Y" }} -
-    <a href="{{ page.url }}">Permalink</a>
+  <div class="date">
+    <span class="weekDay">{{ page.date | date: "%a" }}</span><br />
+    <span class="monthDay">{{ page.date | date: "%b %d" }}</span><br />
+    <span class="year">{{ page.date | date: "%Y" }}</span>
+  </div>
+  <div class="text">
+    {{ content }}
+  </div>
+  <div class="meta">
+    <a href="{{ page.url }}">Permalink</a> -
+    Posted at {{ page.date | date: "%I:%M %p" }}
     <br />
     {% for c in page.categories %}
     <span class="postCategory">{{ c }}</span>{% if forloop.last != true %},{% endif %}
     {% endfor %}
-  </p>
+  </div>
 </div>
 
 <div id="related">

_posts/2009-12-13-kerberos-and-ksu.html

@@ -1,5 +1,6 @@
 ---
 layout: post
+date: 2009-12-13 12:53:38
 title: "Kerberos and ksu"
 categories:
   - linux

_posts/2010-09-17-bash-history.html

@@ -1,6 +1,7 @@
 ---
 layout: post
 title: "Bash history retention for root"
+date: 2010-09-17 14:17:50
 categories:
   - linux
   - sysadmin

css/default.css

@@ -1,23 +1,26 @@
 @import url(http://fonts.googleapis.com/css?family=Cabin|Droid+Serif);
 @import url('syntax.css');
 .highlighttable .linenos .linenodiv {
-  border-right: 1px #CCC solid;
+  border-right: 1px solid #CCC;
   padding-right: 10px;
   margin-right: 10px;
 }
 
 BODY {
   font: 15px/23px 'Droid Serif',serif;
+  margin: 0;
+  padding: 0;
 }
 
-.header, BODY {
+.header {
   padding: 5px;
   margin: 0px 0px 20px 0px;
 }
 
 .header {
   border-bottom: 1px dashed;
   font: 32px 'Cabin',sans-serif;
+  margin-bottom: 1.5em;
 }
 
 A, A:visited {
@@ -37,7 +40,24 @@ A:hover {
 
 .content :first-child { margin-top: 0; }
 
+.content .date {
+  border-bottom: 1px solid #CCC;
+  text-align: center;
+  /*width: 5em;*/
+  float: left;
+  color: #787;
+}
+
+.content .date .weekDay { font-size: 1.9em; }
+.content .date .monthDay { font-size: 1em; }
+.content .date .year { font-size: 1.4em; }
+
+.content .text {
+  margin-left: 5em;
+}
+
 .meta {
+  clear: both;
   margin: 0;
   padding: 0;
   text-align: right;

index.html

@@ -5,15 +5,23 @@
 {% for post in paginator.posts %}
 <h1 class="postTitle"><a href="{{ post.url }}">{{ post.title }}</a></h1>
 <div class="post">
-  {{ post.content }}
-  <p class="meta">
-    {{ post.date | date: "%b %d, %Y" }} -
+  <div class="date">
+    <span class="weekDay">{{ post.date | date: "%a" }}</span><br />
+    <span class="monthDay">{{ post.date | date: "%b %d" }}</span><br />
+    <span class="year">{{ post.date | date: "%Y" }}</span>
+  </div>
+  <div class="text">
+    {{ post.content }}
+  </div>
+  <div class="meta">
+    <a href="{{ post.url }}">Permalink</a> -
+    Posted at {{ post.date | date: "%I:%M %p" }} -
     <a id="more" href="{{ post.url }}#disqus_thread" data-disqus-identifier="{{ post.url }}">Comments</a>
     <br />
     {% for c in post.categories %}
     <span class="postCategory">{{ c }}</span>{% if forloop.last != true %},{% endif %}
     {% endfor %}
-  </p>
+  </div>
 </div>
 {% endfor %}