@charset "UTF-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #FCO;
	height: 100%;
	background: #FC0 url(images/road02.jpg) center center fixed no-repeat;
    -moz-background-size: cover;
    background-size: cover;
}
/*  Road picture attributed to Azzazello, http://www.flickr.com/photos/11073122@N00/103657967/ */

/*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: #036;
	font-weight:bold;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
	font-weight:bold;
	border: 0;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	border: 0;
}

/* PRELOAD SOME IMAGES FEW PAGES */
.preload {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;}

/* SIDE ACCORDION NAVIGATION */
#accordion {
   width: 1em;
   height: 100%;
   margin: 0;
   padding: 0; 
   position: fixed;
   bottom: 0;
   right: 0px;
   z-index:5;
   opacity: .2;
   background-color: #C90;
   }
#accordion:hover {
	width: 30%;
	overflow: hidden;
	opacity: .85;
	z-index: 10;
   }
#accordion p {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 1em;
	height: 100%;
	margin: 1em;
	padding: .5em;
}

/* PAGE ELEMENTS */
#container {
	width: 400px;
	height: 100%;
	margin: 0 auto;
	overflow:hidden;
}
.topscroll{
	position: fixed;
	margin: 0;
	top:0;
	z-index: 8;
}
.firstpage {
	position: absolute;
	width:384px;
	height: 549px;
	top: 0;
	margin: 0;
	padding: 93px 0 0 0;
	z-index: 2;
}	
.secondpage {
	position: absolute;
	width:350px;
	height: 545px;
	top: 642px;
	left: 17px;
	margin: 0;
	padding: 0;
	z-index: 3;
}
.page {
	position: absolute;
	width:350px;
	height: 545px;
	top: 570px;
	margin: 0;
	padding: 0;
	z-index: 3;
}
.lastpage {
	position: absolute;
	width:384px;
	height: 641px;
	top: 570px;
	left: -17px;
	margin: 0;
	padding: 0;
	z-index: 3;
}
.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: 45px;
}
.rttape {
	position: relative;
	top: -25px;
	left: 245px;
}
.clearfloat {
	clear:both;
	height:0;
	float: none;
	font-size: 1px;
	line-height: 0px;
}