nav-social.css

/*
-----------------------------------------------------------------------------
 =Social
----------------------------------------------------------------------------- */
#nav-social { 
	float: left;
	width: 42.185%;
	}
	#nav-social ul { }
		#nav-social ul li { 
			float: left;
			}
			#nav-social li a { 
				background: #aaa;
				color: chartreuse;
				display: block;
				height: 51px;
				width: 51px;
				line-height: 1;
				font-size: 2em;
				position: relative;
				text-align: center;
				text-decoration: none;
				/**/
				overflow: hidden;
				text-indent: -999%;
				white-space: nowrap;
				}
			#nav-social li a:hover { 
				background: #888; 
				color: peachpuff;
				}
			#nav-link-facebook { color: #3b5998; }
			#nav-link-google { color: #dd4b39; }
			#nav-link-linkedin { color: #007bb6; }
			#nav-link-twitter { color: #00aced; }
			
			#nav-link-flickr { color: #ff0084; }
			#nav-link-instagram { color: #517fa4; }
			#nav-link-pinterest { color: #cb2027; }
			#nav-link-tumblr { color: #32506d; }
			#nav-link-vimeo { color: #aad450; }
			#nav-link-youtube { color: #bb0000; }
			
			#nav-link-evernote { color: #6bb130; }
			#nav-link-googlecircles { }
			#nav-link-picasa { }
			
				#nav-social a span { -webkit-font-smoothing: antialiased; }
					#nav-social a span:before,
					#nav-social a span:after { 
						display: inline-block;
						height: 100%;
						width: 100%;
						position: absolute;
						left: 0;
						top: 0;
						text-indent: 0;
						}
						#nav-social a span:before { font-family: 'Font Awesome'; }
						#nav-social a span:after { font-family: 'Genericon'; }
						/*#nav-social a span:after { font-family: 'Entypo'; }*/
						
						/* Font Awesome */
						#nav-link-facebook span:before { content: '\f09a'; }
						#nav-link-flickr span:after { content: '\f16e'; }
						#nav-link-instagram span:after { content: '\f16d'; }
						#nav-link-google span:before { content: '\f0d5'; }
						#nav-link-linkedin span:before { content: '\f0e1'; }
						#nav-link-tumblr span:after { content: '\f173'; }
						#nav-link-twitter span:before { content: '\f099'; }
						#nav-link-youtube span:after { content: '\f167'; }
						
						/* Genericon */
						#nav-link-pinterest span:after { content: '\f209'; }
						#nav-link-vimeo span:after { content: '\f215'; }
						
						/* Entypo */
						#nav-link-evernote span:after { content: '\f333'; }
						#nav-link-googlecircles span:after { content: '\f351'; }
						#nav-link-picasa span:after { content: '\f345'; }