move credit to bottom

_layouts/default.html

@@ -27,12 +27,13 @@
                 <h1><a style="color:rgb(232,232,232);" href="http://gjankowiak.github.com/">Page personnelle de Gaspard Jankowiak</a></h1>
                 <p>Thésard au Ceremade — Université Paris-Dauphine</p>
                 <hr>
-                <span class="credits right">Hosted on GitHub Pages &mdash; Theme by <a href="http://twitter.com/#!/michigangraham">mattgraham</a>,
-                powered by <a href="http://jekyllrb.com/">Jekyll</a>
-                </span>
             </div>
 
             {{ content }}
+            <hr>
+            <span class="credits right">Hosted on GitHub Pages &mdash; Theme by <a href="http://twitter.com/#!/michigangraham">mattgraham</a>,
+            powered by <a href="http://jekyllrb.com/">Jekyll</a>
+            </span>
             </section>
 
         </div>

stylesheets/styles.css

@@ -796,7 +796,7 @@ section {
 section #title {
   border: 0;
   outline: none;
-  margin: 0 0 50px 0;
+  margin: 0;
   padding: 0 0 5px 0;
 }
 section #title h1 {
@@ -813,32 +813,32 @@ section #title p {
   font-size: 18px;
   text-align: center;
 }
-section #title .credits {
+section .credits {
   font-size: 11px;
   font-family: 'OpenSansRegular', "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: normal;
   color: #696969;
   margin-top: -10px;
 }
-section #title .credits.left {
+section .credits.left {
   float: left;
 }
-section #title .credits.right {
+section .credits.right {
   float: right;
 }
 
 @media print, screen and (max-width: 720px) {
-  #title .credits {
+  .credits {
     display: block;
     width: 100%;
     line-height: 30px;
     text-align: center;
   }
-  #title .credits .left {
+  .credits .left {
     float: none;
     display: block;
   }
-  #title .credits .right {
+  .credits .right {
     float: none;
     display: block;
   }