Replace thick line for blockquotes with a quote font

I have used [this font](http://fortawesome.github.io/Font-Awesome/examples/#bordered-pulled)
from Font Awesome.

I got help from these links

1. http://stackoverflow.com/q/14736496/177116
1. http://astronautweb.co/snippet/font-awesome/

Fix #41

static/css/elegant.css

@@ -159,16 +159,28 @@ article p a:hover, article ol a:hover, article div.article-content ul:not(.artic
 .article-content blockquote {
     padding: 0px 0px 0px 20px;
     margin: 20px 0px 20px 0px;
-    border-left: 5px solid rgb(100,100,100);
     margin-left: 2em;
+    border-left:0px;
 }
 
+.article-content blockquote:before {
+    content: "\f10d";
+    font-family: FontAwesome;
+    font-style: normal;
+    font-weight: normal;
+    text-decoration: inherit;
+    font-size: 18px;
+    color: rgb(100,100,100);
+    margin-left: -2em;
+ }
+
 .article-content blockquote p {
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-variant: normal;
     text-transform: none;
     font-size: 1.2em;
     line-height: 1.7em;
+    margin-top:-20px;
 }
 
 .article-content ul {