/* outer wrapper, fixed to left */
#share-wrapper {
	margin-top: 100px;
	position: fixed;
	left: 0;
}

/* inner wrapper */
#share-wrapper ul.share-inner-wrp {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

/* the list */
#share-wrapper li.button-wrap {
	background: #E4EFF0;
	padding: 0px 0px 0px 10px;
	display: block;
	width: 96px;
	margin: 0px 0px 1px -64px;
}

/* share link */
#share-wrapper li.button-wrap>a {
	padding-right: 60px;
	height: 32px;
	display: block;
	line-height: 32px;
	color: #444;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.facebook > a {
    background: url("http://wotinfo.net/img/icons/facebook-icon.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
.twitter > a {
    background: url("http://wotinfo.net/img/icons/twitter-icon.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
.digg > a {
    background: url("http://wotinfo.net/img/icons/digg-icon.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
.stumbleupon > a {
    background: url("http://wotinfo.net/img/icons/stumbleupon-icon.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
.google > a {
    background: url("http://wotinfo.net/img/icons/google-plus-icon.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
.vkontakte > a {
    background: url("http://wotinfo.net/img/icons/vkontakte-icon.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
.email > a {
    background: url("http://wotinfo.net/img/icons/email-icon.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}

/* change font-size of class if screen size goes below 700px */
@media all and (max-width: 768px) {
	#share-wrapper {
		visibility: hidden;
	}
}