@charset "utf-8";

/* Footer Section */
body{ margin:0px; padding:0px;}
#header{ margin:0px; padding-left:0%; height:auto; width:100%; background:#09F;
	background:-webkit-linear-gradient(#09F, #FFF);
		background:-o-linear-gradient(#09F, #FFF);
			background:-moz-linear-gradient(#09F, #FFF);
			 }
		#header_fix{ position:fixed; height:auto; width:100%; z-index:10000; #999 }
	
#menu ul {z-index:1000;
	font:corbel, arial, "adobe Arabic";
	font-size:120%;
	list-style:none;
	left:20%;
	margin-top:7%;
	padding-top:0px;
position:relative; 	}
	li.item { float:left; margin-left:20px; margin-right:20px; padding-top:0px; margin-top:0px;
	}
	.item a{ margin-top:20px; height:150%; width:100%; text-decoration:none; color:#000;-webkit-transition: transform .2s  linear;-o-transition: transform .2s  linear;-moz-transition: transform .2s  linear;
	}
	.item ul{ height:0px; width:115px; visibility:hidden;  }
	li .subitem{margin:20px; padding:5px; margin-left:0px; margin-right:0px; text-align:center; font-size:80%; }
	.item a:hover{-webkit-transform: scale(1.5);-o-transform: scale(1.5);-moz-transform: scale(1.5); color:#FFF; }
	.item:hover > ul{ visibility:visible; height:100%; width:100%; background:-webkit-linear-gradient(#09F,#999);background:-o-linear-gradient(#09F,#999);background:-moz-linear-gradient(#09F,#999); margin:0px; padding:0px; margin-left:10px; margin-right:10px; padding-left:10px; padding-right:10px; animation: submenu 1s ; -webkit-transform: translate(-50px,0px);
	}
	@keyframes submenu{
		0%{ opacity:0; -webkit-transform: translate(-50px,0px);}
		50%{opacity:.50; -webkit-transform: translate(-50px,20px);}
		100%{opacity:1; -webkit-transform: translate(-50px, 0px);}
		}
		
#cname{
	left:-5%;
	font:corbel, arial, "adobe Arabic";
	font-size:40px;
	text-align:center;
	margin-top:0px;
	margin-bottom:5px;
	position:relative;
	color:#FFF;
	text-shadow: 5px 10px 10px #006;
	 }
	#main{float:left;width:1000px; height:100px; margin-left:40px; margin-right:40px; margin:0px; }
.pph1,.pph2,.pph3{ float:left; font-size:70px; margin:2px; margin-top:0px; padding:0px; font-family:"MS Serif", "New York", serif; color:#06F; text-shadow: 5px 10px 10px #006; 
	width:25%;
	height:100%;
	}
	.pph1{animation: logo 2s 4;}
	.pph2{transform: translate(-15px);animation: logo 2s 1.5s 4 ;}
	.pph3{transform: translateX(-28px);animation: logo 2s 3s 4;}
							@-webkit-keyframes logo{
					        0%{-webkit-transform: scale(1);-o-transform: scale(1); -moz-transform: scale(1);}
					        30%{-webkit-transform: scale(1,.2); -o-transform: scale(1,.2); -moz-transform: scale(1,.2) }
						    50%{-webkit-transform:scale(3);-o-transform:scale(3);-moz-transform:scale(3);}
						    100%{-webkit-transform:scale(1);-o-transform: scale(1);-moz-transform: scale(1);}
							 }
#logo{-webkit-transition: transform 2s linear; float:left; width:15%; height:auto; margin:10px; margin-bottom:0px; margin-top:0px; padding:0px; }
#logo:hover{-webkit-transform:scale(.5) rotate(1080deg) translate(-50px);-o-transform: scale(.5) rotate(1080deg) translate(-50px);-moz-transform: scale(.5) rotate(1080deg) translate(-50px);}

/* Footer Section */

#footer{ margin-top:50px; background:#666; background:-webkit-linear-gradient(#666, #FFF); width:100%; height:350px;}
#footer .about_us{ width:40%; height:100%; padding:50px; margin:0px}
#footer .social{ width:40%; height:100%; padding:50px ; margin:0px}
#footer .about_us, #footer .social{ float:left; }
/* Book Details  */
.bookimg{ height:400px; width:300px; border-color:#00F; border-style:ridge; float:left; margin-top:20px; margin-left:20px; }
.details{ float:left; width:70%; margin-left:50px; margin-bottom:50px }
.title,.about{ text-align:center; font-family:"Times New Roman", Times, serif; font-size:30px; color:#F00; text-shadow: 2px 2px 5px #999  }
.author,.cover{ text-align:left; font-family:"Times New Roman", Times, serif; font-size:20px; color:#03C; }
.sub{ text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#06C; }
.cover{ font-size:14px;}
.about{ text-align:center; margin-right:100px }
.about_book{ width:90%; margin-left:100px; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#666 }
#search{ margin-left:12%; margin-top:10px; }
#search_type, #formtext, #formbutton{ font-size:22px; font-family:"Times New Roman", Times, serif; margin-left:10px; border-color:#06F; border-style:ridge; border-width:2px; border-radius:20px; background: -webkit-linear-gradient(#09C, #FFF)  }
#formbutton{}
#search_type{ padding-left:10px; }
#formtext{ padding-left:20px; padding-right:20px; text-align:center;}
#formtext:focus,#search_type:focus,#formbutton:focus { border-width:3px; border-style:inset; border-color:#0C0; box-shadow: 0px 2px 10px ; }
#formbutton:active{ background:-webkit-linear-gradient(#0C0, #CCC); background:#0C0; }
/* Search books */
 #booklink{ text-decoration:none; ; color:#000; } 
 #search_result{ width:78%; float:right; }
 .book_details{ margin-top:50px; border-bottom:#09C; border-bottom-style:double;  width:500px; height:220px; margin-left:10px; float:left;  }
 .book_image{ height:175px; width:125px;  float:left; margin-left:20px; margin-right:10px; margin-top:10px;  }
 #book_title , #book_author , #book_prise , #book_year{ text-align:right; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#06C; margin:2px;}
 #book_title, .part_line{ font-family:"Times New Roman", Times, serif; font-size:20px; text-align:center; margin-top:10px; margin-bottom:0px; }
#book_title:hover >a{ color:#F00; }
#search{ margin-left:12%; margin-top:10px; }
#search_type, #formtext, #formbutton{ font-size:20px; font-family:"Times New Roman", Times, serif; margin-left:10px; border-color:#06F; border-style:ridge; border-width:2px; border-radius:20px; background: -webkit-linear-gradient(#09C, #FFF)  }
#formbutton{}
#search_type{ padding-left:10px; }
#formtext{ padding-left:20px; padding-right:20px; text-align:center;}
#formtext:focus,#search_type:focus,#formbutton:focus { border-width:3px; border-style:inset; border-color:#0C0; box-shadow: 0px 2px 10px ; }
#formbutton:active{ background:-webkit-linear-gradient(#0C0, #CCC); background:#0C0; }
 /* Seach book > side-section */
 .cat{ text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; font-size:25px; height:35px; padding-top:10px; list-style:none; background:#06F; margin:0px; margin-top:5px; background:-webkit-linear-gradient(#06C, #FFF); -webkit-transition: transform .3s  linear; }
.cat a{ text-decoration:none; color:#333}
.cat:hover{ -webkit-transform:scale(1.2);-o-transform: scale(1.2);-moz-transform: scale(1.2); border-radius: 0px 30px 30px 0px; text-shadow:2px 2px 5px #666; box-shadow:5px 0px 5px #333; } 
.cat:hover>a{ color:#CCC;}
.download{ text-align:center; font-size:30px; font-family:"Times New Roman", Times, serif; width:100%; height:40px; background:#06C; padding-top:10px; color:#FFF; background:-webkit-linear-gradient(#03C,#09F); text-shadow:2px 2px 5px #00F; box-shadow:5px 5px 10px #333;   }
 .download:active{ background:#0C0; background:-webkit-linear-gradient(#0C0,#6F6); box-shadow:0px 0px 0px ; }
