/* social icons buttons */
span.social a {
	background: #7c7c7c url(../../images/elements/png/over_box.png) repeat 0 0;
	height: 31px;
	width: 31px;
	margin: 3px 2px 5px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	border: 1px solid #6d6d6d;  
	font: 25px/31px 'JustVector';	
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;	
	transition: all 0.45s linear;
	-moz-transition: all 0.45s linear;
	-webkit-transition: all 0.45s linear;
	-o-transition: all 0.45s linear;		
	box-shadow: 0px 1px 8px #5f5f5f inset ;
  -webkit-box-shadow: 0px 1px 8px #5f5f5f inset ;
  -moz-box-shadow: 0px 1px 8px #5f5f5f inset ;
}
span.social a:hover {
/***  CSS animation  ***/
	background: #f5f5f5 url(images/elements/png/over_box.png) repeat 0 -4px;	
	border: 1px solid #d0d0d0;	
	transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-webkit-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;	
	box-shadow: 0px 1px 3px #b9b9b9 inset ;
    -webkit-box-shadow: 0px 1px 3px #b9b9b9 inset ;
    -moz-box-shadow: 0px 1px 43px #b9b9b9 inset ;
}
/* social icons text/shadow color */
#extraContainer1 span.social a,
#extraContainer2 span.social a,
#sidebarContainer span.social a,
span.social a {
	color: #c9c9c9;
	text-shadow: #444 0 1px 0;
}
#extraContainer1 span.social a:hover,
#extraContainer2 span.social a:hover,
#sidebarContainer span.social a:hover,
span.social a:hover {
	color: #7c7c7c;
	text-shadow: none;
}
/* fix IE */
.ie9 aside span.social {font-size: 0.93em;}