.social-links {
  margin: 0 0 1em;
  padding-left: 0;
}

.social-links li {
  float: left;
  list-style: none;
  margin-right: .8em;
}

.social-links a, .social-links a:visited {
  float: left;
  line-height: 2em;
  color: #444;
  text-decoration: none;
}

.social-links a:hover, .social-links a:active, .social-links a:focus {
  text-decoration: underline;
}

.social-links span {
  background-image: url('social-media-icons-36x36px.gif'); /* Override in theme css to apply different icons */
  background-position: -200px -36px;
  display: block;
  width: 36px;
  height: 36px;
  float: left;
  margin: 0 .2em 0 0;
  /* rounded by default where browsers support it */
  border-radius: 50%;
}

.social-links span.square {
  border-radius: 0;
}

.social-links .twitter {
  background-position: 0 0;
}
.social-links .facebook {
  background-position: -36px 0;
}
.social-links .youtube {
  background-position: -72px 0;
}
.social-links .vimeo {
  background-position: -108px 0;
}
.social-links .instagram {
  background-position: -144px 0;
}
.social-links .pinterest {
  background-position: -180px 0;
}
.social-links .gplus {
  background-position: -216px 0;
}
.social-links .other {
  background-position: -252px 0;
}
.social-links .email {
  background-position: -288px 0;
}
.social-links .rss {
  background-position: -324px 0;
} /* Use other icon until rss icon is ready */
.social-links .linkedin {
  background-position: -360px 0;
} 

.social-links a:hover .twitter, .social-links a:focus .twitter, .social-links a:active .twitter {
  background-position: 0 -36px;
}
.social-links a:hover .facebook, .social-links a:focus .facebook, .social-links a:active .facebook {
  background-position: -36px -36px;
}
.social-links a:hover .youtube, .social-links a:focus .youtube, .social-links a:active .youtube {
  background-position: -72px -36px;
}
.social-links a:hover .vimeo, .social-links a:focus .vimeo, .social-links a:active .vimeo {
  background-position: -108px -36px;
}
.social-links a:hover .instagram, .social-links a:focus .instagram, .social-links a:active .instagram {
  background-position: -144px -36px;
}
.social-links a:hover .pinterest, .social-links a:focus .pinterest, .social-links a:active .pinterest {
  background-position: -180px -36px;
}
.social-links a:hover .gplus, .social-links a:focus .gplus, .social-links a:active .gplus {
  background-position: -216px -36px;
}
.social-links a:hover .other, .social-links a:focus .other, .social-links a:active .other {
  background-position: -252px -36px;
}
.social-links a:hover .email, .social-links a:focus .email, .social-links a:active .email {
  background-position: -288px -36px;
}
.social-links a:hover .rss, .social-links a:focus .rss, .social-links a:active .rss {
  background-position: -324px -36px;
} /* Use other icon until rss icon is ready */
.social-links a:hover .linkedin, .social-links a:focus .linkedin, .social-links a:active .linkedin {
  background-position: -360px -36px;
}