.inline {
	display: inline-block;
}

.left {
	float: left;
}

.right {
	float: right;
}

.vertical-three-colors (@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 0.5, @endColor: #c3325f) {
	background-color: @endColor;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
	background-image: -webkit-linear-gradient(@startColor, color-stop(@colorStop, @midColor), @endColor);
	background-image: -moz-linear-gradient(@startColor, color-stop(@midColor, @colorStop), @endColor);
}

/* TODO: IE10 vendor stuff */
.gradient (@startColor: #595A5A, @endColor: #5D5D5D, @midColor: #404141, @p_alpha: 0%, @p_lambda: 96%, @p_omega: 96%) {
	background-color: @startColor;
	background-repeat: repeat-x;
	background-image: linear-gradient(top, @startColor @p_alpha, @midColor @p_lambda, @endColor @p_omega); //The standard
	background-image: -o-linear-gradient(top, @startColor @p_alpha, @midColor @p_lambda, @endColor @p_omega); //Opera 11.10
	background-image: -moz-linear-gradient(top, @startColor @p_alpha, @midColor @p_lambda, @endColor @p_omega); //FF 3.6+
	background-image: -webkit-linear-gradient(top, @startColor @p_alpha, @midColor @p_lambda, @endColor @p_omega); //Safari 5.1+, Chrome 10+
	background-image: -ms-linear-gradient(top, @startColor @p_alpha, @midColor @p_lambda, @endColor @p_omega); //IE 10
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(@p_alpha, @startColor),
		color-stop(@p_lambda, @endColor),
		color-stop(@p_omega, @startColor)
	);// Safari 4+, Chrome 2+

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595a5a', endColorstr='#5D5D5D',GradientType=0 ); 
	/* IE6-8 */

}

// .radial-gradient (@startColor: #E7E7E7, @midColor: blue, @endColor: #FFF, @shape: circle, @p1:50%, @p2:50%) {
// 	background: -moz-radial-gradient(@p1 @p2, @shape, @startColor 20px, @midColor, @endColor);
// 	background: -webkit-radial-gradient(@p1 @p2, @shape, @startColor 20px, @midColor, @endColor);
// }

// Border Radius
.border-radius (@radius: 6px) {
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	border-radius: @radius;
}

.columns (@count: 2, @gap: 6px) {
	-webkit-column-count: @count;
	-webkit-column-gap: @gap;
	-moz-column-count: @count;
	-moz-column-gap: @gap;
	column-count: @count;
	column-gap: @gap;
}

.vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 0.5, @endColor: #c3325f) {
	background-color: @endColor;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
	background-image: -webkit-linear-gradient(@startColor, color-stop(@colorStop, @midColor), @endColor);
	background-image: -moz-linear-gradient(@startColor, color-stop(@midColor, @colorStop), @endColor);
}


// .transition (@property, @seconds: 0.2s, @easing: linear) {	
//     transition: @property @seconds @easing;
//     -webkit-transition: @property @seconds @easing;
//     -moz-transition: @property @seconds @easing;
//     -o-transition: @property @seconds @easing;
//     -ms-transition: @property @seconds @easing;
// }

// // .box-shadow (@dropright: 2px, @dropdown: 2px, @fuzz: 2px, @color: #000000) {
// // 	-webkit-box-shadow: @dropright @dropdown @fuzz @color;
// // 	-moz-box-shadow: @dropright @dropdown @fuzz @color;
// // 	box-shadow: @dropright @dropdown @fuzz @color;
// // }

// .triangle-left (@width: 40px, @height: 80px) {
//     width: 0px;
//     height: 0px;
//     border-style: solid;
//     border-width: @width @width @width 0;
//     border-color: transparent #ffffff transparent transparent;
// }
// .triangle-right (@width: 40px, @height: 80px) {
//     width: 0px;
//     height: 0px;
//     border-style: solid;
//     border-width: @width 0 @width @width;
//     border-color: transparent transparent transparent #ffffff;
// }


// // Opacity from twitter.bootsrap
// .opacity(@opacity: 100) {
// 	filter: e(%("alpha(opacity=%d)", @opacity));
// 	-khtml-opacity: @opacity / 100;
// 	-moz-opacity: @opacity / 100;
// 	opacity: @opacity / 100;
// }

// // Clearfix for clearing floats like a boss h5bp.com/q
// .clearfix() {
// 	zoom: 1;
// 	&:before,
// 	&:after {
// 		display: table;
// 		content: "";
// 		zoom: 1;
// 		*display: inline;
// 	}
// 	&:after {
// 		clear: both;
// 	}
// }