Make a general rule about anchor elements in headings instead of redefining them every where

static/css/elegant.css

@@ -218,13 +218,14 @@ h6 {
     font-family: Baskerville, Garamond, Georgia, 'DejaVu Serif', 'Times New Roman', Times, Serif;
     font-weight: normal;
 }
-h1 small,
-h2 small,
-h3 small,
-h4 small,
-h5 small,
-h6 small {
+h1 small, h1 a, h1 a:hover,
+h2 small, h2 a, h2 a:hover,
+h3 small, h3 a, h3 a:hover,
+h4 small, h4 a, h4 a:hover,
+h5 small, h5 a, h5 a:hover,
+h6 small, h6 a, h6 a:hover {
     color: inherit;
+    text-decoration: none;
 }
 a {
     color: #3875d7;
@@ -436,12 +437,6 @@ article div.article-content ul:not(.articles-timeline) a:hover {
     margin: 20px 0;
     padding: 5px 5px 15px;
 }
-.page-header a {
-    color: #8B0000;
-}
-.page-header a:hover, .page-header a:focus {
-    text-decoration: none;
-}
 ul.articles-timeline {
     list-style: none;
     margin: 0;
@@ -562,12 +557,6 @@ div.blog-archives h1 {
 div.blog-archives h1 small {
     font-size: .8em;
 }
-div.blog-archives h1 a {
-    color: black;
-}
-div.blog-archives h1 a:focus, div.blog-archives h1 a:hover {
-    text-decoration:none;
-}
 div.blog-archives time {
     color: #8F8F8F;
     float: right;