
@font-face {
	font-family: 'SocialIcons';
	src: url('SocialIcons.eot');
	src: local('SocialIcons'), local('SocialIcons'), url('SocialIcons.ttf') format('truetype');
}

#socialicons{
	float: left;
	display: block;
	padding: 8px;
	margin: 15px;
	width: 230px;
	background: #fff;
	border: 2px solid #ddd;
}

#socialicons a {
	float: left;
	display: block;
	font-family: "SocialIcons", sans-serif;
	font-size: 50px;
	line-height: 50px;
	width: 50px;
	text-align: center;
	padding: 2px 5px 8px 5px;
	color: #fff;
	text-shadow: 1px 1px 1px #666;
	margin: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	text-decoration: none;
	-webkit-box-shadow: 3px 3px 2px #ccc; 
	-moz-box-shadow: 3px 3px 2px #ccc; 
}

#socialicons a:hover {
	padding: 4px 4px 6px 6px;
	text-shadow: -1px -1px 1px #aaa;
	margin: 6px 4px 4px 6px;
	-webkit-box-shadow: 2px 2px 2px #ccc; 
	-moz-box-shadow: 2px 2px 2px #ccc; 
}

#socialicons #rss{
	background-color: #f68328;
	border: 1px solid #e5502f;
	-webkit-box-shadow: 3px 3px 2px #ccc, 0px -8px 8px #ea6f0e inset, 0px 8px 8px #fc9d15 inset; 
	-moz-box-shadow: 3px 3px 2px #ccc, 0px -8px 8px #ea6f0e inset, 0px 8px 8px #fc9d15 inset; 
}

#socialicons #facebook{
	background-color: #395693;
	border: 1px solid #2f4779;
	-webkit-box-shadow: 3px 3px 2px #ccc, 0px -8px 8px #2f4779 inset, 0px 18px 3px #8d9bb8 inset; 
	-moz-box-shadow: 3px 3px 2px #ccc, 0px -8px 8px #2f4779 inset, 0px 18px 3px #8d9bb8 inset; 
}

