<style type="text/css">

<!-- social buttons sidebar -->
.all {
   font-family: "trebuchet MS", sans-serif;
}
a { 
   text-decoration: none;
   margin-bottom: 5px;
   display: block;
   height:35px;
}
#sticky-social {
   left: 0;
   position: fixed;
   top: 150px;
}
#sticky-social a span {
   line-height: 35px;
   left: -120px;
   position: absolute;
   text-align:center;
   width:120px;
}
#sticky-social a:hover span {
   left: 100%;
}
#sticky-social .all { margin-bottom:5px; }
#sticky-social .all:hover,
#sticky-social .all span { 
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
div#facebook span {
  background: #3b5998; 
}
div#twitter span {
  background: #00aced; 
}
div#gplus span {
  background: #dd4b39; 
}
div#pinterest span {
  background: #cc2127; 
}
div#email span {
  background: #32506d; 
}

</style>