/**************************
 Author: Taloruyas  
 Screw white-space:pre-wrap;...
***************************/
/* Body */
body {
background:#000 url('images/background.jpg') no-repeat center top;
}

div#chapters {
z-index:1;
text-align:left;
font-size:10px;
font-family:Arial;
font-weight:700;
word-spacing:5em;
position:relative;
width:905px;
height:60px;
margin:30px auto -84px;
}

div#chapters a {
width:30px;
padding-top:30px;
height:15px;
text-align:center;
text-decoration:none;
color:#FFF;
position:relative;
display:inline-block;
background:url('images/ribbon.gif');
}

div#pages {
position:relative;
width:50px;
height:30px;
display:block;
text-align:left;
padding-left:5px;
line-height:30px;
color:#FFF;
font-size:10px;
font-family:Arial;
font-weight:700;
text-decoration:none;
background:url('images/ribbon2.gif');
margin:60px -13px auto auto;
z-index:2;
}

div.paper {
width:50px;
padding-top:24px;
background:url('images/paper.gif');
}

div#pages a {
line-height:10px;
height:12px;
border-top:1px dashed #09D;
text-align:center;
text-decoration:none;
color:#000;
display:block;
}
div#pages a:first-child {
border-bottom:none;
}

div#pages a:hover {
color:#000;
background:#06A;
}

div#book {
position:relative;
display:block;
width:1000px;
height:811px;
background:url('images/book.png');
margin:2em auto;
padding:5px;
z-index:0;
}

div#left {
width:450px;
height:765px;
position:relative;
float:left;
margin:30px 0 0 37px;
z-index:2;
}

div#right {
width:450px;
height:765px;
position:relative;
float:left;
margin:30px 0 0 10px;
z-index:2;
}

a.pagenumber {
font-size:12px;
width:35px;
height:35px;
text-align:center;
text-decoration:none;
line-height:30px;
color:#000;
position:absolute;
display:block;
}

#left a.pagenumber {
left:-3px;
bottom:-11px;
background:url('images/prev.png') no-repeat bottom left;
}

#right a.pagenumber {
right:-7px;
bottom:-7px;
background:url('images/next.png') no-repeat bottom right;
}

a.pagenumber:hover span {
position:relative;
display:block;
font-family:arial;
font-weight:700;
color:#620;
font-size:26px;
}

div#chapters span,div#pages span,a.pagenumber span {
display:none;
}

div#chapters:hover span,div#pages:hover span {
display:inline;
}

div#chapters a:hover,div#pages:hover {
color:red;
}

#left a.pagenumber:hover,#right a.pagenumber:hover {
background:transparent;
color: transparent;
}

div.blanked {
position:relative;
float:left;
top:-34px;
left:445px;
z-index:-1;
background: url('images/bookblank.png');
width:20px;
height:804px;
}

/* Default style */
h1 {
font-family:Arial;
padding-left:14px;
font-size:18px;
line-height:33px;
border-top:3px solid #620;
border-left:3px solid #620;
margin:18px 18px 0 6px;
}

h2 {
font-family:Arial;
padding-left:14px;
font-size:14px;
line-height:18px;
border-left:3px solid #620;
margin:18px 18px 0 6px;
}

h3 {
display:inline;
font-family:Arial;
font-style:italic;
font-size:16px;
line-height:18px;
}

p {
font-family:georgia;
text-align:justify;
font-size:14px;
line-height:18px;
margin:18px 24px;
}

blockquote {
margin-left:12px;
padding-left:3px;
border-left:3px solid #620;
}

hr {
border-top:3px solid #620;
border-left:0;
border-right:0;
border-bottom:0;
clear:both;
height:0;
width:25%;
margin:0 auto -3px;
}

a, a:hover {
color:#620;
text-decoration: none;
font-weight: 700;
}

ol, ul {
	font:14px Arial;
}

div.left {
float:left;
}
div.left p {
margin-top:0;
text-align:left;
}

.index li  {
	margin: 10px;
	position: relative;
}

/* Tooltips */
.index li span{
display: none;
font: 12px georgia;
padding: 15px;
}

.index li:hover span{
z-index: 10;
display:block;
position:absolute;
top: 23px;
left: 100px;
width: 248px;
padding-top: 25px;
background: url('images/paper.gif');
}

table {
margin-left:6px;
margin-right:18px;
margin-top:18px;
padding:3px;
border-left:3px solid #620;
}
td {
border-left:3px solid #620;
vertical-align:top;
}
.subsequences {
text-align:left;
}

td a {
float:left;
padding:0 3px;
clear:both;
font-size:14px;
}