Nested elements should use inherited font size

Fix #50

> The issue is your font-size:1.1em; which is cause the next level to
> increase the font. It's like math, 1.1 X 1.1 = 1.21. Of course this is
> just a example but to resolve your current issue is to apply
> font-size: inherit; to ul.iccont This will prevent it from increasing
> in size by inheriting the font size from parent level.

http://w3schools.invisionzone.com/index.php?showtopic=47809

static/css/elegant.css

@@ -145,12 +145,13 @@ article p a:hover, article ol a:hover, article div.article-content ul:not(.artic
     text-align:justify;
     max-width:50em;
     font-family: "PT Serif", Georgia, Times, "Times New Roman", serif;
+    font-size: 1.2em;
 }
 
 .article-content p{
     font-variant: normal;
     text-transform: none;
-    font-size: 1.2em;
+    font-size: inherit;
     line-height: 1.6em;
     margin:20px 0px 20px 0px;
 }
@@ -177,19 +178,19 @@ article p a:hover, article ol a:hover, article div.article-content ul:not(.artic
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-variant: normal;
     text-transform: none;
-    font-size: 1.2em;
+    font-size: inherit;
     line-height: 1.7em;
     margin-top:-20px;
 }
 
 .article-content ul {
     list-style-type: circle;
-    font-size:1.2em;
+    font-size: inherit;
 }
 
 .article-content ol {
     list-style-type: decimal;
-    font-size: 1.2em;
+    font-size: inherit;
 }
 
 .article-content li {
@@ -200,7 +201,7 @@ article p a:hover, article ol a:hover, article div.article-content ul:not(.artic
 
 .article-content dl {
     list-style-type: decimal;
-    font-size: 1.2em;
+    font-size: inherit;
     list-style-position: outside;
     margin:20px 0px 20px 20px;
 }
@@ -212,7 +213,7 @@ article p a:hover, article ol a:hover, article div.article-content ul:not(.artic
 }
 
 .article-content dt {
-    font-size:1.2em;
+    font-size: inherit;
 }
 
 .page_header h1 {