@charset "utf-8";
/* CSS Document */

body {
font-family:Verdana;
width:90%; margin:auto; background-color:#FFFFFF; 
}
button {
font-size:small;
border-radius:10px;
}
button:hover {
	background-color:#FFFFFF;
	cursor:pointer;
}
.firsttext {
	font-size: large;
	font-weight: bold;
}
.subtext {
	font-size: small;
	font-style: italic;
	text-align:center;
}
.largefont {
font-size: large;
color:#999900;
text-align:center;
}
.availablefont {
	font-size: large;
	color:#0033FF;
	text-align:left;
}

.book {
border-bottom: solid;
width:100%;
height:500px; 
margin:1%; 
padding:1%;
}
.avail {
float:left;
width:300px;
height:500px;
}
.cover {
float:left; 
margin:5%;
border-style:solid; 
border-width:1px;
text-align:center;
}
.cover:hover {
opacity:0.5;
}
.synop {
float:left;
width:30%;
padding:10px 0;
background-color:#FFFFCC;
margin-top:1%;
padding:1%;
}

.library {
display:inline-block;
margin-left:50px;
margin-bottom:10px;
width:300px;
}
.library img{
border:1px solid;
box-shadow: 5px 5px 5px grey;
margin:5px;
}
.library:hover{
opacity:0.5;
}
.now {
	background-color:#FFFFFF;
	border:solid 1px;
	border-radius:20px;
	text-align:center;
	width:150px;
	height:30px;
	margin:auto;
	padding: 5px 0;
}
.now:hover {
	background-color:#FFFF66;
}