/* social icons buttons */

span.social a {
	background: #f5f5f5 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 #c9c9c9;
	font: 25px/31px 'JustVector';
	
	border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;	
    
	transition: all 0.35s linear;
	-moz-transition: all 0.35s linear;
	-webkit-transition: all 0.35s linear;
	-o-transition: all 0.35s linear;	
	
	box-shadow: 0px 0px 3px #b9b9b9 inset ;
    -webkit-box-shadow: 0px 0px 3px #b9b9b9 inset ;
    -moz-box-shadow: 0px 0px 3px #b9b9b9 inset ;
	
	
}

span.social a:hover {
/***  CSS animation  ***/
	background: #f3f3f3 url(../../images/elements/png/over_box.png) repeat 0 -3px;	
	border: 1px solid #c9c9c9;
	
	transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-webkit-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	
	box-shadow: 0px 0px 7px #b9b9b9 inset ;
    -webkit-box-shadow: 0px 0px 7px #b9b9b9 inset ;
    -moz-box-shadow: 0px 0px 7px #b9b9b9 inset ;
	
}

span.social {}

/* social icons text/shadow color */

#extraContainer1 span.social a,
#extraContainer2 span.social a,
#sidebarContainer span.social a,
span.social a {
	text-shadow: none;
	color: #989898;
}

#extraContainer1 span.social a:hover,
#extraContainer2 span.social a:hover,
#sidebarContainer span.social a:hover,
span.social a:hover {
	color: #6b6b6b;
	text-shadow: none;
}

/* fix IE */

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