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

/*PLEASE LOOK FOR ANY REMARKS IN THIS FILE  -YOUR BELOVED WEB DESIGNER-  hihihihihihi (gedik la!) */
.header
{
	position:absolute;
	left: 111px;
	top: 249px;
	width: 349px;
	height: 86px;
}

.kiri
{
	position:absolute;
	left: 29px;
	top: 0px;
	z-index:0;
	width: 39px;
}
.kanan
{
	position:absolute;
	left: 1144px;
	top: 1px;
	z-index:0;
}
#length
{
	height:1900px; /*THIS IS THE HEIGHT OF THE RIGHT AND LEFT SHADOW; JUST CHANGE IT WHENVER YOU WANT TO EXTEND THE WEBPAGE*/
}
.login
{
	position:absolute;
	left: 763px;
	top: 1px;
	width: 315px;
	height: 165px;
}
.menu
{
	position:absolute;
	left: 60px;
	top: 167px;
	width: 1036px;
	height: 67px;
	z-index:10;
}
.iluvbook
{
	position:absolute;
	left: 164px;
	top: -38px;
}
.form
{
	position:absolute;
	left: 789px;
	top: 17px;
	height: 118px;
	width: 286px;
	z-index:100;
}
#font_putih
{
	font-family:Arial;
	color:#FFF;
	font-weight:900;
	

}
#link_putih
{
	font-family:Arial;
	color:#FFF;
	font-weight:900;
	text-decoration:none;
}
#link_putih:hover
{
	font-family:Arial;
	color:#3F3;
	font-weight:900;
	text-decoration:none;
}
#font_biru
{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#09C;
	font-weight:900;
	text-decoration:none;
	font-size:13px;
}

.search
{
	position:absolute;
	left: 306px;
	top: 273px;
	width: 276px;
	height: 164px;
	z-index:190;
}
.searchbook
{
	position:absolute;
	left: 874px;
	top: 380px;
}
.cat
{
	position:absolute;
	left: 799px;
	top: 280px;
	z-index:900;
	height: 770px;
	width: 290px;
}

.last_statement
{
	position:absolute;
	left: 99px;
	top: 1004px;
	width: 362px;
	height: 32px;
	z-index:200;
	background-color:#3F0;
	border-bottom:solid #000 thin;
	border-top:#000 solid thin;
}

.kotak_kategori
{
	position:absolute;
	z-index:350;
	left: 822px;
	top: 521px;
	z-index:910;
}
.kotak_kategori a
{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	font-weight:800;
}
.kotak_kategori a:hover
{
	
	background:#FFFFFF;
	color:#09C;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:800;

}
.copyright
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	position:absolute;
	border-bottom:#000 solid 1px;
	border-top:#000 solid 1px;
	left: -769px;       /*DON'T CHANGE ANYTHING IN THIS*/
	top: 1816px;        /*THE POSITION OF 'ABOUT US' BOX; JUST CHANGE THE VALUE WHENEVER YOU WANT TO EXTEND THE HEIGHT OF THE WEBPAGE*/
	height: 21px;
	text-align:center;
	z-index:300;
}
.footer
{
	background-color:#FF0;
	height:66px;
	position:absolute;
	left: -780px;  /*DON'T CHANGE ANYTHING IN THIS*/
	top: 1839px; /*THE POSITION OF THE YELLOW BOX; JUST CHANGE THE VALUE WHENEVER YOU WANT TO EXTEND THE HEIGHT OF THE WEBPAGE*/
}
.credit 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	position:absolute;
	left: 508px; /*THE POSITION OF 'ASHRAF AND AISYA' BOX; N THIS CASE, TOU CAN CHANGE THE 'TOP' AND 'LEFT' ATTRIBUTE*/
	top: 1867px; /*YOU ALSO CAN CHANGE THIS*/
	height: 37px;
	width: 426px;
	z-index:400;
}
#span_length
{
	width:1113px;
	left:57px;
}
#tebal
{
	font-weight:900;
}
#link_biru
{
	font-family:Arial, Helvetica, sans-serif;
	color:#06C;
	text-decoration:none;
	font-size:14px;
}
#link_biru:hover
{
	font-family:Arial, Helvetica, sans-serif;
	color:#03F;
	text-decoration:none;
	font-size:14px;
}