.gradient2 (@startColor: #000, @endColor: #FFF, @p_alpha: 0%, @p_omega: 100%) {
	background-color: @startColor;
	background-repeat: repeat-x;
	background-image: linear-gradient(top, @startColor @p_alpha, @endColor @p_omega); //The standard
	background-image: -o-linear-gradient(top, @startColor @p_alpha, @endColor @p_omega); //Opera 11.10
	background-image: -moz-linear-gradient(top, @startColor @p_alpha, @endColor @p_omega); //FF 3.6+
	background-image: -webkit-linear-gradient(top, @startColor @p_alpha, @endColor @p_omega); //Safari 5.1+, Chrome 10+
	background-image: -ms-linear-gradient(top, @startColor @p_alpha, @endColor @p_omega); //IE 10
	
	background-image: -webkit-gradient(
		linear,
		center top,
		center bottom,
		color-stop(@p_alpha, @startColor),
		color-stop(@p_omega, @endColor)
	);// Safari 4+, Chrome 2+
}

.gradient (@startColor: #000, @endColor: #FFF, @p_alpha: 0%, @p_lambda: 50%, @p_omega: 100%) {
	background-color: @startColor;
	background-repeat: repeat-x;
	background-image: linear-gradient(top, @startColor @p_alpha, @endColor @p_lambda, @startColor @p_omega); //The standard
	background-image: -o-linear-gradient(top, @startColor @p_alpha, @endColor @p_lambda, @startColor @p_omega); //Opera 11.10
	background-image: -moz-linear-gradient(top, @startColor @p_alpha, @endColor @p_lambda, @startColor @p_omega); //FF 3.6+
	background-image: -webkit-linear-gradient(top, @startColor @p_alpha, @endColor @p_lambda, @startColor @p_omega); //Safari 5.1+, Chrome 10+
	background-image: -ms-linear-gradient(top, @startColor @p_alpha, @endColor @p_lambda, @startColor @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+
}

.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);
}

.radial2gradient (@start-color: #222, @end-color: #000, @start-radius: 0, @end-radius: 100%, @point: center center) {
	background: @end-color;
	background-image: -webkit-gradient(radial, @point, @start-radius, @point, @end-radius, from(@start-color), to(@end-color));
	
	background-image: -webkit-radial-gradient(@point, circle, @start-color @start-radius, @end-color @end-radius);
	background-image: -moz-radial-gradient(@point, circle, @start-color @start-radius, @end-color @end-radius);
	background-image: -ms-radial-gradient(@point, circle, @start-color @start-radius, @end-color @end-radius);
	background-image: -o-radial-gradient(@point, circle, @start-color @start-radius, @end-color @end-radius);
	background-image: radial-gradient(@point, circle, @start-color @start-radius, @end-color @end-radius);
}

.radial3gradient (@start-color: #222, @stop-color: green, @end-color: #000, @start-radius: 0, @stop-radius: 50%, @end-radius: 100%, @point: center center) {
	background: @end-color;

	// old webkit syntax, to add more stops, add comma separated list of 'color-stop(radius, color)' 
	background-image: -webkit-gradient(radial, @point, @start-radius, @point, @end-radius, from(@start-color), to(@end-color), color-stop(@stop-radius, @stop-color));

	// to add more stops, add comma separated list of 'color radius' 
	background-image: -webkit-radial-gradient(@point, circle, @start-color @start-radius, @stop-color @stop-radius, @end-color @end-radius); /* new webkit syntax */
	background-image: -moz-radial-gradient(@point, circle, @start-color @start-radius, @stop-color @stop-radius, @end-color @end-radius); /* moz syntax */
	background-image: -ms-radial-gradient(@point, circle, @start-color @start-radius, @stop-color @stop-radius, @end-color @end-radius); /* IE10+ */
	background-image: -o-radial-gradient(@point, circle, @start-color @start-radius, @stop-color @stop-radius, @end-color @end-radius); /* Opera - not yet supported */
	background-image: radial-gradient(@point, circle, @start-color @start-radius, @stop-color @stop-radius, @end-color @end-radius); /* the standard */
}

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

.transition (@property, @seconds, @easing) {
	transition: @property @seconds @easing;
	-webkit-transition: @property @seconds @easing;
	-moz-transition: @property @seconds @easing;
}

.boxshadow (@dropright, @dropdown, @fuzz, @dropshadow) {
	-webkit-box-shadow: arguments;
	-moz-box-shadow: @arguments;
	box-shadow: @arguments;
}

// 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;
	}
}