Change wordpress social invitations icons

wsi.css

//These are the default CSS rules that you can change with yours
[class^="wsiicon-"], [class*=" wsiicon-"] {
font-family: 'wsi-social'; //Use your own font
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
background: none !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
//Each icon content that you can replace with yours
.wsiicon-google:before {
	content: "\e602";
}
.wsiicon-yahoo:before {
	content: "\e603";
}
.wsiicon-twitter:before {
	content: "\e604";
}
.wsiicon-linkedin:before {
	content: "\e605";
}
.wsiicon-foursquare:before {
	content: "\e606";
}
.wsiicon-live:before {
	content: "\e607";
}
.wsiicon-facebook:before {
	content: "\e601";
}
.wsiicon-tux:before {
	content: "\e600";
}
.wsiicon-mail:before {
	content: "\e608";
}

//Font color is controlled here

.service-filter-content .service-filters li{
  color: #FFFFFF;
}  

//Background colors are here
#facebook-provider{
	background-color: #3B5998;
}
#google-provider{
	background-color: #ca3f2f;
}
#yahoo-provider{
	background-color: #82138b;
}
#linkedin-provider{
	background-color: #388cb3;
}

#live-provider{
	background-color: #19608a;
}

#twitter-provider{
	background-color: #7cd2f2;
}

#foursquare-provider{
	background-color: #34a0ca;
}

#mail-provider{
	background-color: #744848;
}

}