/* Master Stylesheet */

/* Style Precedents
------------------------------------------------------ */


	* {
	
		margin: 0;
		padding: 0;
	
		}
		
	img {
	
		border: none;
	
		}
		
	a {
	
		outline: none;
	
		}
		
	ul {
	
		list-style-type: none;
	
		}
		
		
/* HTML5 */


	section,
	article,
	header,
	footer,
	nav,
	aside,
	hgroup {
	
		display: block;
		
		}


/* Layout
------------------------------------------------------ */

	
	html, body, #layout {
	
		height: 100%;
	
		}
		
	body {
	
		overflow: hidden;
		background: #000;
		float: left;
		width: 100%;
		cursor: pointer;
	
		}
		
	#dungey {
	
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: opacity .5s ease-out;
		-moz-transition: opacity .5s ease-out;

		}
		
	#dungey.show {
	
		opacity: 1;
		filter: alpha(opacity=100);
	
		}
		
	#blocker {
	
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	
		}
		
	#layout {
	
		position: relative;
		z-index: 2;
	
		}


/* Content
------------------------------------------------------ */


	@font-face {
	
		font-family: 'Tertre';
		src: url('../fonts/tertre.eot');
		src: url('../fonts/tertre.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/tertre.woff') format('woff'),
			 url('../fonts/tertre.ttf') format('truetype'),
			 url('../fonts/tertre.svg#TertreExtraBoldItalic') format('svg');
		font-weight: bold;
		font-style: normal;
	
		}



/* Type */


	body {
	
		color: #fff;
		font: normal 13px/16px 'Helvetica Neue', Helvetica, Arial, sans-serif;
		/*
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		*/
		text-rendering: optimizeLegibility;

		}
		
	h4 {
	
		text-transform: uppercase;
		font: bold 20px/1em Tertre, Arial, sans-serif;
		margin: 0 0 5px 5px;
	
		}
		

/* Quote
------------------------------------------------------ */
	

	blockquote {
	
		padding: 20px;
		font: bold 72px/1em Tertre, Arial, sans-serif;
		text-shadow: rgba(0,0,0,.5) 0 1px 5px;
		margin-bottom: 50px;
	
		}
		
	blockquote span {
	
		display: inline-block;
		display: none;
		
		-webkit-animation-name: quote;
		-webkit-animation-duration: .4s;
		-webkit-animation-iteration-count: 1;
		
		/*
		-moz-animation-name: quote;
		-moz-animation-duration: .4s;
		-moz-animation-iteration-count: 1;
		*/	
		
		}
		
	.show {
	
		display: inline-block;
	
		}
		
	@-webkit-keyframes quote {
	
		0% {
	
			-webkit-transform: translateY(20px);
	
			}
			
		25% {
	
			-webkit-transform: translateY(-10px);
	
			}	
			
		50% {
	
			-webkit-transform: translateY(5px);
	
			}
			
		75% {
	
			-webkit-transform: translateY(-5px);
	
			}							
	
		100% {
		
			-webkit-transform: translateY(0);
		
			}
	
		}		
		
	@-moz-keyframes quote {
	
		0% {
	
			-moz-transform: translateY(20px);
	
			}
			
		25% {
	
			-moz-transform: translateY(-10px);
	
			}	
			
		50% {
	
			-moz-transform: translateY(5px);
	
			}
			
		75% {
	
			-moz-transform: translateY(-5px);
	
			}							
	
		100% {
		
			-moz-transform: translateY(0);
		
			}
	
		}		
			
		
/* Mic
------------------------------------------------------ */
		

	#mic {
	
		width: 236px;
		height: 508px;
		background: url('../images/mic.png');
		position: absolute;
		bottom: 0;
		left: 40%;
		
		-webkit-transition: -webkit-transform .1s;
		-moz-transition: -webkit-transform .1s;

		}
		
	body:active #mic{
	
		-webkit-transform: scale(.9) translateY(30px);
		-moz-transform: scale(.9) translateY(30px);

		}
		
		
/* Share
------------------------------------------------------ */
		

	#share {
	
		position: relative;
		z-index: 2;
		margin-left: 20px;
		display: none;

		-webkit-animation-name: quote;
		-webkit-animation-duration: .4s;
		-webkit-animation-iteration-count: 1;
		
		-moz-animation-name: quote;
		-moz-animation-duration: .4s;
		-moz-animation-iteration-count: 1;	
		
		}
		
	#share.show {
	
		display: block;
	
		}


/* Credits
------------------------------------------------------ */


	.link {
	
		-webkit-transition: -webkit-transform .15s ease-out;
		-webkit-transform: translateY(0);
		-webkit-transform: rotate(.7deg) translate3d( 0, 0, 0);
		
		-moz-transition: -moz-transform .15s ease-out;
		-moz-transform: translateY(0);
		-moz-transform: rotate(.7deg) translate3d( 0, 0, 0);
		
		opacity: .7;

		}
		
	.link:hover {
	
		opacity: 1 !important;
		-webkit-transform: translateY(-5px);
		-moz-transform: translateY(-5px);

		}

	/* #credit {
				
		display: block;
		position: absolute;
		right: 10px;
		bottom: 10px;
		width: 38px;
		height: 38px;
		text-indent: -5000px;
		overflow: hidden;
		background: #000 url('../images/resen.png') center center no-repeat;
		border-radius: 3px;
	
		} */
		
	#credit {
		display: block;
		position: absolute;
		right: 10px;
		bottom: 10px;
		color: #fff;
		background: #000
		border-radius: 3px;
		padding: 5px 10px;
	}
		
	#slides {
		
		display: block;
		position: absolute;
		left: 10px;
		bottom: 10px;
		width: 230px;
		height: 60px;
		text-indent: -5000px;
		overflow: hidden;
		background: #000 url('../images/22slides.png') center center no-repeat;
		border-radius: 3px;
	
		}
		
	#photo {
	
		display: block;
		position: absolute;
		right: 55px;
		bottom: 10px;
		border-radius: 3px;
		color: #fff;
		background: #000;
		height: 38px;
		line-height: 38px;
		padding: 0 10px;
		text-decoration: none;
		font-size: 10px;
	
		}