/* 
Usage
Include the CSS to your document.

All icons require an <i> tag with a unique class, prefixed with social-icon-. To use, place the following code just about anywhere:
<i class="social-icon-facebook"></i>

Icon-Set by http://www.alexpeattie.com/projects/justvector_icons/
CSS by http://yourhp.de

*/

// USE THE SIZER FOR THE SIZE! 1 = 119px

@sizer: 0.2;



// don't change from here on
@width: 119px;
@size: unit(@width * @sizer,px);

[class^="social-icon-"],
[class*=" social-icon-"] {
	display: inline-block;
	width: @size;
	height: @size;
	margin-top: 1px;
	*margin-right: .3em;
	line-height: @size;
	vertical-align: text-top;
	background-image: url("social_icons_grey.png");
	background-position: @size @size;
	background-repeat: no-repeat;
	// 1771px is the height of the image
	-moz-background-size: auto (1771px * @sizer); /* Firefox */
	-webkit-background-size: auto (1771px * @sizer); /* Safari, Chrome */
	background-size: auto (1771px * @sizer); /* Opera, IE, W3C Standard */

}

.social-icon-white {background-image: url("social_icons_white.png");}
.social-icon-black {background-image: url("social_icons_black.png");}

/* 1st line */
.social-icon-aim 		{background-position: -@size*0 -@size*0;}
.social-icon-aim_old 	{background-position: -@size*1 -@size*0;}
.social-icon-amazon 	{background-position: -@size*2 -@size*0;}
.social-icon-apple 		{background-position: -@size*3 -@size*0;}
.social-icon-app_store 	{background-position: -@size*4 -@size*0;}
.social-icon-arto 		{background-position: -@size*5 -@size*0;}
.social-icon-aws 		{background-position: -@size*6 -@size*0;}
.social-icon-baidu 		{background-position: -@size*7 -@size*0;}
.social-icon-basecamp 	{background-position: -@size*8 -@size*0;}
.social-icon-bebo 		{background-position: -@size*9 -@size*0;}

/* 2nd line */
.social-icon-behance	{background-position: -@size*0 -@size*1;}
.social-icon-bing		{background-position: -@size*1 -@size*1;}
.social-icon-blip		{background-position: -@size*2 -@size*1;}
.social-icon-blogger 	{background-position: -@size*3 -@size*1;}
.social-icon-bnter 		{background-position: -@size*4 -@size*1;}
.social-icon-brightkite	{background-position: -@size*5 -@size*1;}
.social-icon-cinch		{background-position: -@size*6 -@size*1;}
.social-icon-cloudapp	{background-position: -@size*7 -@size*1;}
.social-icon-coroflot	{background-position: -@size*8 -@size*1;}
.social-icon-creative_commons {background-position: -@size*9 -@size*1;}

/* 3rd line */
.social-icon-dailybooth	{background-position: -@size*0 -@size*2;}
.social-icon-delicious	{background-position: -@size*1 -@size*2;}
.social-icon-designbump	{background-position: -@size*2 -@size*2;}
.social-icon-designfloat {background-position: -@size*3 -@size*2;}
.social-icon-designmoo	{background-position: -@size*4 -@size*2;}
.social-icon-deviantart	{background-position: -@size*5 -@size*2;}
.social-icon-digg 		{background-position: -@size*6 -@size*2;}
.social-icon-digg_old 	{background-position: -@size*7 -@size*2;}
.social-icon-diigo 		{background-position: -@size*8 -@size*2;}
.social-icon-dribbble 	{background-position: -@size*9 -@size*2;}

/* 4th line */
.social-icon-dropbox 	{background-position: -@size*0 -@size*3;}
.social-icon-drupal 	{background-position: -@size*1 -@size*3;}
.social-icon-dzone 		{background-position: -@size*2 -@size*3;}
.social-icon-ebay 		{background-position: -@size*3 -@size*3;}
.social-icon-ember 		{background-position: -@size*4 -@size*3;}
.social-icon-etsy 		{background-position: -@size*5 -@size*3;}
.social-icon-evernote 	{background-position: -@size*6 -@size*3;}
.social-icon-facebook 	{background-position: -@size*7 -@size*3;}
.social-icon-facebook_old 	{background-position: -@size*8 -@size*3;}
.social-icon-facebook_place {background-position: -@size*9 -@size*3;}

