body {margin:0px;padding:0px;font-family:Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif;font-size:70%;}
ul {margin: 0px 15px 1em;}
blockquote {margin: 0px 0px 0px 15px;}
 
pre {font-size:100%;padding:10px 0px 10px 0px;margin:0px;}
a {color: #00a6d6;text-decoration:none;}
a:hover {color:#FFCC00/*#BF6217*/;text-decoration:none;}

#top {margin:0;padding:0px;background:#fff;height:25px;}
#top .container {width:1000px;margin:0px auto 0px auto;padding:0px;}
#top a {color:#000;}
#top a:hover {color:#00a6d6;text-decoration:underline;}

#nav_header {float:right; margin:5px 0px 0px 0px;}
.vertical_bar {display: inline-table; border-left-color:#ccc; border-left-width:1px; border-left-style:solid; border-right-color:#ccc; border-right-width:1px; border-right-style:solid; padding-left:1em; padding-right:1em; margin-left:1em; margin-right:1em;}
.vertical_bar_left {display:inline-table;border-left-color:#ccc; border-left-width:1px; border-left-style:solid; padding-left:1em;margin-left:0;}

#header_logo {clear:both;margin:0px;padding:0;background:#fff;font-family:Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif;}
#header_logo .container {width:1000px;margin:0px auto 0px auto;padding:0px;}

#header_background {clear:both;margin:0px;padding:0;font-family:Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif;}
#header_background .container {width:1000px;height:200px;background-color:#cedadf; margin:0px auto 0px auto;padding:0px;}

#body {clear:both;margin:0px;padding:0px;font-family:Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif;}
#body .container {width:1000px;background-color:#fff;margin:0px auto 0px auto;padding-top:5px;text-align:left;}
#body .reading {float:left;width:1000px;background-color:#fff;margin:0px;padding:0px 0px 60px 0px;}
#body .left {clear:both;float:left;width:720px;background-color:#fff;text-align:left;margin:0px auto 60px auto;padding-right:20px; padding-bottom:20px; -webkit-box-shadow: 5px/*shadow geser kanan*/ 5px/*shadow turun kebawah*/ 5px/*shadow transparan*/ 0px/*shadow lingkaran luar*/ rgba(0,0,0, 0.7); -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0, 0.7); box-shadow: 5px 5px 5px 0px rgba(0,0,0, 0.7);}
#body .right { float:right;width:250px;background-color: #fff;margin:0px;padding:0px 0px 0px 0px;}

#paragraf {margin:0px;padding:20px 10px 20px 20px; font-size:110%; text-align:justify; width:auto; height:900px; overflow:auto}
#paragraf .head_line {line-height:40px; font-size:110%; text-align:center;}
#paragraf .sub_bab {line-height:40px;font-size:100%; text-align:left;}
#paragraf .isi{line-height:20px; font-family:Garamond; font-size:20px; text-align:justify;}
#paragraf a{color:#000;}
#paragraf a:hover{color:#00a6d6;text-decoration:underline;}

#halaman {margin:20px;padding:60px 40px 50px 40px; background-color:#fff; font-size:110%; text-align:justify; width:800px; height:auto; border:1px solid #cedadf;}
#halaman .judul_utama {line-height:40px; font-size:110%; text-align:center;}
#halaman .sub_judul {line-height:40px;font-size:100%; text-align:left;}
#halaman .naskah{line-height:20px; font-family:Garamond; font-size:20px; text-align:justify;}

#navigasi {margin:0px;padding:0px;}
#navigasi .container { float:left;width:1175px;height:25px;background:#00a6d6;margin:2px auto 0px auto;padding:0px; z-index:1}
#navigasi a {color:#000;}
#navigasi a:hover {color:#006697;text-decoration:underline;}


/* Background */
#bg_book {display:block; float:left; width:260px; height:220px; background:#fff; border: 1px solid #fff; margin-top:20px; margin-bottom:20px; text-align:left;}
#bg_ebook {display:block; width:130px; height:180px; background:#fff; padding: 20px 0px; border: 1px solid #CCCCCC;}
#bg_banner {display:block; width:175px; height:auto; background:#000; border: 1px solid #CCCCCC;}
#bg_right {display:block; border:solid 1px #ccc; width:218px; height:auto; padding:15px;}
#bg_index {display: table; width:720px; height:400px; padding:0px;}
#bg_index .kiri {width:360px; border-bottom:solid 1px #ccc; height:auto; padding:0px;}

#bg_banner_left {display:block; float:left; width:200px; height:auto; background:#fff; border-right: 1px solid #ccc; padding:10px 20px 5px 0; margin-bottom:20px; text-align:left;}
#bg_banner_center {display:block; float:left; width:200px; height:auto; background:#fff; border-right: 1px solid #ccc; padding:10px 20px 5px 20px; margin-bottom:20px; text-align:left;}
#bg_banner_right {display:block; float:left; width:230px; height:auto; background:#fff; padding:10px 0 5px 20px; margin-bottom:20px; text-align:left;}
#bg_banner_right a{color:#999; font-size:120%}
#bg_banner_right  a:hover {color:rgba(0,0,0,0.7);text-decoration:none;}

#bg_judul {display:block; width:auto; height:auto; background:rgba(0,0,0,0.7); padding:10px; margin-bottom:20px; text-align:center;}
#image_list{position:relative;top:0; width:170px; border:7px solid rgba(0,0,0,0.5); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

iframe {background-color:#cedadf;}

/* Book detail performance*/
.head_title {font-size:160%; color:#B90000;font-weight:normal;}
.subhead_title {font-size:120%; color:#000000; font-weight:normal;}
.judul { font-family:Gulim; color:#006697; font-weight: bold; font-size:18px}
.judul_buku_detail {font-size:150%; color:#333333;}
.author { font-size:110%; color:#000;}
.keterangan_buku {color: #999999;}
.format_buku {color:#006697}
.new_used {font-size: 100%; color: #000000; }
.harga {color: #B90000; font-size:120%; }
.see_detail {color: #FF9900}

/* Style huruf */
.kecil {font-size:90%;}
.sangat_kecil {font-size:80%;}
.sangat_kecil_sekali {font-size:70%;}
.standar {font-size:100%;}
.besar {font-size:110%;}
.lebih_besar {font-size:120%;}
.lebih_besar_lagi {font-size:130%;}
.sangat_besar {font-size:150%;}
.text_form {font-size:110%;}
.redup {color:#999;}
.biru {color:#006697;}
.biru_delft {color:#00a6d6;}
.hijau {color:#008040;}
.hitam {color:#000000;}
.putih {color:#ffffff;}
.merah {color:#d14836;}
.coklat {color:#B30000;}
.orange {color:#FF9900;}
.tangan {color: #CC6699; font-family:Cheryl; font-size: x-large;}
.problem {font-family: Cheryl; text-decoration:underline; font-size: 24px;}
.bab {font-family: "Segoe UI Semibold"; font-size:20px; font-weight:bold;}
.top_arrow {font:"Wingdings 3";}

/* Button */
.tombol {width:72px; height:25px; background-image:url(images/buy-now.png);}
.hover {background-image:url(images/buy-now-hover.png);}
.send_button {background-image:url(images/send.png); background-repeat:no-repeat;}

/* Outline */
#outline_radius{border:1px solid #B3D9FF; -webkit-border-radius:5px ;-moz-border-radius:5px; border-radius:5px;} /*langsung terbentuk border */
#outline_radius_bg{border:1px solid; color:#ECF5FF; -webkit-border-radius:7px ;-moz-border-radius:7px; border-radius:7px; background-color:#ECF5FF;} 
#outline_reading{border:5px solid #666; -webkit-border-radius:5px ;-moz-border-radius:5px; border-radius:5px;}
.top_line{border-top-color:#888888; border-top-width:1px; border-top-style:dashed;}
.bottom_line{border-bottom: 1px dashed #888888;}
.line{border-bottom: 1px solid #B7B7B7;}

#look_inside { line-height:30px;color:#fff; font-family: Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 100%;}
#look_inside a {color:#fff; /*rgb(0, 75, 145);*/ text-decoration: none;}
#look_inside a:hover {color:#ffff00; /*rgb(0, 75, 145);*/ text-decoration: underline;}


#footer {clear:both;margin:0;padding:0;font-family:Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:90%; color:#666;}
#footer .content {position:fixed;bottom:0;width:1000px;height:50px;background:#fff;margin:0px auto 0px auto;padding:0px;text-align:center}