h1 {
	margin-right: auto;
        text-align: center;
}

ul.booklist {
	margin: 0 auto 5em auto;
	width: 830px;
	padding: 0 0 10px 20px;
/*	background: url('/img/bookshelf-bg.jpg') 0 10px; */
	text-align: left;
	list-style: none;
}

ul.booklist li {
	display: inline-block;
	text-align: left;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 240px;
	line-height: 240px;
	vertical-align: top;
	list-style: none;
	*float: left;
	position: relative; 
}

ul.booklist div {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0;
	line-height: 1em;
	padding: 0 0 10px 0;
	text-align: center;
}

ul.booklist img {
	border: none;
	-webkit-box-shadow: 0 -2px 20px rgba(0,0,0,0.8);
	-moz-box-shadow: 0 -2px 20px rgba(0,0,0,0.8);
	box-shadow: 0 -2px 20px rgba(0,0,0,0.8);
	max-width: 195px;
	max-height: 200px;
	vertical-align: bottom;
	line-height: 1em;
}

/* hksyu */
ul.booklist img.crop {
position:absolute;
clip: rect(0px,220px,150px,50px);
}

ul.booklist .coverContents .title {
  font-size:12px;
}

ul.booklist div .desc {
margin: 20px 50px 20px 40px;
     max-width: 120px;
     max-height: 200px;
vertical-align: middle;
 color: #CCAC00;
line-height: 130%;
	  display:block;
	  position:absolute;
	  width:100%;
	  top:20%;
	  left:0;
	  z-index:2;
	  text-align:center;
}