/* social icons buttons */
span.social a {
	background: #e5e5e5 url(../../images/elements/icons/social.jpg) no-repeat 0 0;
	height: 30px;
	width: 30px;	
	border: 1px solid #a5a5a5;
	text-shadow: #f8f8f8 0 1px 0;
	font: 25px/31px 'JustVector';
	margin: 4px 3px 6px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-webkit-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;	
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;	
  box-shadow: 0px 1px 4px #D9D9D9 ;
  -webkit-box-shadow: 0px 1px 4px #D9D9D9 ;
  -moz-box-shadow: 0px 1px 4px #D9D9D9 ;
	padding: 3px;
}

span.social a:hover {
	background: #ededed url(../../images/elements/icons/social.jpg) no-repeat 0 -20px;	
		transition: all 0.11s linear;
	-moz-transition: all 0.11s linear;
	-webkit-transition: all 0.11s linear;
	-o-transition: all 0.11s linear;
	text-shadow: none;
}

span.social {}

/* social icons text/shadow color */

#extraContainer1 span.social a,
#extraContainer2 span.social a,
#sidebarContainer span.social a,
span.social a {
	text-shadow: #f5f5f5 0 1px 0;
	color: #737373;
}
#extraContainer1 span.social a:hover,
#extraContainer2 span.social a:hover,
#sidebarContainer span.social a:hover,
span.social a:hover {
	text-shadow: #525252 0 1px 2px;
	color: #fff;
}

/* fix IE */

.ie9 aside span.social {
    font-size: 0.93em;
}