/* social media css using a sprite */

.socialprofiles a {
	text-indent: -9999px; font-size: 0; line-height: 0; 
	overflow: hidden ; 
	height: 32px; width: 32px ;
	border: 0; 
	background: url(../images/social-media-gif.gif) no-repeat; 
	display: block;
	}

    .socialprofiles a.google 		{background-position: 0px 0px;}
    .socialprofiles a.google:hover 	{background-position: 0px -32px;}
/* not a profile, but it is in the image used, so included to show offset progression */
    .socialprofiles a.rss 			{background-position: -32px 0px;}
    .socialprofiles a.rss:hover 		{background-position: -32px -32px;}

    .socialprofiles a.email 			{background-position: -64px 0px;}
    .socialprofiles a.email:hover 	{background-position: -64px -32px;}

    .socialprofiles a.facebook 			{background-position: -96px 0px;}
    .socialprofiles a.facebook:hover 	{background-position: -96px -32px;}

    .socialprofiles a.twitter 			{background-position: -128px 0px;}
    .socialprofiles a.twitter:hover 		{background-position: -128px -32px;}

    .socialprofiles a.linkedin			{background-position: -160px 0px;}
    .socialprofiles a.linkedin:hover 	{background-position: -160px -32px;}

    .socialprofiles  a.youtube 		{background-position: -192px 0px;}
    .socialprofiles  a.youtube:hover 	{background-position: -192px -32px;}
	
.socialprofiles a,
.socialprofiles a:hover,
.socialprofiles a:visited,
.socialprofiles a:link,
.socialprofiles a:active{
	box-shadow: none;  /* stubborn text decoration !! */
	 text-decoration: none;
}	

/* if using the social block, float the profiles up next to each other */	
.socialblock  .socialprofiles{
	float: left;
}