diff --git a/css/template.css b/css/template.css
index 28f02e9..29b185a 100644
--- a/css/template.css
+++ b/css/template.css
@@ -1,5 +1,6 @@
 body {
   padding-top: 50px;
+  font-family: 'Lucida Sans', 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, sans-serif;
 }
 .starter-template {
   padding: 40px 15px;
@@ -16,4 +17,31 @@ body {
 
 .news-row {
     margin-bottom: 1em;
+}
+
+.post-category {
+    font-weight: bold;
+    font-size: 11px;
+}
+
+.post-title {
+    font-weight: bold;
+    font-size: 13px;
+}
+
+.post-date {
+    font-weight: bold;
+    font-size: 12px;
+}
+
+.post-url {
+    font-size: 12px;
+}
+
+.post-preview {
+    font-size: 12px;
+}
+
+.post-delete, .post-edit {
+    font-size: 12px;
 }
\ No newline at end of file
diff --git a/templates/pages/news.html b/templates/pages/news.html
index 910419d..481c85e 100644
--- a/templates/pages/news.html
+++ b/templates/pages/news.html
@@ -24,27 +24,27 @@
 {{define "row-news"}}
     <div class="news-row">
         <div class="row">
-            <div class="col-xs-3">
+            <div class="col-xs-2 post-category">
                 {{fullCategoryPath .categories .post.Category_id}}
             </div>
-            <div class="col-xs-6">
+            <div class="col-xs-8 post-title">
                 <strong>{{truncate .post.Title 100}}</strong>
             </div>
-            <div class="col-xs-3">
+            <div class="col-xs-2 post-date">
                 {{dateFormat .post.Date}}
             </div>
          </div>
          <div class="row">
-            <div class="col-xs-3">&nbsp;</div>
-            <div class="col-xs-6">
+            <div class="col-xs-2">&nbsp;</div>
+            <div class="col-xs-8 post-url">
                 <a href="{{.post.Url}}">{{truncate .post.Url 100}}</a>
             </div>
-            <div class="col-xs-3"><a href="/edit?id={{.post.Id}}">Edit</a></div>
+            <div class="col-xs-2 post-edit"><a href="/edit?id={{.post.Id}}">Edit</a></div>
          </div>
          <div class="row">
-            <div class="col-xs-3">&nbsp;</div>
-            <div class="col-xs-6">{{truncate .post.Notes 500}}</div>
-            <div class="col-xs-3"><a class="confirm-delete" href="/delete?id={{.post.Id}}">Delete</a></div>
+            <div class="col-xs-2">&nbsp;</div>
+            <div class="col-xs-8 post-preview">{{truncate .post.Notes 500}}</div>
+            <div class="col-xs-2 post-delete"><a class="confirm-delete" href="/delete?id={{.post.Id}}">Delete</a></div>
         </div>
     </div>
 {{end}}