/* NOTES
 * You will have to change the background-image URL and place the sprite image as needed;
 * Sprite Image: http://icgassets.hansonian.com/i/socialspr.png
 * Markup Example: <a class="icon facebook>Facebook</a>
 */

/* icon class */
.icon,.icon:hover,.icon:target,.icon:active {
	background-image: url("../i/socialspr.png") !important;
	background-repeat: no-repeat;
	border-radius: 4px;
	box-shadow: 2px 2px 4px #333;
	display: inline-block;
	height: 32px;
	margin: 0 0.5rem 0 0;
	padding: 0;
	text-indent: -9999px;width: 32px;
}
.icon:hover,.icon:target,.icon:active {box-shadow: none;}

/* individual icons */
.icon.facebook {background-position: -32px 0px;}
.icon.flickr {background-position: 0px -64px;}
.icon.gplus, .icon.googleplus, .icon.google-plus {background-position: 0px -32px;}
.icon.imdb {background-position: -32px -32px;}
.icon.instagram {background-position: -64px 0px;}
.icon.linkedin {background-position: -64px -32px;}
.icon.pinterest {background-position: 0px 0px;}
.icon.snapchat {background-position: -32px -64px;}
.icon.tumblr {background-position: -64px -64px;}
.icon.twitter {background-position: -96px 0px;}
.icon.vimeo {background-position: -96px -32px;}
.icon.youtube {background-position: -96px -64px;}