.social-profile {
clear: both;
float: left;
margin-right: 2.8%;
padding-bottom: 0.9em;
}
.social-profile ul {
list-style: none;
margin: 0;
padding: 0;
}
.social-profile ul li {
margin: 0 0 10px 3px;
float: left;
}
.social-profile ul li a {
display: block;
background: url("../images/social-profiles-3.png") no-repeat right top;
width: 25px;
height: 25px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-indent: -99999px;
}
.social-profile ul li a:active {
-moz-box-shadow: inset 0 0 6px #000;
-webkit-box-shadow: inset 0 0 6px #000;
box-shadow: inset 0 0 6px #000;
}
.social-profile ul li.facebook a {
background-position: 0 0;
}
.social-profile ul li.facebook a:hover {
background-position: 0 -32px;
}
.social-profile ul li.twitter a {
background-position: -35px 0;
}
.social-profile ul li.twitter a:hover {
background-position: -35px -32px;
}
.social-profile ul li.pinterest a {
background-position: -69px 0;
}
.social-profile ul li.pinterest a:hover {
background-position: -69px -32px;
}
.social-profile ul li.tumblr a {
background-position: -103px 0;
}
.social-profile ul li.tumblr a:hover {
background-position: -103px -32px;
}
.social-profile ul li.last-fm a {
background-position: -137px 0;
}
.social-profile ul li.last-fm a:hover {
background-position: -137px -32px;
}
.social-profile ul li.instagram a {
background-position: -171px 0;
}
.social-profile ul li.instagram a:hover {
background-position: -171px -32px;
}
.social-profile ul li.you-tube a {
background-position: -206px 0;
}
.social-profile ul li.you-tube a:hover {
background-position: -206px -32px;
}
.social-profile ul li.rss a {
background-position: -240px 0;
}
.social-profile ul li.rss a:hover {
background-position: -240px -32px;
}