$(document).ready(function() {
	$('#social li span').css({
		'opacity': 0,
		'display': 'block'
	});
	$('#social li').hover(function() {
		$(this).stop().fadeTo(500, 1).siblings().stop().fadeTo(500, 0.4);
		$(this).find('span').stop().animate({
			'opacity': 1,
			'top': '-35px',
			'right': '10px'
		}, 500);
	}, function() {
		$(this).stop().fadeTo(500, 1).siblings().stop().fadeTo(500, 1);
		$('#social li span').stop().animate({
			'opacity': 0,
			'top': '-1px',
			'right': '0px'
		}, 500);
	});
});

/** http://www.marcofolio.net/css/display_social_icons_in_a_beautiful_way_using_css3.html **/