Social Media Sprite Links

social sprite links

<ul id="footer-social">
<li><a href="https://www.facebook.com/pages/CoreTCG/167816899909586" target="_blank" class="facebook-icon">Facebook</a></li>
<li><a href="https://twitter.com/coretcg" target="_blank" class="twitter-icon">Twitter</a></li>
<li><a href="http://www.youtube.com/user/coretcg" target="_blank" class="youtube-icon">YouTube</a></li>
</ul>



<!-- CSS -->
#footer-social{
	margin: 10px 0 20px 0;
}
#footer-social li{
	float: left;
	margin: 0 20px 30px 0;	
}
		#footer-social a.facebook-icon{
			background: url('img/sprite_facebook_large.png');
			height: 44px;
			width: 22px;
			display: block;
			text-indent: -9999px;
			margin: -3px 4px 0 0;
		}
		#footer-social a.facebook-icon:hover{
			background-position: 0 44px;
		}
		#footer-social a.twitter-icon{
			background: url('img/sprite_twitter_large.png');
			height: 33px;
			width: 40px;
			display: block;
			text-indent: -9999px;
			margin: 2px 0 0 0;
		}
		#footer-social a.twitter-icon:hover{
			background-position: 0 33px;
		}
		#footer-social a.youtube-icon{
			background: url('img/sprite_youtube_large.png');
			height: 42px;
			width: 44px;
			display: block;
			text-indent: -9999px;
			margin: -3px 0 0 0;
		}
		#footer-social a.youtube-icon:hover{
			background-position: 0 42px;
		}