body {
	background-color:#AFEDFF;
	background-image:url('bg.png');
	background-repeat:repeat-x;
	color:#0E0A09;
	font-family:'Trebuchet MS'
}

h1 {
	font-family:'Comic Sans MS';
	font-size:90px;
	display:inline;
	color:#201502;
	text-shadow: #5D808A 3px 3px 5px;
}
h1:hover {
	text-shadow: #5D808A 7px 7px 3px;
}

h2 {
	font-family:'Comic Sans MS';
	font-size:75px;
	display:inline;
	color:#201502;
	text-shadow: #462017 3px 3px 5px;
}
h3 {
	font-family:'Comic Sans MS';
	font-size:50px;
	display:inline;
	color:#201502;
	text-shadow: #462017 3px 3px 5px;
}
h4 {
	font-family:'Comic Sans MS';
	font-size:25px;
	display:inline;
	color:#201502;
	text-shadow: #462017 3px 3px 5px;
}

#logout {
	position:absolute;
	top:5px;
	right:5px;
	padding:5px;
	z-index:1;
	
	border:solid;
	border-color:#975D00;
	border-width:2px;
	background-color:#E0DC88;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px; 
	border-radius:10px;
	
	-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .9);
	box-shadow: 0 0 .5em rgba(0, 0, 0, .9);
	
}

#books {
	width:75%;
	border:solid;
	border-color:#975D00;
	border-width:4px;
	background-color:#E0DC88;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px; 
	border-radius:10px;
	
	-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .9);
	box-shadow: 0 0 .5em rgba(0, 0, 0, .9);
}

#login {
	width:40%;
	border:solid;
	border-color:#975D00;
	border-width:4px;
	background-color:#E0DC88;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px; 
	border-radius:10px;
	
	-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .9);
	box-shadow: 0 0 .5em rgba(0, 0, 0, .9);
}

.nav {
	background-color:#975D00;
	-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .7);
	box-shadow: 0 0 .5em rgba(0, 0, 0, .7);

}

.comment {
	background-color:#975D00;

	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-khtml-border-radius:15px; 
	border-radius:15px;
	
	-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .9);
	box-shadow: 0 0 .5em rgba(0, 0, 0, .9);
	
}

.book {
	/*width:25%;*/
	/*change the width:25%; each time I add a new book.*/
	background-color:#CCC87B;

	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px; 
	border-radius:10px;
	
	-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .9);
	box-shadow: 0 0 .5em rgba(0, 0, 0, .9);
}

text_dic {
border:solid;
border-color:#E0DC88;
border-width:thin;
width:200px;
height:120px;
font-family:'Palatino Linotype';
font-size:80%;
 }

.bookimg {
	cursor:url('zoom.png');
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px; 
	border-radius:5px;
	
}

.post {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px; 
	border-radius:5px;
	
	-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .9);
	box-shadow: 0 0 .5em rgba(0, 0, 0, .9);
}

.naemc {
font-size:10px;
display:inline;
color:#975D00;
text-shadow: #575532 3px 2px 6px;
}

/* delete the book1 rule for the next book*/
.book1 {
	width:50%;
}
/* -- */

form {
	display:inline;
}

textarea {
	display:inline;
}

.booktext {
/*change the width back to 206px after the next book.*/
	width:412px;
	height:80px;
	border-style:none;
	border-width:0px;
	border-color:#CCC87B;
	background-color:#CCC87B;
}

.booktext:focus {
	border-style:solid;
	border-width:3px;
	border-color:#975D00;
	background-color:#CCC87B;
}



/************************************************ button starts *****************************************/
.btn {
  	background-image:url('b1.png');
  	background-repeat:repeat-x;
  	
  	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px; 
	border-radius:5px;
	
	height:39px;
	padding:5px;
	font-size:20px;
	text-shadow: #464530 4px 4px 3px;
	-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .9);
	box-shadow: 0 0 .5em rgba(0, 0, 0, .9);
	font-family:'Comic Sans MS';
}

.btn:hover {
  background-image:url('b2.png');
  text-shadow: #464530 9px 6px 2px;
}

/************************************************** button ends ******************************************/


a:link {
text-decoration:none;
color:#B9A22E;
}

a:visited {
text-decoration:none;
color:#B9A22E;
}

a:hover {
text-decoration:none;
color:#D3B300;
}

a:active {
text-decoration:none;
color:#D37800;
}


img {
border:0px;
}

.copyr {
	text-align:center;
	color:#A8A166;
	font-family:'Comic Sans MS';
	text-shadow: #462017 3px 3px 9px;
}
.copyr:hover {
	color:#201502;
	text-shadow: #462017 3px 3px 5px;
}