@font-face {
  font-family: 'genericons';
  src: url('../fonts/genericons-regular-webfont.eot');
  src: url('../fonts/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/genericons-regular-webfont.woff') format('woff'), url('../fonts/genericons-regular-webfont.ttf') format('truetype'), url('../fonts/genericons-regular-webfont.svg#genericonsregular') format('svg');
}

.share { width: auto; font-size: 18px; font-size: 1.8rem; color: #c4c4c4; margin-top: -4px; }
.share a { color: #444; width: 22px; width: 2.2rem; margin-left: 5px; font-size: 20px; font-size: 2rem; }
article .share.colorshare a { color: #fff; width: 26px; width: 2.6rem; margin-left: 0; }
.share-side .share { padding-top: 5px; border: 1px solid #ececec; background: #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
body.skinned .share-side { display: none; }
.share-side .share a {
	display: block;
	margin-bottom: 6px;
	margin-left: 0;
	color: #c4c4c4;
	text-align: center;
	width: 38px; width: 3.8rem;
	line-height: 30px; line-height: 3rem;
}
.share-side span { display: none; }
.share a:before {
  font-family: 'genericons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 22px; line-height: 2.2rem;
  -webkit-font-smoothing: antialiased;
}
article .share.colorshare a:before { text-align: center; font-size: 16px; font-size: 1.6rem; display: inline-block; width: 26px; height: 26px; line-height: 26px; }

.g:before { content: "\f206"; }
.fb:before { content: "\f203"; }
.share-side .fb:before { content: "\f204"; }
.tw:before { content: "\f202"; }
.pint:before { content: "\f210"; }
.share-side .pint:before { content: "\f209"; }
.ln:before { content: "\f208"; font-size: 22px; font-size: 2.2rem; top: 1px; position: relative; }
.share-side .ln:before { content: "\f207"; }
.eml:before { content: "\f410"; font-size: 24px; font-size: 2.4rem; top: 3px; position: relative; }

.no-touch a.g:hover { color: #DC4A36; }
.no-touch a.fb:hover { color: #3A5B96; }
.no-touch a.tw:hover { color: #0AAEEB; }
.no-touch a.pint:hover { color: #D73532; }
.no-touch a.ln:hover { color: #0077b5; }

article .colorshare a.g:before { background-color: #DC4A36; font-family: outspoken; content: "g"; }
article .colorshare a.fb:before { background-color: #3A5B96; content: "\f204"; }
article .colorshare a.tw:before { background-color: #0AAEEB; }
article .colorshare a.pint:before { background-color: #D73532; content: "\f209"; }
article .colorshare a.ln:before { background-color: #0077b5; content: "\f207"; font-size: 20px; font-size: 2rem; top: 2px; }
article .colorshare a.eml:before { background-color: #444; font-size: 20px; font-size: 2rem; top: 2px; }

.no-touch article .colorshare a.g:hover, .no-touch article .colorshare a.fb:hover, .no-touch article .colorshare a.tw:hover, .no-touch article .colorshare a.pint:hover, .no-touch article .colorshare a.ln:hover { color: #fff; }

/*
.icon-feed:before { content: "\f413"; }
.icon-flux:before { content: "\f413"; }
.icon-github:before { content: "\f200"; }
.icon-dribbble:before { content: "\f201"; }
.icon-youtube:before { content: "\f213"; }
.icon-wordpress:before { content: "\f205"; }
.icon-instagram:before { content: "\f215"; }
*/

@media (max-width: 640px) {
	.share { font-size: 16px; font-size: 1.6rem; }
}
@media (max-width: 520px) {
	.share { float: none; }
}