/* ------ body ------*/
body {
	padding:			0;
	margin:				0;
	background-color:	#FFF8DC;
}

/* ------ navigation ------ */

#nav {
	position:			absolute;
	top:				0;
	left:				0;
	width:				200px;
	height:				100vh;
	padding-right:		10px;
	background-color:	#BCD2EE;
}

#nav p {
	font-family:	verdana, serif;
	font-weight:	bold;
	color:			#000000;
}

#nav ul {
	position:			fixed;
	width:				200px;
	margin:				0;
	padding:			5px;
	border:				2px solid #555555;
	max-height:			100%;
	list-style-type:	none;
	overflow-y:			scroll;
	background-color:	#dddddd;
}

#nav li a {
  display:			block;
  color:			#000000;
  padding:			4px;
  text-decoration:	none;
}

#nav li a:hover {
  background-color: #555555;
  border-bottom:	1px solid #555555;
  color:			white;
}

/* ------ content ------ */

#content {
	position:			absolute;
	top:				0px;
	left:				210px;
	width:				500px;
	height:				100vh;
	padding-left:		10px;
}

/* ------ Class: book ------ */

.book p {
	font-family:	Liberation Sans Serif, sans-serif;
	font-size:		1.25rem;
	color:			#8B4513;
	
}

.book h1 {
	font-family:	Liberation, serif;
	font-size:		1.625rem;
	color:			#8B4513;
}
	
.book h2 {
	font-family:	Liberation, serif;
	font-size:		1.375rem;
	color:			#8B4513;
}

.book h3 {
	font-family:	Liberation, serif;
	font-size:		1.25rem;
	color:			#8B4513;
}

.k01-first {
	text-indent:	30pt;
}

.k02-first {
	padding-left:	30pt;
	text-indent:	30pt;
}

.k03-hang {
	padding-left:	30pt;
	text-indent:	-30pt;
}

.k04-hang {
	padding-left:	60pt;
	text-indent:	-30pt;
}

.k05-quote {
	padding-left:	30pt;
}

.k06-quote {
	padding-left:	60pt;
}

.k07-title {
	font-weight:	bold;
}

.k08-cell {
	padding-left:	18pt;
	text-indent:	-15pt;
}