Correct image credit link display bug. Fixes #13

assets/css/main.css

@@ -332,50 +332,6 @@ figcaption {
   color: #3c3c3c;
 }
 
-.image-credit {
-  max-width: 440px;
-  padding-top: 5px;
-  padding-right: 20px;
-  padding-left: 20px;
-  margin: 0 auto;
-  font-size: 14px;
-  font-size: 0.875rem;
-  line-height: 1.8571;
-  line-height: 1.3;
-  color: #6f6f6f;
-  text-align: right;
-  *zoom: 1;
-}
-
-.image-credit:before,
-.image-credit:after {
-  display: table;
-  line-height: 0;
-  content: "";
-}
-
-.image-credit:after {
-  clear: both;
-}
-
-@media only screen and (min-width: 48em) {
-  .image-credit {
-    max-width: 760px;
-    padding-right: 60px;
-    padding-left: 60px;
-  }
-}
-
-@media only screen and (min-width: 62.5em) {
-  .image-credit {
-    max-width: 960px;
-  }
-}
-
-.image-credit a {
-  color: #6f6f6f;
-}
-
 .notice {
   padding: .5em 1em;
   margin-top: 1.5em;
@@ -3833,6 +3789,7 @@ body {
 }
 
 .entry-header {
+  position: relative;
   width: 100%;
   overflow: hidden;
 }
@@ -3884,7 +3841,7 @@ body {
   top: 0;
   display: table;
   width: 100%;
-  height: 440px;
+  height: 400px;
   margin-top: 0;
   overflow: hidden;
 }
@@ -3930,7 +3887,7 @@ body {
   left: -50%;
   width: 200%;
   height: 200%;
-  min-height: 440px;
+  min-height: 400px;
   overflow: hidden;
 }
 
@@ -3960,7 +3917,9 @@ body {
   right: 0;
   bottom: 0;
   z-index: 10;
+  max-width: 440px;
   padding: 10px 15px;
+  margin: 0 auto;
   font-size: 12px;
   font-size: 0.75rem;
   color: #ffffff;
@@ -3983,6 +3942,18 @@ body {
           background-clip: padding-box;
 }
 
+@media only screen and (min-width: 48em) {
+  .image-credit {
+    max-width: 760px;
+  }
+}
+
+@media only screen and (min-width: 62.5em) {
+  .image-credit {
+    max-width: 960px;
+  }
+}
+
 .image-credit a {
   color: #ffffff;
   text-decoration: none;