minor css fixes; reintroducing the "calendar icon"

css/_fsi.mcss

@@ -32,6 +32,9 @@ article.post {
 	column-gap: 35px;
 	text-align: justify;
 }
+fsi-tile.post {
+	padding-top: 50px;
+}
 fsi-tile.post fsi-title, fsi-tile.gallery fsi-title, fsi-tile.page fsi-title {
 	font-size: xx-large;
 	color: $black;
@@ -195,6 +198,35 @@ fsi-calendar .month {
 	background: #eee;
 }
 
+fsi-date {
+	background: white;
+	padding: 35px 8px 8px;
+	float: left;
+	margin-right: 20px;
+	display: inline-block;
+	text-align: center;
+	font-weight: bold;
+	font-size: xx-large;
+	position: relative;
+	width: 70px;
+	border: solid 1px #ccc;
+}
+fsi-date:before {
+	content: "";
+	top: 0;
+	left: 0;
+	border-bottom: solid 1px #ccc;
+	position: absolute;
+	display: block;
+	height: 20px;
+	width: 100%;
+	background: red;
+}
+fsi-date small {
+	font-weight: normal;
+	font-size: medium;
+}
+
 fsi-door {
 	position: fixed;
 	top: 5px;
@@ -247,6 +279,7 @@ fsi-title {
 	padding: 12px 0 0 12px;
 	margin-bottom: 6px;
 	font-size: x-large;
+	line-height: 1em;
 }
 
 header {
@@ -441,9 +474,8 @@ main {
 		-moz-column-gap: 0;
 		-webkit-column-gap: 0;
 		column-gap: 0;
-		text-align: justify;
+		text-align: left;
 	}
-
 	article.page {
 		text-align: left;
 		hyphens: auto;
@@ -461,6 +493,15 @@ main {
 		padding: 0 0 0 0;
 	}
 
+	fsi-tile.post {
+		padding: 12px;
+	}
+	fsi-tile.sidebar li a {
+		font-size: x-large;
+		margin-bottom: 30px;
+		display: block;
+	}
+
 	header {
 		position: relative;
 	}

index.php

@@ -9,6 +9,7 @@
 				while (have_posts()) {
 					the_post();
 					echo "
+					<fsi-date>".get_the_date("d")."<br /><small>".get_the_date("M")."</small></fsi-date>
 					<article class='loopPost'>
 						<fsi-title><a href=\"".get_the_permalink()."\">".get_the_title()."</a></fsi-title>
 						".get_the_excerpt()."