/* social icons buttons */
span.social a {
	background: #e5e5e5 url(../../images/elements/icons/social.jpg) repeat center 0;
	height: 33px;
	width: 33px;	
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;  
	font: 27px/34px 'JustVector';	
	transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-webkit-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;		
	margin: 4px 4px 6px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	border-top: 1px solid #c9c9c9;
	border-left: 1px solid #aeaeae;
	border-bottom: 1px solid #909090;
	border-right: 1px solid #909090;
}
span.social a:hover {
/***  CSS animation  ***/
	background: #ededed url(../../images/elements/icons/social.jpg) repeat center -20px;	
	transition: all 0.12s linear;
	-moz-transition: all 0.12s linear;
	-webkit-transition: all 0.12s linear;
	-o-transition: all 0.12s linear;
}
/* social icons text/shadow color */
#extraContainer1 span.social a,
#extraContainer2 span.social a,
#sidebarContainer span.social a,
span.social a {
	text-shadow: #cfcfcf 0 1px 0;
	color: #3a3a3a;
}
#extraContainer1 span.social a:hover,
#extraContainer2 span.social a:hover,
#sidebarContainer span.social a:hover,
span.social a:hover {

	color: #f0f0f0;
	text-shadow: #525252 0 1px 1px;
}
/* fix IE */
.ie9 aside span.social {
    font-size: 0.93em;
}