/*
* LAYOUT.LESS
* AUTHOR ALEXANDRE DAVID
* LAST UPDATE 12/05/2013
*/

/*=================================================
TABLE OF CONTENT
===================================================*/

/*	#COLORS
	#IMPORT
	#RADIUS
	#SHADOWS
	#TRANSITIONS
	#CONTENT & WRAPPER	*/

/*	IMPORT	*/	
	
	@import "animate.css";
	
/*	#COLORS	*/	
	
	@white: #fff;
	@black: #2b3238;
	@iron: #858c99;
	
/*	#RADIUS	*/

	.border-radius (@values) {
		-webkit-border-radius: @values;
		-moz-border-radius: @values;
		-ms-border-radius: @values;
		-o-border-radius: @values;
		border-radius: @values;
	}
	
/*	#SHADOWS	*/
	
	.box-shadow (@values) {
		-webkit-box-shadow: @values;
		-moz-box-shadow: @values;
		box-shadow: @values;
	}
	
/*	#TRANSITIONS	*/
	
	.transition (@values) {
		-webkit-transition: @values;
		-moz-transition: @values;
		-ms-transition: @values;
		-o-transition: @values;
		transition: @values;
	}
	
/*	#TRANSFORM	*/
	
	.transform (@values) {
		-webkit-transform: @values;
		-moz-transform: @values;
		-ms-transform: @values;
		-o-transform: @values;
		transform: @values;
	}
	
/*	#BODY & HTML	*/

	body { padding: 0; margin: 0; background-color: #3c414d; }
	
	html, body { min-height: 100%; height: 100%; }
	
/*	#CONTENT & WRAPPER	*/

	#wrapper { position: relative; min-height: 40%; }

	#content {
		position: relative; min-height: 50%;
		
		.row {
			text-align: center;
			height: 128px;
			padding-top: 10px;
			
			ul li {
				display: inline-block;
				margin: 0 20px;
				
				a {
					display: block;
					height: 116px;
					width: 116px;
					text-indent: -9999px;
					.border-radius (100%);
					.box-shadow (~"0px 3px 0px 1px rgba(40, 45, 55, .52), 0px 1px 0px 0px rgba(255, 255, 255, .16) inset");
				}
				
				.ubster{
					background: url("../img/sprite.png") no-repeat scroll 0px 0px #fd6f4b;
					.transition (.1s ease-in-out);
					.transform (scale(0.9));
				
						&:hover { .transform (scale(1)); }
				}
				
				.dribbble {
					background: url("../img/sprite.png") no-repeat scroll -116px 0px #ea4c89;
					.transition (.1s ease-in-out);
					.transform (scale(0.9));
				
						&:hover { .transform (scale(1)); }
				}
				
				.twitter {
					background: url("../img/sprite.png") no-repeat scroll -232px 0px #00aced;
					.transition (.1s ease-in-out);
					.transform (scale(0.9));
				
						&:hover { .transform (scale(1)); }
				}
			}
		}
	}