Removed unnessary span element from version floater and

Replaced social footer by the one from www.docker.io

docs/theme/docker/layout.html

@@ -134,13 +134,20 @@
                         </div>
 
                         <div class="social links">
-                            <a class="twitter" href="http://twitter.com/docker">Twitter</a>
-                            <a class="github" href="https://github.com/dotcloud/docker/">GitHub</a>
+                            <a title="Docker on Twitter" class="twitter" href="http://twitter.com/docker">Twitter</a>
+                            <a title="Docker on GitHub" class="github" href="https://github.com/dotcloud/docker/">GitHub</a>
+                            <a title="Docker on Reddit" class="reddit" href="http://www.reddit.com/r/Docker/">Reddit</a>
+                            <a title="Docker on Google+" class="googleplus" href="https://plus.google.com/u/0/b/100381662757235514581/communities/108146856671494713993">Google+</a>
+                            <a title="Docker on Facebook" class="facebook" href="https://www.facebook.com/docker.run">Facebook</a>
+                            <a title="Docker on SlideShare" class="slideshare" href="http://www.slideshare.net/dotCloud">Slideshare</a>
+                            <a title="Docker on Youtube" class="youtube" href="http://www.youtube.com/user/dockerrun/">Youtube</a>
+                            <a title="Docker on Flickr" class="flickr" href="http://www.flickr.com/photos/99741659@N08/">Flickr</a>
+                            <a title="Docker on LinkedIn" class="linkedin" href="http://www.linkedin.com/company/dotcloud">LinkedIn</a>
                         </div>
 
                         <div class="tbox version-flyer ">
                             <div class="content">
-                                <p><span class="version-note">Note: You are currently browsing the development documentation. The current release may work differently.</span></p>
+                                <p class="version-note">Note: You are currently browsing the development documentation. The current release may work differently.</p>
 
                                 <small>Available versions:</small>
                                 <ul class="inline">

docs/theme/docker/static/css/main.css

@@ -205,20 +205,54 @@ body {
 }
 .social .twitter,
 .social .github,
-.social .googleplus {
-  background: url("https://www.docker.io/static/img/footer-links.png") no-repeat transparent;
+.social .googleplus,
+.social .facebook,
+.social .slideshare,
+.social .linkedin,
+.social .flickr,
+.social .youtube,
+.social .reddit {
+  background: url("../img/social/docker_social_logos.png") no-repeat transparent;
   display: inline-block;
-  height: 35px;
+  height: 32px;
   overflow: hidden;
   text-indent: 9999px;
-  width: 35px;
-  margin-right: 10px;
+  width: 32px;
+  margin-right: 5px;
+}
+.social :hover {
+  -webkit-transform: rotate(-10deg);
+  -moz-transform: rotate(-10deg);
+  -o-transform: rotate(-10deg);
+  -ms-transform: rotate(-10deg);
+  transform: rotate(-10deg);
 }
 .social .twitter {
-  background-position: 0px 2px;
+  background-position: -160px 0px;
+}
+.social .reddit {
+  background-position: -256px 0px;
 }
 .social .github {
-  background-position: -59px 2px;
+  background-position: -64px 0px;
+}
+.social .googleplus {
+  background-position: -96px 0px;
+}
+.social .facebook {
+  background-position: 0px 0px;
+}
+.social .slideshare {
+  background-position: -128px 0px;
+}
+.social .youtube {
+  background-position: -192px 0px;
+}
+.social .flickr {
+  background-position: -32px 0px;
+}
+.social .linkedin {
+  background-position: -224px 0px;
 }
 form table th {
   vertical-align: top;
@@ -370,7 +404,7 @@ div.alert.alert-block {
 }
 .version-flyer .version-note {
   font-size: 16px;
-  color: red;
+  color: black;
 }
 /* =====================================
   Styles for 

docs/theme/docker/static/css/main.less

@@ -337,24 +337,64 @@ body {
   margin-top: 15px;
 }
 
-.social .twitter, .social .github, .social .googleplus {
-  background: url("https://www.docker.io/static/img/footer-links.png") no-repeat transparent;
-  display: inline-block;
-  height: 35px;
-  overflow: hidden;
-  text-indent: 9999px;
-  width: 35px;
-  margin-right: 10px;
+.social {
+  .twitter, .github, .googleplus, .facebook, .slideshare, .linkedin, .flickr, .youtube, .reddit {
+    background: url("../img/social/docker_social_logos.png") no-repeat transparent;
+    display: inline-block;
+    height: 32px;
+    overflow: hidden;
+    text-indent: 9999px;
+    width: 32px;
+    margin-right: 5px;
+  }
+}
+
+.social :hover {
+  -webkit-transform: rotate(-10deg);
+     -moz-transform: rotate(-10deg);
+       -o-transform: rotate(-10deg);
+      -ms-transform: rotate(-10deg);
+          transform: rotate(-10deg);
 }
 
 .social .twitter {
-  background-position: 0px 2px;
+  background-position: -160px 0px;
+}
+
+.social .reddit {
+  background-position: -256px 0px;
 }
 
 .social .github {
-  background-position: -59px 2px;
+  background-position: -64px 0px;
 }
 
+.social .googleplus {
+  background-position: -96px 0px;
+}
+
+.social .facebook {
+  background-position: -0px 0px;
+}
+
+.social .slideshare {
+  background-position: -128px 0px;
+}
+
+.social .youtube {
+  background-position: -192px 0px;
+}
+
+.social .flickr {
+  background-position: -32px 0px;
+}
+
+.social .linkedin {
+  background-position: -224px 0px;
+}
+
+
+
 // Styles on the forms
 // ----------------------------------
 
@@ -562,7 +602,7 @@ div.alert.alert-block {
 
   .version-note {
     font-size: 16px;
-    color: red;
+    color: black;
   }
 
 }