/* Master stylesheet for
	Juxx Media - Official Website
	www.juxxmedia.com

	All Code/Design by Scotty Eckenthal
	www.scottyeck.com

	C/O Juxx Media
	www.juxxmedia.com
*/

@orange: #fd9604;

.border-radius(@radius) {
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	border-radius: @radius;
}

.transition(@transition) {
	-webkit-transition: @transition;
	-moz-transition: @transition;
	-o-transition: @transition;
	transition: @transition;
}

html, body {
	font-family: "ABeeZee", sans-serif;
	font-size: 16px;
	width: 100%;
	height: 100%;
	text-align: center;
	background-image: url("../img/bg/wild_oliva.png");
	overflow-x: hidden;
}

a { 
	.transition( color .2s ease-in-out);
}

#push { 
	height: 50%; 
	width: 100%; 
	background: rgba(255, 255, 255, .05);
	box-shadow: 0 0 7px #000;
	margin-bottom: -92px;
}

#logo {
	height: 125px; 
	width: 400px;
	margin: 0 auto;
	background-color: @orange;
	background-image: url("../img/bg/orange.png");
	padding: 30px;
	.border-radius(20px);
	box-shadow: 0 0 17px #000;
}

.title img { width: 400px;}

.subtitle {
	font-size: 200%;
	text-transform: uppercase;
	letter-spacing: 2em;
	margin: .4em -2em 0 0;
	color: @orange - #222;
}

.p-push { width: 100% }
	.p-push#push1 { height: 10px;}
	.p-push#push2 { height: 15%;}



#tagline-wrapper {
	margin: 0 auto;
}


img.rule {  position: relative; top: -6px;}

.tagline {
	font-family: "Miniver", cursive;
	text-transform: lowercase;
	color: #DDD;
	font-size: 140%;
}

a.contact { color: @orange; font-size: 120%; text-decoration: none;}
	a.contact:hover { color: #86da0b; text-decoration: underline; }