/*Icons Base Styles */
/* Use the following CSS code if you want to use
data attributes for inserting your icons */
[data-icon]:before {
	content: attr(data-icon);
	font-weight: normal;
	font-family: 'icons';
	speak: none;
	-webkit-font-smoothing: antialiased;
}
/*Normal size Icons without border radius*/
.Icon	{
	font-family: 'icons';
	max-width: 3.4em;
	max-height: 3.4em;
	background-color: white;
	font-size: 4.4em;
	float:  left;
}
.UIIcon	{
	max-width: 3.4em;
	max-height: 3.4em;
	border: 6px solid #666;
	border-radius: 34px;
	background-color: white;
	line-height: 3.4em;
}
.UIIcon span {
	position:  relative;
	color: #272822;
	font-size: 3.4em;
}
.UIIcon span:hover {
	color: #666;
}
/*Social Icons*/
.socialIcon {
	float:  left;
	margin-right: 0.3em;
	color: #989898;
	font-size: 3.4em;
}
.socialIcon:hover {
	-webkit-transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-ms-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
	transition: color 0.1s linear;
}
/*data-icon="R"*/
.rssIcon:hover {
	color: #FE9900;
}
/*data-icon="F"*/
.facebookIcon:hover {
	color: #3554A7;
}
/*data-icon="T"*/
.twitterIcon:hover {
	color: #00A2AA;
}
/*data-icon="M"*/
.mailIcon:hover {
	color: #86A029;
}
/*data-icon="P"*/
.printIcon:hover {
	color: #850075;
}
/*data-icon="Y"*/
.youtubeIcon:hover {
	color: #272822;
}
/*data-icon="f"*/
.flickrIcon:hover {
	color: #FF0084;
}
.textIcon {
	color: #D4D3D3;
	font-size: 2em;
}
.downloadIcon {
	color: #666;
}
.mediaIcon span {
	font-size: 2.4em;
	float: left;
	padding: 0.4em;
}
.featuredDown .downloadIcon {
	margin: 0.4em 0.2em;
}
.featuredDown span.mediaIcon {
	font-size: 1.8em;
	padding: 0 0.4em;
	float: left;
}