/* social icons buttons */

span.social a {
	background: #f7f7f7 url(../../images/elements/png/over_box.png) no-repeat -50px 0;
	height: 38px;
	width: 38px;
	margin: 3px 4px 5px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	  border: 1px solid #dadada;
	font: 31px/39px 'JustVector';
	
	border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;	
   
	transition: all 0.39s linear;
	-moz-transition: all 0.39s linear;
	-webkit-transition: all 0.39s linear;
	-o-transition: all 0.39s linear;
	
	box-shadow: 0px 0px 6px #ddd inset ;
    -webkit-box-shadow: 0px 0px 6px #ddd inset;
    -moz-box-shadow: 0px 0px 6px #ddd inset;		
}

span.social a:hover {
/***  CSS animation  ***/
	background: #f3f3f3 url(../../images/elements/png/over_box.png) no-repeat 0 0;
	border: 1px solid #dadada;
	
	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 0px 0px #b9b9b9 inset ;
    -webkit-box-shadow: 0px 0px 0px #b9b9b9 inset;
    -moz-box-shadow: 0px 0px 0px #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: #fff 0 1px 0;
	color: #909090;
}

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

/* fix IE */

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