$(document).ready(function(){
  $('.facebook').hover(
	function(){
	  $(this).css({ 'background-color': '#627ec9'});
	  $('.facebook a').css({'color': '#ffffff'});
	},
	function(){
	  $(this).css({ 'background-color': '#dfdfdf'});
	  $('.facebook a').css({'color': '#404040'});
	}
  );

  $('.twitter').hover(
	function(){
	  $(this).css({ 'background-color': '#48c7df'});
	  $('.twitter a').css({'color': '#ffffff'});
	},
	function(){
	  $(this).css({ 'background-color': '#dfdfdf'});
	  $('.twitter a').css({'color': '#404040'});
	}
  );
  
  $('.flickr').hover(
	function(){
	  $(this).css({ 'background-color': '#00b1f1'});
	  $('.flickr a').css({'color': '#ffffff'});
	},
	function(){
	  $(this).css({ 'background-color': '#dfdfdf'});
	  $('.flickr a').css({'color': '#404040'});
	}
  );
  
  $('.etsy').hover(
	function(){
	  $(this).css({ 'background-color': '#ff7a22'});
	  $('.etsy a').css({'color': '#ffffff'});
	},
	function(){
	  $(this).css({ 'background-color': '#dfdfdf'});
	  $('.etsy a').css({'color': '#404040'});
	}
  );
});