1 files changed, 64 insertions, 15 deletions

@@ -8,23 +8,73 @@
 #blog-post {
   font-size: 16px;
   line-height: 24px;
-  margin: 0 3em;
-
-  h2 {
-    font-size: 45px;
-    line-height: 48px;
-    margin-top: .5em;
+  margin: 0 1em;
+
+  .blog-title {
+    h2 {
+      width: 100%;
+      margin-left: 10px;
+      margin-top: 0;
+      margin-bottom: 0;
+      color: #59770e;
+      border-bottom: 1px dotted #CCCCCC;
+      padding-bottom: 3px;
+    }
   }
 
-  h3 {
-    font-size: 37px;
-    line-height: 42px;
-  }
+  header {
+    display: flex;
+
+    .post-calendar {
+      width: 45px;
+      height: 49px;
+
+      &.post-date-1 {
+        background: image-url("date-bg-1.gif") no-repeat;
+      }
+
+      &.post-date-2 {
+        background: image-url("date-bg-2.gif") no-repeat;
+      }
+
+      &.post-date-3 {
+        background: image-url("date-bg-3.gif") no-repeat;
+      }
+
+      &.post-date-4 {
+        background: image-url("date-bg-4.gif") no-repeat;
+      }
+
+      .post-month {
+        font-size: 11px;
+        color: white;
+        text-align: center;
+        display: block;
+        line-height: 11px;
+        padding-top: 2px;
+        margin-left: -3px;
+      }
+
+      .post-day {
+        font-size: 18px;
+        color: #999999;
+        text-align: center;
+        display: block;
+        line-height: 18px;
+        padding-top: 7px;
+        margin-left: -3px;
+      }
+    }
 
-  h2, h3 {
-    font-family: 'Slabo 27px', serif;
-    margin-bottom: 0;
-    font-weight: normal;
+    .post-author {
+      background: image-url("Hatkirby.ico") no-repeat;
+      padding-left: 20px;
+      margin-left: 10px;
+      float: left;
+      font-size: 95%;
+      font: 75%/150% sans-serif;
+      color: #999;
+    }
   }
 }
 
@@ -80,7 +130,6 @@
 .entry-content {
   hyphens: auto;
   word-wrap: break-word;
-  text-align: justify;
   font-family: 'Roboto', sans-serif;
 
   a {