ul.shareButtons {
	list-style: none;
}

ul.shareButtons li{
	display: inline;
}

ul.shareButtons li a span{
	background-size: 32px 32px;
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	display: inline-block;
}

span.blankSpan {
	background-size: 32px 32px;
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	display: inline-block;
}

/* Dark Grey */
ul.shareButtons li a span.Facebook { 
	 background-image: url('../img/sharebuttons/darkgrey/Facebook.png'); 
}

ul.shareButtons li a span.Twitter { 
	 background-image: url('../img/sharebuttons/darkgrey/Twitter.png'); 
}

ul.shareButtons li a span.Google { 
	 background-image: url('../img/sharebuttons/darkgrey/Google+.png'); 
}

ul.shareButtons li a span.Reddit { 
	 background-image: url('../img/sharebuttons/darkgrey/Reddit.png'); 
}

ul.shareButtons li a span.LinkedIn { 
	 background-image: url('../img/sharebuttons/darkgrey/LinkedIn.png'); 
}

ul.shareButtons li a span.Mail { 
	 background-image: url('../img/sharebuttons/darkgrey/Mail.png'); 
}

/* Color */
ul.shareButtons li a span.FacebookColor { 
	 background-image: url('../img/sharebuttons/color/Facebook.png'); 
}

ul.shareButtons li a span.TwitterColor { 
	 background-image: url('../img/sharebuttons/color/Twitter.png'); 
}

ul.shareButtons li a span.GoogleColor { 
	 background-image: url('../img/sharebuttons/color/Google+.png'); 
}

ul.shareButtons li a span.RedditColor { 
	 background-image: url('../img/sharebuttons/color/Reddit.png'); 
}

ul.shareButtons li a span.LinkedInColor { 
	 background-image: url('../img/sharebuttons/color/LinkedIn.png'); 
}


@media all and (-webkit-min-device-pixel-ratio: 1.5) { 
	/* Dark Grey */
	ul.shareButtons li a span.Facebook { 
		background-image: url('../img/sharebuttons/darkgrey/Facebook@2x.png'); 
	}
	ul.shareButtons li a span.Twitter { 
		 background-image: url('../img/sharebuttons/darkgrey/Twitter@2x.png'); 
	}

	ul.shareButtons li a span.Google { 
		 background-image: url('../img/sharebuttons/darkgrey/Google+@2x.png'); 
	}

	ul.shareButtons li a span.Reddit { 
		 background-image: url('../img/sharebuttons/darkgrey/Reddit@2x.png'); 
	}

	ul.shareButtons li a span.LinkedIn { 
		 background-image: url('../img/sharebuttons/darkgrey/LinkedIn@2x.png'); 
	}	
	
	ul.shareButtons li a span.Mail { 
	 background-image: url('../img/sharebuttons/darkgrey/Mail@2x.png'); 
	}
	
	/* Color */
	ul.shareButtons li a span.FacebookColor { 
		 background-image: url('../img/sharebuttons/color/Facebook@2x.png'); 
	}

	ul.shareButtons li a span.TwitterColor { 
		 background-image: url('../img/sharebuttons/color/Twitter@2x.png'); 
	}

	ul.shareButtons li a span.GoogleColor { 
		 background-image: url('../img/sharebuttons/color/Google+@2x.png'); 
	}

	ul.shareButtons li a span.RedditColor { 
		 background-image: url('../img/sharebuttons/color/Reddit@2x.png'); 
	}

	ul.shareButtons li a span.LinkedInColor { 
		 background-image: url('../img/sharebuttons/color/LinkedIn@2x.png'); 
	}
}