a* {
	z-index: 5
}

#logo {
	position: absolute;
	top: 0;
	left: 20px
}

* html #logo {
	width: 200px; 
}

#back {
	position: absolute;
	top: 220px;
	left: 60px
}

body { 
	margin-left: 225px;
	margin-top: 150px;
	padding-right: 0.5em;
	border-right: 5px solid #aa0000;
	float: left;
	background: #ccc;
	color: #2D2D2D;
	font-size: medium;
	font-family: "DejaVu Sans", OpenSans, Arial, sans-serif;
}
	
	#intro {

		top: 0px;
		left: 300px;
		border: 1px dotted black;
		padding: 5px;
		font-size: small;
		opacity: 0.8;
		z-index: 0;
		max-height: 130px;
		overflow-y: auto;
	}
	
	* html #intro {
		/* hide from IE as it just messes it up anyway */
		display: none
	}
	
	#intro:hover {
		opacity:1;
				z-index:25;
				background: #cccccc
	}
	
	h1, h2, h3 {
		font-family: "DejaVu Sans", OpenSans, Arial, serif;
	}
	
	h3 {
		background: ;
		padding-left: 20px;
		border-bottom: 2px solid #A8A8A8;
		margin: 0;
	}

h4 { margin: 0 }
	
	address {
		font-size: small;
		opacity: 0.5;
		position: absolute;position: absolute; 
		right: 0; 
		z-index: 500;
		margin-top: -4em;
		padding-right: 1em;
		width: 9em
	}
	
	address:hover {
		opacity: 1
	}

.contents {
	position: absolute;
	right: 0.5em;
	width: 10em;
	font-size: small;
	top: 150px;
	}
.contents .bar {
	display: none;
}
.contents a {
	display: block;
	margin-right: 2px
}

dt {
	background: #bbbbbb
}

dd {
	padding-left: 0.5em;
	margin: 0
}

h1 {
	position: absolute;
	top: 20px;
	left: 330px
}

cite, .detail h4 {
	display: block;
	font-weight: bold;
	background: #999999;
	padding-left: 5px;
	margin-left: -5px;
	margin-bottom: 5px
}

cite.story {
	display: inline;
	background: none
}

ul, #booklist {
	margin: 0;
	padding: 0
}

ul#booklist li {
	list-style: none;
	margin-top: 10px;
	padding-left: 5px;
	min-height: 165px;
	background: #c0c0c0;
	
max-width: 40%; min-width: 400px;  display: block; float: left; padding: 0px 10px; margin: 10px 5px; min-height: 33%; height: 150px; overflow-y: auto

}

#booklist li img {
	float: left;
	margin-right: 0.5em;
}

ul { 
margin-left: 2.5em
 }
 
h3 {
 margin-top: 1em
 }
 
 h2 + p {
 	min-height: 3em
 }
 
.titlelist + p {
	padding-left: 1em;
	font-size: 70%;
	margin: 0.25em 0 0 0;
	background: #aa9999;
 }

#authlist + p {
	padding-left: 0;
	font-size: 100%;
	margin: 0.5em 0 3em 0;
	background: none		
}
 
 p {
	margin: 0.5em 0 0.5em 0;
 }
 
 ul + p a:link,  ul + p a:visited {
 	text-decoration: none;
 	font-weight: bold
 }
 
 #content {
 border: 1px solid green
 }
 
html {
	padding-right: 10em
}

.detail {
	margin-top: 5px
}

h3 { clear: left }

.detail h4 {
	margin: 0; 
}

.detail ul {
	font-size: 90%;
	padding-left: 100px;
		margin-top: 5px
}

.detail ul:after {
	content: " ";
	clear: left;
	display: block
}

.coversh img, .coversv img { 
	display: block;
	float: left;
	padding: 5px; 
}
.coversv {
	width: 100px;
	float: left;
}

.cover, .coverr, #review img {
	background: #bbb;
	padding: 10px 15px 5px 15px;
	font-size: 90%;
	text-align: center	
}

#review img {
	float: right;
	padding: 10px;
	margin: 10px;
	margin-right: 0px;
}

.cover, .coverr {
	width: 100px;
}

.cover {
	float: left;
	clear: left;
	margin: 5px 10px 5px 5px;	
}

.coverr {
	float: right;
	clear: right;
	margin: 5px 5px 5px 10px;
}

.cover strong, .coverr strong {
	display: block
}

#review {
	text-align: justify
}

.bibcov {
display: none;
position: absolute; 
bottom: 0; 
right: 0; 
z-index: 500;
opacity: 0.8;
padding: 10px; 
background: #aaa;
width: 200px;
height: 300px;
}
.bibcov + img { position: absolute; display: none; right: 10px; bottom: 10px; z-index: 501; opacity: 1}

#bib em {
	cursor: help
}

#bib li:hover .bibcov, #bib li:hover .bibcov + img { display: block;  }

#bib img {
	float: left;
	clear: left;
}

.classification { 
	max-width: 30%; min-width: 300px;  display: block; float: left; padding: 5px 10px; margin: 5px;  min-height: 20%; height: 150px; overflow-y: auto;background-color: #bbb;
	border: #2px solid #aaa; border-radius: 15px;
}

#end { clear: left; }