/* 	Psyched Portal 
	2012
	Stylesheet
------------------------*/

/* General Styles */

body {
	margin:0;
	padding:0;
	background:#000 url('../img/bg-tile-noise2.jpg') repeat fixed top;
	font-family:'Dosis', sans-serif;
	
}

img {border:none;}

a {	
	text-decoration:none;
	color:#D1D1D1;
	color:rgba(209,209,209,.85);
}
a:hover {	
	color:#DCB806;
	color:rgba(210,174,2,.90);
	-moz-transition:color 0.750s ease-in;
	-o-transition:color 0.750s ease-in;
	-webkit-transition:color 0.750s ease-in;
	transition:color 0.750s ease-in;
}
	
h1 {
	text-align:center;
	font-size:4em;
	font-family:'Lilita One', sans-serif;	
	text-transform: uppercase;
	border-bottom:2px solid rgba(10,2,2,.0);
	visibility: hidden; 
	text-indent:-9999em;
}

/* Main classes  */

.container {
	width:100%;
	height:100%;
	min-height:850px;
	background:url('../img/psyched-bg-big1_05.jpg') no-repeat scroll top; 
	overflow:visible;

}
.wrapper {
	margin:0 auto;
	width:500px;
	height:500px;
	overflow:visible;
	margin-bottom:75px;

}

.wrapper > div {
	float:left;
	width:250px;
	height:250px;
}

.wrapper > div a {
	color:#eede04;
	color:rgba(238,222,4,.90);
	text-align:center;
	
	margin:10px;
	width:220px;
	height:220px;
	float:left;
	
	background-color:#140505; /* IE */	
	background-color:rgba(20,5,5,.73);

	border:5px solid #870F06; /* IE */
	border:5px solid rgba(238,222,4,.70);
	
	-moz-border-radius:50%;
	-o-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	
	-webkit-box-shadow: 7px 7px 6px rgba(20,13,10,.85);
	box-shadow: 7px 7px 6px rgba(20,13,10,.85);

	-moz-transition:all .875s ease-in .10s;
	-webkit-transition:all .875s ease-in .10s;
	-o-transition: all .875s ease-in .10s;
	transition:all .875s ease-in .10s;
}


.wrapper > div a:hover {
	color:#eede04;
	color:rgba(238,222,4,.90);
	font-size:1.35em;
		
	background-color:rgba(20,5,5,.40);

	border:5px solid #DCB806; /* IE */
	border:4px solid rgba(238,222,4,.90);
	
	-webkit-box-shadow: 13px 13px 11px rgba(22,15,10,.55);
	box-shadow: 13px 13px 11px rgba(22,15,10,.55);
	
	-moz-transition:all .550s ease-out;
	-webkit-transition:all .550s ease-out;
	-o-transition: all .550s ease-out;
	transition:all .550s ease-out;
	
	-moz-transform:scale(1.45,1.45);
	-o-transform:scale(1.45,1.45);
	-webkit-transform:scale(1.45,1.45);
	transform:scale(1.45,1.45);
	
}
.wrapper > div a:active {
	color:#F0F0F0;
	color:rgba(210,184,5,.95);
}

.wrapper div a span {
	line-height:222px;
	font-family:Pontano Sans, Lato, sans-serif;
	font-size:2.65em;
}

/* Seperate DIV styles for transition/scaling  effects  */ 

		.tl {
			-moz-transform-origin: right bottom;
			-webkit-transform-origin: right bottom;
			-o-transform-origin: right bottom;
			transform-origin: right bottom;
		}

		.tr {
			-moz-transform-origin: left bottom;
			-webkit-transform-origin: left bottom;
			-o-transform-origin: left bottom;
			transform-origin: left bottom;
		}

		.bl {
			-moz-transform-origin: right top;
			-webkit-transform-origin: right top;
			-o-transform-origin: right top;
			transform-origin: right top;
		}

		.br {
			-moz-transform-origin: left top;
			-webkit-transform-origin: left top;
			-o-transform-origin: left top;
			transform-origin: left top;
		}

		
/* footer */ 

footer {
	font-size:0.75em;
	width:100%;
	height:80px;
	text-align:right;
}

footer p {
	color:grey;
	line-height:80px;
	padding-right:33%;
	
}