/* 5th line */
.social-icon-facto		{background-position: -@size*0 -@size*4;}
.social-icon-feedburner	{background-position: -@size*1 -@size*4;}
.social-icon-flickr 	{background-position: -@size*2 -@size*4;}
.social-icon-folkd		{background-position: -@size*3 -@size*4;}
.social-icon-formspring	{background-position: -@size*4 -@size*4;}
.social-icon-forrst		{background-position: -@size*5 -@size*4;}
.social-icon-foursquare	{background-position: -@size*6 -@size*4;}
.social-icon-friendfeed	{background-position: -@size*7 -@size*4;}
.social-icon-friendster	{background-position: -@size*8 -@size*4;}
.social-icon-gdgt		{background-position: -@size*9 -@size*4;}
/* 6th line */
.social-icon-github		{background-position: -@size*0 -@size*5;}
.social-icon-guthub_old	{background-position: -@size*1 -@size*5;}
.social-icon-goodreads 	{background-position: -@size*2 -@size*5;}
.social-icon-google		{background-position: -@size*3 -@size*5;}
.social-icon-google_buzz	{background-position: -@size*4 -@size*5;}
.social-icon-google_talk	{background-position: -@size*5 -@size*5;}
.social-icon-gowalla	{background-position: -@size*6 -@size*5;}
.social-icon-gowalla_old	{background-position: -@size*7 -@size*5;}
.social-icon-grooveshark	{background-position: -@size*8 -@size*5;}
.social-icon-hackernews	{background-position: -@size*9 -@size*5;}
/* 7th line */
.social-icon-hi5		{background-position: -@size*0 -@size*6;}
.social-icon-hypemachine	{background-position: -@size*1 -@size*6;}
.social-icon-hyves 		{background-position: -@size*2 -@size*6;}
.social-icon-icq		{background-position: -@size*3 -@size*6;}
.social-icon-identi		{background-position: -@size*4 -@size*6;}
.social-icon-instapaper	{background-position: -@size*5 -@size*6;}
.social-icon-itunes		{background-position: -@size*6 -@size*6;}
.social-icon-kik		{background-position: -@size*7 -@size*6;}
.social-icon-krop		{background-position: -@size*8 -@size*6;}
.social-icon-lastfm		{background-position: -@size*9 -@size*6;}
/* 8th line */
.social-icon-linkedin	{background-position: -@size*0 -@size*7;}
.social-icon-linkedin_old	{background-position: -@size*1 -@size*7;}
.social-icon-livejournal	{background-position: -@size*2 -@size*7;}
.social-icon-lovedsgn	{background-position: -@size*3 -@size*7;}
.social-icon-meetup		{background-position: -@size*4 -@size*7;}
.social-icon-metacafe	{background-position: -@size*5 -@size*7;}
.social-icon-misterwong	{background-position: -@size*6 -@size*7;}
.social-icon-mixx		{background-position: -@size*7 -@size*7;}
.social-icon-mixx_old	{background-position: -@size*8 -@size*7;}
.social-icon-mobileme	{background-position: -@size*9 -@size*7;}
/* 9th line */
.social-icon-msn		{background-position: -@size*0 -@size*8;}
.social-icon-myspace	{background-position: -@size*1 -@size*8;}
.social-icon-myspace_old 	{background-position: -@size*2 -@size*8;}
.social-icon-newsvine	{background-position: -@size*3 -@size*8;}
.social-icon-ning		{background-position: -@size*4 -@size*8;}
.social-icon-officalfm	{background-position: -@size*5 -@size*8;}
.social-icon-openid		{background-position: -@size*6 -@size*8;}
.social-icon-orkut		{background-position: -@size*7 -@size*8;}
.social-icon-pandora	{background-position: -@size*8 -@size*8;}
.social-icon-path		{background-position: -@size*9 -@size*8;}
/* 10th line */
.social-icon-paypal		{background-position: -@size*0 -@size*9;}
.social-icon-photobucket	{background-position: -@size*1 -@size*9;}
.social-icon-picasa 	{background-position: -@size*2 -@size*9;}
.social-icon-pinboard	{background-position: -@size*3 -@size*9;}
.social-icon-ping		{background-position: -@size*4 -@size*9;}
.social-icon-pingchat	{background-position: -@size*5 -@size*9;}
.social-icon-playstation	{background-position: -@size*6 -@size*9;}
.social-icon-plixi		{background-position: -@size*7 -@size*9;}
.social-icon-plurk		{background-position: -@size*8 -@size*9;}
.social-icon-podcast	{background-position: -@size*9 -@size*9;}
/* 11th line */
.social-icon-posterous	{background-position: -@size*0 -@size*10;}
.social-icon-qik		{background-position: -@size*1 -@size*10;}
.social-icon-quora 		{background-position: -@size*2 -@size*10;}
.social-icon-rdio		{background-position: -@size*3 -@size*10;}
.social-icon-readernaut	{background-position: -@size*4 -@size*10;}
.social-icon-reddit		{background-position: -@size*5 -@size*10;}
.social-icon-retweet	{background-position: -@size*6 -@size*10;}
.social-icon-roboto		{background-position: -@size*7 -@size*10;}
.social-icon-rss		{background-position: -@size*8 -@size*10;}
.social-icon-scribd		{background-position: -@size*9 -@size*10;}
/* 12th line */
.social-icon-sharethis	{background-position: -@size*0 -@size*11;}
.social-icon-simplenote	{background-position: -@size*1 -@size*11;}
.social-icon-skype 	{background-position: -@size*2 -@size*11;}
.social-icon-slashdot	{background-position: -@size*3 -@size*11;}
.social-icon-slideshare	{background-position: -@size*4 -@size*11;}
.social-icon-smugmug	{background-position: -@size*5 -@size*11;}
.social-icon-soundcloud	{background-position: -@size*6 -@size*11;}
.social-icon-spotify	{background-position: -@size*7 -@size*11;}
.social-icon-squarespace	{background-position: -@size*8 -@size*11;}
.social-icon-squidoo	{background-position: -@size*9 -@size*11;}
/* 13th line */
.social-icon-steam	{background-position: -@size*0 -@size*12;}
.social-icon-stumble	{background-position: -@size*1 -@size*12;}
.social-icon-technorati 	{background-position: -@size*2 -@size*12;}
.social-icon-threeword	{background-position: -@size*3 -@size*12;}
.social-icon-tribe	{background-position: -@size*4 -@size*12;}
.social-icon-tripit	{background-position: -@size*5 -@size*12;}
.social-icon-tumblr	{background-position: -@size*6 -@size*12;}
.social-icon-twitter	{background-position: -@size*7 -@size*12;}
.social-icon-twitter_old	{background-position: -@size*8 -@size*12;}
.social-icon-vcard	{background-position: -@size*9 -@size*12;}
/* 14th line */
.social-icon-viddler	{background-position: -@size*0 -@size*13;}
.social-icon-vimeo	{background-position: -@size*1 -@size*13;}
.social-icon-virb 	{background-position: -@size*2 -@size*13;}
.social-icon-w3	{background-position: -@size*3 -@size*13;}
.social-icon-whatsapp	{background-position: -@size*4 -@size*13;}
.social-icon-wikipedia	{background-position: -@size*5 -@size*13;}
.social-icon-windows	{background-position: -@size*6 -@size*13;}
.social-icon-wists	{background-position: -@size*7 -@size*13;}
.social-icon-wordpress	{background-position: -@size*8 -@size*13;}
.social-icon-wordpress_old	{background-position: -@size*9 -@size*13;}
/* 15th line */
.social-icon-xing	{background-position: -@size*0 -@size*14;}
.social-icon-yahoo	{background-position: -@size*1 -@size*14;}
.social-icon-yahoobuzz 	{background-position: -@size*2 -@size*14;}
.social-icon-yahoomessenger	{background-position: -@size*3 -@size*14;}
.social-icon-yelp	{background-position: -@size*4 -@size*14;}
.social-icon-youtube	{background-position: -@size*5 -@size*14;}
.social-icon-youtube_old	{background-position: -@size*6 -@size*14;}
.social-icon-zerply	{background-position: -@size*7 -@size*14;}
.social-icon-zootool	{background-position: -@size*8 -@size*14;}
.social-icon-zynga	{background-position: -@size*9 -@size*14;}