/* set icon size */

.rss-icon, .twitter-icon, .email-icon {
	font-size : 5px;
	margin-top : 2px;
	margin-left : 3px;

	-ms-box-sizing : border-box;
	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	box-sizing : border-box;
	
	-webkit-transition: -webkit-transform .1s linear;

}

.rss-icon *, .twitter-icon *, .email-icon * {
	-ms-box-sizing : content-box;
	-moz-box-sizing : content-box;
	-webkit-box-sizing : content-box;
	box-sizing : content-box;
}

.rss-icon:hover, .twitter-icon:hover, .email-icon:hover {
	-moz-transform : rotate(10deg);
	-webkit-transform : rotate(10deg) scale(1.1, 1.1);
	-webkit-transition: -webkit-transform .1s linear;
}

.rss-icon.shake1, .twitter-icon.shake1, .email-icon.shake1 {
	-moz-transform : rotate(10deg);
	-webkit-transform : rotate(10deg) scale(1.1, 1.1);
}

.rss-icon.shake2, .twitter-icon.shake2, .email-icon.shake2 {
	-moz-transform : rotate(-10deg);
	-webkit-transform : rotate(-10deg) scale(1.1, 1.1);
}


/* common styles */

.rss-icon .outer-border,
.twitter-icon .outer-border,
.email-icon .outer-border {
	width : 10em;
	height : 10em;
	border : 0.4em solid white;
	-moz-border-radius : 2em;
	-webkit-border-radius : 2em;
	border-radius : 2em;
	-moz-box-shadow : 1em 1em 1em rgba(0,0,0,0.5);
	-webkit-box-shadow : 1em 1em 1em rgba(0,0,0,0.5);
}

.rss-icon .inner-border,
.twitter-icon .inner-border,
.email-icon .inner-border {
	width : 9.2em;
	height : 9.2em;
	border : 0.4em solid white;
	-moz-border-radius : 1.6em;
	-webkit-border-radius : 1.6em;
	border-radius : 1.8em;
	position : relative;
}

/* RSS icon */

