//
// Mixins
// Based on Twitter Bootstrap's _mixings.scss

// Clearfix
// Source: http://nicolasgallagher.com/micro-clearfix-hack/

@mixin clearfix {
	&:before,
		&:after {
		content: " ";

		// 1
		display: table;

		// 2

	}

	&:after {
		clear: both;
	}
}

// Border radius.

@mixin border-radius($radius, $important: "") {
	-webkit-border-radius: unquote("#{$radius}#{$important}");
	-moz-border-radius: unquote("#{$radius}#{$important}");
	-ms-border-radius: unquote("#{$radius}#{$important}");
	-o-border-radius: unquote("#{$radius}#{$important}");
	border-radius: unquote("#{$radius}#{$important}");
}

@mixin no-border-radius {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/***
Social Icons
***/

.social-icons {
	padding: 0;
	margin: 0;

	@include clearfix;

	li {
		float: left;
		display: inline;
		list-style: none;
		margin-right: 5px;
		margin-bottom: 5px;
		text-indent: -9999px;

		> a {
			@include border-radius(2px);

			width: 28px;
			height: 28px;
			display: block;
			background-position: 0 0;
			background-repeat: no-repeat;
			transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
		}

		&:hover {
			> a {
				background-position: 0 -38px;
			}
		}

		.amazon {
			background: url(../img/amazon.png) no-repeat;
		}

		.behance {
			background: url(../img/behance.png) no-repeat;
		}

		.blogger {
			background: url(../img/blogger.png) no-repeat;
		}

		.deviantart {
			background: url(../img/deviantart.png) no-repeat;
		}

		.dribbble {
			background: url(../img/dribbble.png) no-repeat;
		}

		.dropbox {
			background: url(../img/dropbox.png) no-repeat;
		}

		.evernote {
			background: url(../img/evernote.png) no-repeat;
		}

		.facebook {
			background: url(../img/facebook.png) no-repeat;
		}

		.forrst {
			background: url(../img/forrst.png) no-repeat;
		}

		.github {
			background: url(../img/github.png) no-repeat;
		}

		.googleplus {
			background: url(../img/googleplus.png) no-repeat;
		}

		.jolicloud {
			background: url(../img/jolicloud.png) no-repeat;
		}

		.last-fm {
			background: url(../img/last-fm.png) no-repeat;
		}

		.linkedin {
			background: url(../img/linkedin.png) no-repeat;
		}

		.picasa {
			background: url(../img/picasa.png) no-repeat;
		}

		.pinterest {
			background: url(../img/pinterest.png) no-repeat;
		}

		.rss {
			background: url(../img/rss.png) no-repeat;
		}

		.skype {
			background: url(../img/skype.png) no-repeat;
		}

		.spotify {
			background: url(../img/spotify.png) no-repeat;
		}

		.stumbleupon {
			background: url(../img/stumbleupon.png) no-repeat;
		}

		.tumblr {
			background: url(../img/tumblr.png) no-repeat;
		}

		.twitter {
			background: url(../img/twitter.png) no-repeat;
		}

		.vimeo {
			background: url(../img/vimeo.png) no-repeat;
		}

		.wordpress {
			background: url(../img/wordpress.png) no-repeat;
		}

		.xing {
			background: url(../img/xing.png) no-repeat;
		}

		.yahoo {
			background: url(../img/yahoo.png) no-repeat;
		}

		.youtube {
			background: url(../img/youtube.png) no-repeat;
		}

		.vk {
			background: url(../img/vk.png) no-repeat;
		}

		.instagram {
			background: url(../img/instagram.png) no-repeat;
		}

		.reddit {
			background: url(../img/reddit.png) no-repeat;
		}

		.aboutme {
			background: url(../img/aboutme.png) no-repeat;
		}

		.flickr {
			background: url(../img/flickr.png) no-repeat;
		}

		.foursquare {
			background: url(../img/foursquare.png) no-repeat;
		}

		.gravatar {
			background: url(../img/gravatar.png) no-repeat;
		}

		.klout {
			background: url(../img/klout.png) no-repeat;
		}

		.myspace {
			background: url(../img/myspace.png) no-repeat;
		}

		.quora {
			background: url(../img/quora.png) no-repeat;
		}
	}

	&.social-icons-color {
		> li {
			> a {
				/*opacity: 0.7;*/
				background-position: 0 -38px !important;

				&:hover {
					opacity: 1;
				}
			}
		}
	}

	&.social-icons-circle {
		> li {
			> a {
				border-radius: 25px !important;
			}
		}
	}
}

/***
Inline Social Icons
***/

.social-icon {
	display: inline-block !important;
	width: 28px;
	height: 28px;
	background-position: 0 0;
	background-repeat: no-repeat;

	@include border-radius(2px);

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;

	&.social-icon-circle {
		border-radius: 25px !important;
	}
}

/* display: inline-block;
    text-align: center;
    width: 1.25em;*/

.social-icon {
	&.amazon {
		background: url(../img/amazon.png) no-repeat;
	}

	&.behance {
		background: url(../img/behance.png) no-repeat;
	}

	&.blogger {
		background: url(../img/blogger.png) no-repeat;
	}

	&.deviantart {
		background: url(../img/deviantart.png) no-repeat;
	}

	&.dribbble {
		background: url(../img/dribbble.png) no-repeat;
	}

	&.dropbox {
		background: url(../img/dropbox.png) no-repeat;
	}

	&.evernote {
		background: url(../img/evernote.png) no-repeat;
	}

	&.facebook {
		background: url(../img/facebook.png) no-repeat;
	}

	&.forrst {
		background: url(../img/forrst.png) no-repeat;
	}

	&.github {
		background: url(../img/github.png) no-repeat;
	}

	&.googleplus {
		background: url(../img/googleplus.png) no-repeat;
	}

	&.jolicloud {
		background: url(../img/jolicloud.png) no-repeat;
	}

	&.last-fm {
		background: url(../img/last-fm.png) no-repeat;
	}

	&.linkedin {
		background: url(../img/linkedin.png) no-repeat;
	}

	&.picasa {
		background: url(../img/picasa.png) no-repeat;
	}

	&.pinterest {
		background: url(../img/pinterest.png) no-repeat;
	}

	&.rss {
		background: url(../img/rss.png) no-repeat;
	}

	&.skype {
		background: url(../img/skype.png) no-repeat;
	}

	&.spotify {
		background: url(../img/spotify.png) no-repeat;
	}

	&.stumbleupon {
		background: url(../img/stumbleupon.png) no-repeat;
	}

	&.tumblr {
		background: url(../img/tumblr.png) no-repeat;
	}

	&.twitter {
		background: url(../img/twitter.png) no-repeat;
	}

	&.vimeo {
		background: url(../img/vimeo.png) no-repeat;
	}

	&.wordpress {
		background: url(../img/wordpress.png) no-repeat;
	}

	&.xing {
		background: url(../img/xing.png) no-repeat;
	}

	&.yahoo {
		background: url(../img/yahoo.png) no-repeat;
	}

	&.youtube {
		background: url(../img/youtube.png) no-repeat;
	}

	&.vk {
		background: url(../img/vk.png) no-repeat;
	}

	&.instagram {
		background: url(../img/instagram.png) no-repeat;
	}

	&.reddit {
		background: url(../img/reddit.png) no-repeat;
	}

	&.aboutme {
		background: url(../img/aboutme.png) no-repeat;
	}

	&.flickr {
		background: url(../img/flickr.png) no-repeat;
	}

	&.foursquare {
		background: url(../img/foursquare.png) no-repeat;
	}

	&.gravatar {
		background: url(../img/gravatar.png) no-repeat;
	}

	&.klout {
		background: url(../img/klout.png) no-repeat;
	}

	&.myspace {
		background: url(../img/myspace.png) no-repeat;
	}

	&.quora {
		background: url(../img/quora.png) no-repeat;
	}

	&:hover {
		background-position: 0 -38px;
	}
}

.social-icon-color {
/*	opacity: 0.7;*/
	background-position: 0 -38px !important;

	&:hover {
		opacity: 1;
	}
}