adjusted styles and template some more

public/css/main.css

@@ -219,25 +219,28 @@ table {
 
 
 /* footer icons */
-footer .link {
+footer.link {
     display: inline-block;
     width: 29px;
     height: 29px;
-    margin: 10px 5px;
+    padding: 0px 8px;
     overflow: hidden;
+    background-repeat: no-repeat;
 }
-.facebook {
+footer.facebook {
     background-image: url('/images/facebook.png');
 }
-.linkedin {
-    background-image: url('/images/linkedin.png');
+footer.linkedin {
+    background-image: url('/images/linkedin2.png');
+    width: 41px;
 }
-.youtube {
-    background-image: url('/images/youtube.png');
+footer.youtube {
+    background-image: url('/images/youtube2.png');
+    width: 34px;
 }
-.github {
+footer.github {
     background-image: url('/images/github.png');
 }
-.skype {
+footer.skype {
     background-image: url('/images/skype.png');
 }

template.tmpl

@@ -26,16 +26,16 @@
             {{.Content}}
         </div>
 
-        <div class="footer">
-            <a href='https://www.facebook.com/CaseyRDeLorme' class='link facebook'></a> |
-            <a href='https://www.linkedin.com/in/cdelorme' class='link linkedin'></a> |
-            <a href='https://www.youtube.com/user/LordOfElm' class='link youtube'></a> |
-            <a href='https://github.com/cdelorme' class='link github'></a> |
+        <footer>
+            <a href='https://www.facebook.com/CaseyRDeLorme' class='link facebook'></a>
+            <a href='https://www.linkedin.com/in/cdelorme' class='link linkedin'></a>
+            <a href='https://www.youtube.com/user/LordOfElm' class='link youtube'></a>
+            <a href='https://github.com/cdelorme' class='link github'></a>
             <a href='skype:casey.delorme?chat' class='link skype'></a>
             <div class="scripts">
                 <script type="text/javascript" src="{{$depth}}/js/main.js#{{.Version}}" async></script>
             </div>
-        </div>
+        </footer>
 
     </body>
 </html>