.rss-icon .outer-border {
	border-color : #e45c00;
	background-color : #ff9420;
	background : -moz-linear-gradient(-45deg, #f3550e, #ff9c1b, #f3550e);
	background: -webkit-gradient(linear, left top, right bottom, from(#f3550e), to(#f3550e), color-stop(0.5, #ff9c1b));

}

.rss-icon .inner-border {
	border-color : #ffa440;
}

.rss-icon .dot {
	width : 2em;
	height : 2em;
	background-color : white;
	position : relative;
	left : 0.1em;
	top : 4.8em;
	-moz-border-radius : 2em;
	-webkit-border-radius : 2em;
	border-radius : 2em;
}

.rss-icon .inner-mask {
	position : relative;
	width : 6.9em;
	height : 6.9em;
	left : 1.4em;
	top : 1.2em;
	overflow : hidden;
	
}

.rss-icon .arc2 {
	width : 10.6em;
	height : 10.6em;
	border : 1.2em solid white;
	position : absolute;
	left : -6.1em;
	top : 0em;
	-moz-border-radius : 13em;
	-webkit-border-radius : 13em;
	border-radius : 13em;
}

.rss-icon .arc1 {
	width : 6.8em;
	height : 6.8em;
	border : 1.2em solid white;
	position : absolute;
	left : -4.5em;
	top : 2.0em;
	-moz-border-radius : 13em;
	-webkit-border-radius : 13em;
	border-radius : 13em;
}

/* RSS icon end */


/* Twitter icon */

.twitter-icon .outer-border {
	border-color : #2da1c1;
	background-color : #69cae9;
	background : -moz-linear-gradient(-45deg, #3bbadc, #99dbef, #3bbadc);
	background: -webkit-gradient(linear, left top, right bottom, from(#3bbadc), to(#3bbadc), color-stop(0.5, #99dbef));
}

.twitter-icon .inner-border {
	border-color : #99dbef;
}

.twitter-icon .inner-mask {
	position : relative;
	width : 7.2em;
	height : 7.2em;
	left : 0.8em;
	top : 1.1em;
	overflow : hidden;
	
}


.twitter-icon .t-top, .twitter-icon .t-right, .twitter-icon .t-corner, .twitter-icon .t-bottom {
	font-size : 120%;
	position : absolute;
	border : 0.6em solid white;
	background-color : #99dbef;
	-moz-border-radius : 1.8em;
	-webkit-border-radius : 1.8em;
	border-radius : 1.8em;
}

.twitter-icon .t-top {
	width : 1.2em;
	height : 3.5em;
	left : 1em;

	border-bottom : 0px none white;
	-moz-border-radius-bottomright : 0em;
	-moz-border-radius-bottomleft : 0em;
	-webkit-border-bottom-right-radius : 0em;
	-webkit-border-bottom-left-radius : 0em;

	background : -moz-linear-gradient(90deg, #3bbadc, #99dbef);
	background: -webkit-gradient(linear, left bottom, left top, from(#3bbadc), to(#99dbef));

}

.twitter-icon .t-right {
	border-left : 0px none white;
	-moz-border-radius-topleft : 0em;
	-moz-border-radius-bottomleft : 0em;
	-webkit-border-top-left-radius : 0em;
	-webkit-border-bottom-left-radius : 0em;

	width : 2.4em;
	height : 1.3em;
	left : 2.8em;
	top : 1.2em;
	background : -moz-linear-gradient(-90deg, #78cfe8, #58c4e1);
	background: -webkit-gradient(linear, left bottom, left top, from(#58c4e1), to(#78cfe8));
}

.twitter-icon .t-right-uglyfix {
	font-size : 120%;
	position : absolute;
	background-color : #99dbef;
	width : 0.4em;
	height : 1.3em;
	left : 2.6em;
	top : 1.8em;
	background : -moz-linear-gradient(-90deg, #78cfe8, #58c4e1);
	background: -webkit-gradient(linear, left bottom, left top, from(#58c4e1), to(#78cfe8));
}

.twitter-icon .t-bottom {
	border-left : 0px none white;
	-moz-border-radius-topleft : 0em;
	-moz-border-radius-bottomleft : 0em;
	-webkit-border-top-left-radius : 0em;
	-webkit-border-bottom-left-radius : 0em;

	width : 2.4em;
	height : 1.2em;
	left : 2.8em;
	top : 3.5em;

	background-color : #3bbadc;
}

.twitter-icon .t-corner {
	width : 2.4em;
	height : 2.4em;
	left : 1.0em;
	top : 2.3em;

	-moz-border-radius : 1.8em;
	background-color : #3bbadc;

}

/* Twitter icon end */


/* Email icon */

.email-icon .container {
	font-size : 10px;
	-moz-transform-origin : 5em 5em;
}

.email-icon .outer-border {
	border-color : #2d780d;
	background : -moz-linear-gradient(-45deg, #378912, #88d158, #378912);
	background: -webkit-gradient(linear, left top, right bottom, from(#378912), to(#378912), color-stop(0.5, #88d158));
	background-color : #7ac14b;
}

.email-icon .inner-border {
	border-color : #9dd17b;
}

.email-icon .envelope {
	background-color : white;
	position : absolute;
	width : 6em;
	height : 4em;
	left : 1.7em;
	top : 2.6em;
	-moz-border-radius : 0.5em;
	-webkit-border-radius : 0.5em;
	border-radius : 0.5em;
	overflow : hidden;
}

.email-icon .envelope-green {
	background-color : #7ac14b;
	background : -moz-linear-gradient(0deg, #58ae2c, #76be47);

	position : absolute;
	width : 6.1em;
	height : 6.1em;
	left : 0.15em;
	top : -4.1em;

	-moz-transform : rotate(45deg);
	-webkit-transform : rotate(45deg);

	-moz-border-radius : 0.5em;
	-webkit-border-radius : 0.5em;
	border-radius : 0.5em;
	
}

.email-icon .envelope-white {
	background-color : white;

	position : absolute;
	width : 5.2em;
	height : 5em;
	left : 0.5em;
	top : -3.2em;

	-moz-transform : rotate(45deg);
	-webkit-transform : rotate(45deg);

	-moz-border-radius : 0.5em;
	-webkit-border-radius : 0.5em;
	border-radius : 0.5em;
	
}

.email-icon .email-at {
	font-size : 8em;
	position : absolute;
	color : white;
	font-family : Arial black, Verdana, sans-serif;
	font-weight : bold;
	margin-left : 0.17em;
	margin-top : -0.02em;
}

/* Email icon end */