#socialicons #tweet{
	background-color: #5ecde1;
	border: 1px solid #56bcce;
	-webkit-box-shadow: 3px 3px 2px #ccc, 0px -8px 8px #56bcce inset, 0px 8px 8px #8fd4e0 inset; 
	-moz-box-shadow: 3px 3px 2px #ccc, 0px -8px 8px #56bcce inset, 0px 8px 8px #8fd4e0 inset; 
}
#socialicons #flickr{
	float: left;
	display: block;
	width: 45px;
	text-align: left;
	padding: 0 5px;	
	text-shadow: 0px 1px 1px #666;
	margin: 5px;
	border: 1px solid #ddd;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;	
	-webkit-box-shadow: 3px 3px 2px #ccc, 0px -4px 6px #eee inset, 0px 4px 6px #f2f2f2 inset; 
	-moz-box-shadow: 3px 3px 2px #ccc, 0px -4px 6px #eee inset, 0px 4px 6px #f2f2f2 inset; 
	background: #fff;
	overflow: hidden; 
}
#socialicons #flickr a{
	padding: 0;
	line-height: 47px;
	font-size: 65px;
	text-align: left;
	margin: 5px 0 5px -30px;
	color: #0063dc;
	text-shadow: 53px 0px 0px #ff0084;
	-webkit-box-shadow: none; 
	-moz-box-shadow: none;
}
#socialicons #flickr:hover {
	text-shadow: -1px -1px 1px #aaa;
	margin: 6px 4px 4px 6px;
	-webkit-box-shadow: 3px 3px 2px #ccc, 0px -4px 6px #eee inset, 0px 4px 6px #f2f2f2 inset; 
	-moz-box-shadow: 3px 3px 2px #ccc, 0px -4px 6px #eee inset, 0px 4px 6px #f2f2f2 inset; 
}
#socialicons #blogger{
	-webkit-box-shadow: 3px 3px 2px #ccc, 0px -23px 0px #ff6600 inset, 0px 25px 25px #fac4a2 inset; 
	-moz-box-shadow: 3px 3px 2px #ccc, 0px -23px 0px #ff6600 inset, 0px 25px 25px #fac4a2 inset; 
    border: 1px solid #ff6600;	
	background: #ff6600;
}
#socialicons #delicious{
	-webkit-box-shadow: 3px 3px 2px #ccc, 0px -4px 6px #eee inset, 0px 4px 6px #f2f2f2 inset, -10px 9px 0px #fff inset, 30px -32px 0px #fff inset;
   -moz-box-shadow: 3px 3px 2px #ccc, 0px -4px 6px #eee inset, 0px 4px 6px #f2f2f2 inset, -10px 9px 0px #fff inset, 30px -32px 0px #fff inset;
	border: 1px solid #ccc;
	text-shadow: none;
	background: #7a7aff;
	color: #000;
}
#socialicons #delicious:hover {
	padding: 2px 5px 8px 5px;
}
#socialicons #digg{
	color: #fff;
	border: 1px solid #888;
	background: #aaa;
	-webkit-box-shadow: 3px 3px 2px #ccc, 0px -8px 8px #888 inset, 0px 8px 8px #ccc inset; 
	-moz-box-shadow: 3px 3px 2px #ccc, 0px -8px 8px #888 inset, 0px 8px 8px #ccc inset; 
}
#socialicons #google{
	border: 1px solid #ddd;
	text-shadow: 2px 2px 0px #67bee7;
	color: #0455a3;
	background: #f2f2f2;
	-webkit-box-shadow: 3px 3px 2px #ccc, 0px -4px 6px #eee inset, 0px 18px 3px #fff inset; 
	-moz-box-shadow: 3px 3px 2px #ccc, 0px -4px 6px #eee inset, 0px 18px 3px #fff inset; 
}
#socialicons #openid{
	color: #f7931e;
	background: #fff;
	border: 1px solid #b2b2b2;
	text-shadow: 2px 2px 2px #b2b2b2;
	-webkit-box-shadow: 3px 3px 2px #ccc, 0px -2px 6px #b2b2b2 inset, 0px 4px 6px #eee inset; 
	-moz-box-shadow: 3px 3px 2px #ccc, 0px -2px 6px #b2b2b2 inset, 0px 4px 6px #eee inset; 
}
#socialicons #linkedin{
	-webkit-box-shadow: 3px 3px 2px #ccc, 0px -8px 8px #185b8c inset, 0px 18px 3px #408eb6 inset; 
	-moz-box-shadow: 3px 3px 2px #ccc, 0px -8px 8px #185b8c inset, 0px 18px 3px #408eb6 inset; 
	background: #1f6296;
	border: 1px solid #408eb6;
}
#socialicons #netvibes{
	background: #237125;
	padding: 0 2px 4px 2px;
	border: 3px solid #63c130;
	text-shadow: 2px 2px 1px #7cd04e, 2px -2px 1px #7cd04e, -2px 2px 1px #7cd04e, -2px -2px 1px #7cd04e;
	-webkit-box-shadow: 3px 3px 2px #ccc, 0px 25px 25px #5cb32e inset; 
	-moz-box-shadow: 3px 3px 2px #ccc, 0px 25px 25px #5cb32e inset; 
}
#email{
	background: #000;
	border: 1px solid #000;
}
#socialicons #lastfm{
	-webkit-box-shadow: 3px 3px 2px #ccc, 0px -5px 5px #ef868f inset, 0px 10px 15px #ef868f inset, 0px -23px 0px #db3138 inset, 0px -25px 0px #f2aba8 inset; 
	-moz-box-shadow: 3px 3px 2px #ccc, 0px -5px 5px #ef868f inset, 0px 10px 15px #ef868f inset, 0px -23px 0px #db3138 inset, 0px -25px 0px #f2aba8 inset; 
    border: 2px solid #db3138;	
	padding: 0px 3px 6px 3px;
	background: #ee6971;
	text-shadow: 1px 1px 1px #d52d34;
}
#socialicons #myspace{
	-webkit-box-shadow: 3px 3px 2px #ccc, 0px -8px 8px #004071 inset, 0px 8px 8px #0066b3 inset; 
	-moz-box-shadow: 3px 3px 2px #ccc, 0px -8px 8px #004071 inset, 0px 8px 8px #0066b3 inset; 
	border: 1px solid #004071;
	background: #005392;
}
#socialicons #newsvine{
	-webkit-box-shadow: 3px 3px 2px #ccc,	
	0px 17px 0px #99bc9f inset,
	0px -22px 0px #133d18 inset,
	25px 0px 0px #297337 inset;
	-moz-box-shadow: 3px 3px 2px #ccc, 
	0px 17px 0px #99bc9f inset,
	0px -22px 0px #133d18 inset,
	25px 0px 0px #297337 inset;
	text-shadow: 0 0 0;
	background: #225e2e;
	padding: 0 1px 3px 1px;
	border: 4px solid #297337;
}
#socialicons #skype{
	-webkit-box-shadow: 3px 3px 2px #ccc, 0px -8px 8px #009cda inset, 0px 8px 8px #38c0f6 inset; 
	-moz-box-shadow: 3px 3px 2px #ccc, 0px -8px 8px #009cda inset, 0px 8px 8px #38c0f6 inset; 
	background: #00b0f6;
	border: 1px solid #009cda;
}
#socialicons #picasa{
	border: 1px solid #ccc;
	background: #00bf00;
	-webkit-box-shadow: 3px 3px 2px #ccc, 0px -11px 0px #b163c9 inset, 0px -22px 0px #006cd9 inset, 0px 11px 0px #ff292b inset, 0px 22px 0px #ff9000 inset; 
	-moz-box-shadow: 3px 3px 2px #ccc, 0px -11px 0px #b163c9 inset, 0px -22px 0px #006cd9 inset, 0px 11px 0px #ff292b inset, 0px 22px 0px #ff9000 inset; 
}
#socialicons #aim{
	color: #f9dd1a;
	background: #fff;
	border: 1px solid #ddd;
	text-shadow: 
	0px 2px 0px #000, 
	0px -2px 0px #000, 
	2px 0px 0px #000, 
	-2px 0px 0px #000, 
	2px 2px 0px #000, 
	2px -2px 0px #000, 
	-2px 2px 0px #000, 
	-2px -2px 0px #000;
	-webkit-box-shadow: 3px 3px 2px #ccc, 0px -4px 6px #eee inset, 0px 4px 6px #f2f2f2 inset; 
	-moz-box-shadow: 3px 3px 2px #ccc, 0px -4px 6px #eee inset, 0px 4px 6px #f2f2f2 inset;  
}
#socialicons #reddit{
	border: 1px solid #ddd;
	text-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 3px 3px 2px #ccc, 0px -4px 6px #eee inset, 0px 4px 6px #f2f2f2 inset; 
	-moz-box-shadow: 3px 3px 2px #ccc, 0px -4px 6px #eee inset, 0px 4px 6px #f2f2f2 inset; 
	background: #fff;
	color: #000;
}
#socialicons #stumbleupon{
	-webkit-box-shadow: 0px -4px 6px #eee inset, 0px 4px 6px #f2f2f2 inset, 3px 3px 2px #ccc, -8px -8px 0px #fff inset, 11px 9px 0px #fff inset, -14px -22px 0px #1f77a8 inset; 
	-moz-box-shadow: 0px -4px 6px #eee inset, 0px 4px 6px #f2f2f2 inset, 3px 3px 2px #ccc, -8px -8px 0px #fff inset, 11px 9px 0px #fff inset, -14px -22px 0px #1f77a8 inset;
	text-shadow: none;
	border: 1px solid #ccc;
	background: #64e070;
}
#socialicons #technorati{
	-webkit-box-shadow: 3px 3px 2px #ccc, 0px -4px 6px #eee inset, 0px 4px 6px #f2f2f2 inset; 
	-moz-box-shadow: 3px 3px 2px #ccc, 0px -4px 6px #eee inset, 0px 4px 6px #f2f2f2 inset;  
	border: 1px solid #ddd;
	color: #44b40c;
	background: #fff;
}
#socialicons #sharethis{
	-webkit-box-shadow: 3px 3px 2px #ccc, -5px -5px 20px #0d6130 inset, 5px 5px 20px #0d6130 inset; 
	-moz-box-shadow: 3px 3px 2px #ccc, -5px -5px 20px #0d6130 inset, 5px 5px 20px #0d6130 inset;
	background: #3a9c37;
	border: 1px solid #3a9c37;
}
#socialicons #wordpress{
	-webkit-box-shadow: 3px 3px 2px #ccc, 0px -30px 5px #20567c inset; 
	-moz-box-shadow: 3px 3px 2px #ccc, 0px -30px 5px #20567c inset;  
	background: #2b75a8;
	border: 1px solid #20567c;
}
#socialicons #friendfeed{
	text-shadow: 
	0px 2px 0px #719ad4, 
	0px -2px 0px #719ad4, 
	2px 0px 0px #719ad4, 
	-2px 0px 0px #719ad4, 
	2px 2px 0px #719ad4, 
	2px -2px 0px #719ad4, 
	-2px 2px 0px #719ad4, 
	-2px -2px 0px #719ad4;
	-webkit-box-shadow: 3px 3px 2px #ccc, 0px -10px 10px #84a8d6 inset, 0px 10px 10px #d1e3f6 inset, 0px -20px 0px #95b5de inset; 
	-moz-box-shadow: 3px 3px 2px #ccc, 0px -10px 10px #84a8d6 inset, 0px 10px 10px #d1e3f6 inset, 0px -20px 0px #95b5de inset;  
	color: #cee1f6;
	background: #adc7e7;
	padding: 0 3px 6px 3px;
	border: 2px solid #719ad4;
}
#socialicons #yelp{
	text-shadow: 
	0px 3px 1px #fff, 
	1px 3px 1px #fff, 
	2px 3px 1px #fff, 
	3px 3px 1px #fff, 
	0px -3px 1px #fff, 
	1px -3px 1px #fff, 
	2px -3px 1px #fff, 
	3px -3px 1px #fff, 
	3px 0px 1px #fff, 
	3px 1px 1px #fff, 
	3px 2px 1px #fff,
	3px -1px 1px #fff, 
	3px -2px 1px #fff,
	-3px 0px 1px #fff,
	-3px 1px 1px #fff,
	-3px 2px 1px #fff,
	-3px 3px 1px #fff,
	-3px -1px 1px #fff, 
	-3px -2px 1px #fff, 
	-3px -3px 1px #fff;
	-webkit-box-shadow: 3px 3px 2px #ccc, 0px -8px 8px #ad1000 inset, 0px 8px 8px #d43120 inset; 
	-moz-box-shadow: 3px 3px 2px #ccc, 0px -8px 8px #ad1000 inset, 0px 8px 8px #cc2f1f inset; 
	border: 1px solid #d43120;
	background: #c31200;
	color: #c31200;
}
#socialicons #yahoo{
	-webkit-box-shadow: 3px 3px 2px #ccc, 0px -8px 8px #b1221a inset, 0px 8px 8px #e8746d inset; 
	-moz-box-shadow: 3px 3px 2px #ccc, 0px -8px 8px #b1221a inset, 0px 8px 8px #e8746d inset; 
	border: 1px solid #e42c22;
	background: #e42c22;
}
/* Make IE happy */
#socialicons #yelp, #socialicons #friendfeed{ 
 color: #fff\9
}
#socialicons #delicious{
	background: #fff\9
}


