Change style of recent posts on front page

Update #59

static/css/elegant.css

@@ -366,18 +366,22 @@ article div.article-content ul:not(.articles-timeline) a:hover {
     text-decoration: none;
     text-shadow: none;
 }
-.article-content {
+.article-content, div.recent-posts p {
     font: 1.2em/1.6em 'PT Serif', Georgia, Times, 'Times New Roman', Serif;
-    max-width: 50em;
     text-align: justify;
 }
-.article-content p {
+.article-content {
+    max-width: 50em;
+}
+.article-content p, div.recent-posts p {
     font-size: inherit;
     font-variant: normal;
     line-height: 1.6em;
-    margin: 20px 0;
     text-transform: none;
 }
+.article-content p {
+    margin: 20px 0;
+}
 .article-content blockquote {
     border-left: 0;
     margin: 20px 0 0 2em;
@@ -543,19 +547,21 @@ div.blog-archives h2 {
     line-height: 0.6em;
     position: relative;
 }
-div.blog-archives article {
+div.blog-archives article, div.recent-posts article {
     border-bottom: 1px dotted #AAA;
+}
+div.blog-archives article {
     margin-left: 6em;
     padding-bottom: 0.7em;
     padding-left: 4.5em;
     position: relative;
 }
-div.blog-archives h1 {
+div.blog-archives h1, div.recent-posts h1 {
     font-size: 2em;
     margin-bottom: 0;
 }
-div.blog-archives h1 small {
-    font-size: .8em;
+div.blog-archives h1 small, div.recent-posts h1 small {
+    font-size: .7em;
 }
 div.blog-archives time {
     color: #8F8F8F;
@@ -568,18 +574,28 @@ div.blog-archives time {
     text-align: right;
     top: 1.8em;
 }
-div.blog-archives footer {
+div.blog-archives footer, div.recent-posts section {
     color: #8F8F8F;
     font-size: .9em;
 }
-div.blog-archives footer a {
+div.blog-archives footer a, div.recent-posts section a {
     color: #8F8F8F;
     font-size: .9em;
     padding-left: .3em;
 }
-div.blog-archives footer a:hover {
+div.blog-archives footer a:hover, div.recent-posts section a:hover {
     border-bottom: 1px dashed;
-    text-decoration:none;
+    text-decoration: none;
+}
+div.recent-posts footer {
+    font-size: 1.1em;
+    padding-bottom: 10px;
+}
+div.recent-posts section time {
+    padding-right: .4em;
+}
+div.recent-posts {
+    margin-left: 1em;
 }
 @media (max-width: 767px) {
     div.blog-archives article {