@charset "UTF-8";
/* CSS Document */
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #FCO;
	height: 100%;
	background: #06C url(images/bg-train.jpg) center bottom fixed no-repeat;
    -moz-background-size: cover;
    background-size: cover;
}
/*  Road picture attributed to xtine, CC-BY-NC-SA */

/*Typical RESET stuff */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}
a img {
	border: none;
}
/* LINKS */
a:link {
	color: #06C;
	font-weight:bold;
	text-decoration: none;
}
a:visited {
	color: #036;
	text-decoration: none;
	font-weight:bold;
	border: 0;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	border: 0;
}
/* PAGE ELEMENTS */
#container {
	width: 400px;
	height: 100%;
	margin: 0 45% 0 55%;
	overflow:hidden;
}
.topscroll{
	position: fixed;
	margin: 0;
	top:0;
	z-index: 8;
}
.firstpage {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 1.15em;
	position: absolute;
	width:380px;
	top:70px;
	margin:0;
	padding:0;
	z-index:2;
	background:url(images/blank-page-gray.png) repeat-y center top;
}	
.secondpage {
	position: absolute;
	width:350px;
	left: 15px;
	margin: 0;
	padding: 0 10px;
	z-index: 3;
	background:url(images/blank-page-gold.png) repeat-y left top;
}
.firstpage p {
	padding: .5em 2em 0 2em;
}
.firstpage h1 {
	padding: 1.5em .8em 0 1em;
	line-height: 1.2em;
}
.firstpage h2 {
	padding: .25em 1em 0 1.25em;
	line-height:1.2em;
}
.secondpage h1, .page h1 {
	padding: .75em 1em 0 .25em;
	line-height: 1.05em;
}
.secondpage h2, .page h2 {
	padding: .25em .5em 0 .35em;
}
.secondpage p {
	padding: .8em 2em 0 .5em;
}
.pad {
	padding: 1em 0 0 .5em;
}
.page {
	position: absolute;
	width:350px;
	margin:0;
	left: 1px;
	padding: 0;
	z-index: 3;
	background:url(images/blank-page-gray.png) repeat-y left top;
}
.lastpage {
	position: absolute;
	width:384px;
	height: 115px;
	left: -17px;
	margin: 0;
	padding: 0;
	z-index: 3;
	background:url(images/bottom-scroll-home.png) no-repeat center bottom;
}
.jack {
	background: url(images/kerouac-scroll.png) no-repeat left top;
	position: fixed;
	top: 0;
	width: 1000px;
	height: 1967px;
	left: -10;
	z-index: 1;
}
.lfttape {
	position: relative;
	top: 25px;
	left: 55px;
	z-index:10;
}
.rttape {
	position: relative;
	top: 25px;
	left: 255px;
	z-index:10;
}