CSS for placing social media icons on WordPress sidebar

social-icons.css

.social-media-icons 
{ 
	background-color: none;
	width:100%;
	height:80px;
}

.social-header 
{ 
	padding:0px 10px 2px 10px;
	background-color:#eee;
	color:#444; 	
}

.socialfb
{
         background: url(images/social.png) no-repeat 0px 0px; 
         width: 49px; 
         height: 49px; 
         text-indent: -9999px;  
         float: left;
}

.socialfb:hover
{ 
	background: url(images/social-bw.png) no-repeat 0 0px; 
	width: 49px; 
	height: 49px;
}

.socialtw
{
	background: url(images/social.png) no-repeat 0px -435px; 
	width: 49px; 
	height: 49px; 
	text-indent: -9999px;  
	float: left; 
	margin: 0 0 0 5px;
}

.socialtw:hover
{
	background: url(images/social-bw.png) no-repeat 0px -433px;
	width: 49px; height: 49px;
}

.socialgp
{
	background: url(images/social.png) no-repeat 0px -109px; 
	width: 49px; 
	height: 49px; 
	text-indent: -9999px;  
	float: left; 
	margin: 0 0 0 5px;
}

.socialgp:hover
{
	background: url(images/social-bw.png) no-repeat 0px -108px;
	width: 49px; 
	height: 49px;
}

.socialpin
{
	background: url(images/social.png) no-repeat 0px -218px; 
	width: 49px; 
	height: 49px; 
	text-indent: -9999px;  
	float: left; 
	margin: 0 0 0 5px;
}

.socialpin:hover
{
	background: url(images/social-bw.png) no-repeat 0px -217px;
	width: 49px; 
	height: 49px;
}

.socialrss
{
	background: url(images/social.png) no-repeat 0px -326px; 
	width: 49px; 
	height: 49px;
	text-indent: -9999px;  
	float: left; 
	margin: 0 0 0 5px;
}

.socialrss:hover
{
	background: url(images/social-bw.png) no-repeat 0px -325px;
	width: 49px; 
	height: 49px;
}