/**
 * Parallax Scrolling Tutorial
 * For NetTuts+
 *  
 * Author: Mohiuddin Parekh
 *	http://www.mohi.me
 * 	@mohiuddinparekh   
 */


body{
	margin:0;
	padding:0;
}


#dali { 
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	height: 1000px;
	box-shadow: 0 0 50px rgba(0,0,0,0.8);
	background: url(../images/salvador-dali.jpg) 50% 0 no-repeat fixed;
}
#asimov { 
	position: relative; 
	margin: 0 auto; 
	width: 100%; 
	max-width: 1920px; 
	height: 1000px;
	box-shadow: 0 0 50px rgba(0,0,0,0.8);
	background: url(../images/isaac-asimov.jpg) 50% 0 no-repeat fixed; 
}
#giger { 
	position: relative; 
	margin: 0 auto; 
	width: 100%; 
	max-width: 1920px; 
	height: 1000px;
	box-shadow: 0 0 50px rgba(0,0,0,0.8);
	background: url(../images/hr-giger.jpg) 50% 0 no-repeat fixed; 
}

/* Introduction */
article {
	position: absolute;
	top: 291px;
	width: 100%;
	text-align: center;
	font-size: 60px;
	color: white;
}
article p {
	font-size: 60px;
	font-style: italic;
	text-shadow: 1px 2px 6px rgba(0, 0, 0, 1);
}
article span {
	font-size: 40px;
	text-shadow: 1px 2px 6px rgba(0, 0, 0, 1);
}

#dali article {
	font-family: 'Rock Salt', cursive;
}
#dali article p,
#dali article span {
	/*color: #fcff80;*/
}
#asimov article {
	font-family: 'Audiowide', cursive;
}

#giger article {
	font-family: 'Orbitron', sans-serif;
}
#giger article p,
#giger article span {
	color: #fff;
	text-shadow: 1px 2px 6px rgba(0, 0, 0, 1);
	/*text-shadow: 1px 2px 6px rgba(255, 255, 255, 1);*/
}