/*  
Theme Name: MoreText-Net
Theme URI: http://www.dsainweb.com/
Description: Free Dark WP Theme
Version: 1.0
Author: dsainweb
Author URI: http://www.dsainweb.com/
*/

/* Color Element */
body {background: #333;}  
.wrapper {background-color:#000;}
#blockarea {background: #fff;}
.customerreview { background-color:#222;}
.feature2, .feature1 {background: #222; overflow:hidden;}  
.konten-kiri-abu {background-color:#444444; border:1px solid #444;}
#navbar {background-color:#111; }
#page-bar a {background-color:#111;color:#bbb;}
#page-bar a:hover {background-color:#111; color:#bbb;}
.navigation {color: #000; background-color:#bbb; }
.mainmenu {background-color:#444; margin-bottom:5px;}
.imageElement h3, .featured h3, .navigation h3, .navigation h4, .navigation span.judul {color: #bbb;	background-color:#222;}
.tabberlive .tabbertab { background: #444;}
ul.tabbernav li.tabberactive a { background-color:#444; }
ul.tabbernav li a:hover {color:#444; }
ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a, ul.tabbernav li a:link {color:#bbb;}
.adsheader { background-color:#222; text-align:center; margin-bottom:2px;}
.adsparagraph {float:left;margin-right: 3px;margin-bottom: 3px; width:300px;}
.adsparagraphquote { background-color:#222; padding:3px; margin:2px; color:#bbb;}
.header {background-color:#222;border-bottom:1px solid #888;}
.footer {background: #222;}
h3.titleabu, .konten-kiri h3 a,  .konten-kiri h3, .konten-kiri h3 a:hover { text-align:center; color: #bbb; background-color: #111; border:none; font-size: 14px; margin: 1px; padding:2px;}
body { padding: 0; margin: 0; font: 13px Arial, verdana, sans-serif; line-height: 15px;color: #bbb; text-align:justify;}
a.title {color: #ccc;}
h1 {font: bold 22px Arial, Sans-Serif;letter-spacing: -1px; padding: 7px 0 0 0px;margin: 0;}
h1 a, h2 a {text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover {color: #eee;}
h2 {margin: 0;padding: 0;font: bold 1.7em Arial, Sans-Serif;letter-spacing: -1px;}
p {	margin: 0 0 8px 0;}
ul { margin: 0; padding : 0; list-style : none; }
.center { text-align:center;}
.red {color:#CC0000;margin-top: 8px;margin-bottom: 3px; font-weight:bold;}
/* layout ------ */
.header {background-image: url(images/bg-header.png);background-repeat: repeat;  height: 70px;}
.logo { height: 70px; width:388px; background-image: url(images/logo.png);background-repeat: no-repeat;background-position: left center; float:left;} 
 .judulhead { float:right; height:70px;}
 .judulhead h1,.judulhead h1 a { display:block; height:24px; margin:3px; color:#eee;}
.judulhead h2 { display:block; height:24px; margin:3px; color:#eee;}
.deskripsi h2 {	padding:2px;font-family: Arial;font-size: 13px;font-style: normal;font-weight: normal;}
.gamb-header {float: left;width: 264px;padding: 0 0 2px 0; position:absolute;}
.jdl-main-nav {font-size: 0.9em;width: 90px;}
.main-nav { padding:0px; margin:0px; float:left;}
#content {}
.wrapper {margin: 10px auto;width: 770px; padding:5px; }
.blockadsabu { margin:2px 0; background-color:#EEF1FA; }
.blockadsblue { margin:1px 0; background-color:#5799CF;  }
.blockadsblack { margin:1px 0; background-color:#000; }
.isiblockarea { padding:5px; border:2px solid #810101; background-color:#BF0101; clear:both;}
.clearfloat { margin:3px 0px; clear:both;}
.clear { clear:both;}
.bokul { float:left; width:33%; margin: 10px auto; }
.bokul ul { list-style:none; margin-left:10px;}
.bokul li { list-style:square;margin:0px 5px;}
.bokul li a {color:#FFF;}
.bokul li a:hover {color:#0062AD;}
/* left side --------- */
.left {float: left;width: 509px;margin: 0px;}
.konten-kiri p { margin-bottom:1px;}
.left ol { margin: 0px 0 5px; padding : 0 0 0 5px; list-style : none; }
.left a {color: #a9b17d;text-decoration: none;}
.left a:hover {color: #ccc;}
.left h2 {color: #bbb;font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;font-weight: bold;}
.left h2 a { border:none;}
.left .boks h2 {color: #bbb;font-family: Georgia, "Times New Roman", Times, serif;font-size: 16px;font-weight: bold;margin:0; padding:0;text-align: center;}
.left .boks h3 {color: #bbb;font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;font-weight: normal;margin:3px; padding:0;text-align: center;}
	.boks {	border: 1px solid #c6c6c6;padding:5px 10px;	margin: 5px 0;background: #fff;color: #bbb;background-color:#eee;}
	.bokindex {border: 1px solid #999;padding:5px 10px;	margin: 2px 0 5px;background: #fff;color: #bbb;background-color:#eee;	}
	.bokindex:hover {border: 1px solid #bbb;background: #eee;}
	.boksjudul {border: 1px solid #999;padding: 10px 10px 10px 25px;margin: 2px 0 5px;color: #bbb;background-color:#eee;width:535px;}
	.konten-kiri { padding:5px; margin:2px 1px; border:1px solid #222; }
	.konten-kiri-abu { padding:5px; margin:4px 1px;}
	img.noborder { border:none;}
	.konten-kiri p {margin:2px 0px; }
	a img.buybutton { border:none;}
	.bold { font-weight:bold;}
	.customerreview { border:1px solid #ccc; margin:2px; padding:3px;}
/* Feature */
.feature2 { float:left; display:block;}
	#feature { margin:2px 0px; border:none; }
	.featurekiri { float:left;}
	.featurekanan { float:right;}
	.featurekiri, .featurekanan, .feature2 { height:175px; width:240px; border:1px solid #111; margin:0px 2px 2px 0px;  padding:5px;}
	.feature1 { border:1px solid #111; margin:0px 2px 2px 0px; padding:5px;}
.caption { clear:both;border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding: 3px;margin: 0px 10px 5px 0px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; color:#000000; width:80px; height:110px;}
.captiondetail { clear:both;border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding: 3px;margin: 0px 10px 5px 0px;-moz-border-radius: 3px;	-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; color:#000000;  }
.caption a {color:#000000;}
.caption img, .captiondetail img {margin: 0;padding: 0;border: 0 none;}
.caption p.caption-text, .captiondetail p.caption-text {font-size: 12px;line-height: 13px;padding: 2px;margin: 0;color:#bbb;font-weight: bold;}
a span.buy {font-weight: bold;color: #bbb;text-decoration: none;}
.alignleft, img.alignleft, .smallimageleft {float: left;}
.smallimageleft {  text-align:center; padding:3px; background-color:#fff; width:60px; height:60px; overflow:hidden; margin:3px 3px 3px 0px;  }
.smallimageleft img {max-width:50px; width: expression(this.width > 60 ? 60: true); max-height:60px; height: expression(this.height > 60 ? 60: true); } 	
.alignright {float: right;}
.textright { text-align:right; padding-right:5px;} 
.konten-kiri h4 {color:#bbb; margin-top: 8px; margin-bottom: 3px; font-weight:bold;} 
	.konten-kiri ul,ol { padding: 0px;}
	.konten-kiri li {padding: 2px;list-style-position: inside;list-style-type: square;}
	.konten-kiri li ol li {padding: 2px 2px 2px 20px;list-style-type: square;}
 .konten-kiri h2 {border: 1px solid #999;padding: 2px 5px;margin: 0px 0 6px;color: #bbb;font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;font-weight: bold;text-align: center;}
.konten-kiri h2 a  {color: #fff;}
.konten-kiri h2 a:hover {color: #000;}	
.konten-kiri img.float-kanan {background-color: #CCCCCC;border: 1px solid #000;padding: 3px;float: right;margin-bottom: 5px;margin-left: 5px;}
.konten-kiri img.float-kiri {background-color: #CCCCCC;border: 1px solid #000;padding: 3px;float: right;margin-bottom: 5px;margin-left: 5px;}
/* right side ---------- */   
.right {float: right;width: 260px;margin: 0px;}
.latestnews  {overflow:hidden; margin:0px;padding:5px; background: #c6c6c6;}
.navigation { padding: 0px;margin: 0px; }
.navigation .mainmenu ul { margin:0 5px 0 18px; list-style:none;}
.navigation .mainmenu ul li { padding:0 5px; list-style:square;}
.book_sidebar { color: #bbb; }
input, textarea {border: 1px solid #666; background-color: #bbb; color:#000000; }
.featured { margin-top:5px; }
.featured h3, .navigation h3, .navigation h4, .navigation span.judul {padding: 3px;margin:1px 0px ;font-weight: bold;font-family: Arial, Helvetica, sans-serif;font-size: 12px; }
.box a img { border:none;}
p.price { text-align:center; background-color:#bbb;}
.navigation span.judul { display:block;}
.navigation a {color: #bbb; font-size: 12px; text-decoration: none;}	
.navigation a:hover {color: #000; font-size: 12px; text-decoration:none;}
.image {float: left;margin: 0 9px 3px 0;}
 /* footer ------ */
.footer {clear: both;text-align: center;line-height: 12px;padding: 10px 0 10px 0;font-size: 12px;}
.footerleft { float:left; margin-right:3px;}
.footerright { float:right; margin-left:3px; text-align:right; padding:3px;}
.footer img { margin-left:5px;}
.footer p { margin:2px 0;}
.footer h5 {font-size: 10px;margin:0;padding:0;clear: left; display:inline;}
.footer a {color: #bbb;}
ul.referul li { display:inline;}
.boktable { text-align:center; padding:4px; margin:4px;}
.table { float:left; font-size:12px;}
.judultable {background:#eee; color:#000; font-weight:bold; }
.judultable, .isitable { border:1px solid #ccc; padding:3px; text-align:center;}
/* Search Bar */
#searchbar {margin:1px 0;height:22px; background-color:#111; padding:3px; }
.search {width:340px; float:right; margin-left:5px; display:inline; }
.input-search {width:270px; }
input.searchSubmit { width:270px; border:none; background-color:#000000; color:#bbb;}
.textinbar { float:left; display:inline; width:400px;}
/* COmment */ 
#commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:250px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:450px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist :hover{background:#222;}
ol.commentlist li{border-top:1px solid #eee;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
ol.commentlist li :hover{background:none;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h2 {display:block;font-size:12px;font-weight:700;margin:0;padding:5px;}
ol.cloop{border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;}
ol.cloop li{display:block;list-style:none;padding-left:15px;margin:0 0 5px;}
ul#menu {margin: 0;padding: 0;list-style: none;width: 100%;font-size:1.2em;}
ul#menu li {float: left;padding: 0;margin: 0;border-right:solid 1px #fff;}
ul#menu ul li {float: none;position: relative;border-bottom: 1px solid #7EAED7; /* fixes gap problem in IE */	border-left: 1px solid #FFF;z-index:1000;}
ul#menu li ul {margin: 0;padding: 0;display:none;list-style: none;position: absolute;background: #9CC;}
ul#menu ul ul{margin-left: .2em;position: absolute;	top: 0; /* if using borders, -1px to align top borders */ left: 100%;}
ul#menu * a:hover, ul#menu li a:active{background:#7EAED7 !important;color: #bbb;}
ul#menu li a:link,ul#menu li a:visited,ul#menu li a:hover,ul#menu  li a:active{	display: block;	padding: .2em .3em;	text-decoration: none;background: #5587B3; color: #bbb;}
ul#menu ul li a:link,ul#menu ul li a:visited,ul#menu ul li a:hover,ul#menu ul li a:active {width: 8em;}
/* -----   AMAZON SECTION   -----   */
img.photo { width:80px; height:80px;}
.hreview { margin:3px 0; border-bottom:1px dotted #666666;  }
span.tgRssAllTags { clear:both; margin:2px; }
.item-description { text-align:justify;}
 .aligncenter {display: block;margin-left: auto;margin-right: auto;}
 .alignleft {float: left;}
 .alignright {float: right;}
.item-img { clear:both;border: 1px solid #999;text-align: center;background-color: #F3F3F3;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;	-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 4px;}
 .item-img img {margin: 0;padding: 0;border: 0 none;}
 .item-img p.caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0; }
.bold { font-weight:bold; text-decoration:underline;}
.price { font-size: 14px;font-weight: bold; margin:2px;}
.customerreview { border:1px solid #666; margin-top:5px; padding:3px;}
 .price span.priceblue { display:inline; color: #72b6cf;font-size: 20px;font-weight: bold;}
 a img.amazonbutton { border:none;}
p.detail {margin:1px; padding:1px;}
 .relatedsource { padding:4px; margin:3px; border: 1px solid #ddd; -moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px; }
 h3.fitur {margin: 10px 0 5px 0;font-size: 14px;font-weight: bold;}	
 h3.relatedsourceh3 { margin:3px; font-size: 14px;font-weight: bold; display:block;}
 .relatedsource li { margin:1px 1px 1px 5px; }
  /*-- Gallery --*/
.gallery {position:relative; margin-top:5px; padding:50px 10px 20px; width:470px;}
.gallery .masterswatch img {width:470px;height:391px;overflow: hidden; position:static;}
.gallery .thumbnail img{border:solid 5px #1f1f1f; width:75px; height:57px; margin:0 5px 5px 0;}
.gallery .thumbnail:hover{background-color:transparent;}
.gallery .thumbnail:hover img{border:solid 5px #3d3d3d;}
.gallery .thumbnail span img{width:470px; height:391px; border:solid 0px #858585 !important;}
.gallery .thumbnail:hover span{visibility:visible; top:30px; left:10px; z-index:50; position:absolute; }
.gallery .thumbnail span{ position:absolute; visibility:hidden; font:normal 9pt "verdana"; color:#fff; text-decoration:none; text-align:center; top:30px; left:10px;}
a img.imgthumb, img.photo {border:none; }
.imgthumb {top: center; right:center;}
.imgthumbhold { margin:2px; padding:3px; width:85px; height:85px; overflow:hidden; border:2px solid #333; display:block; float:left;}
.imgthumbamz { width:80px; height:80px;}
.imgthumbholdamz { margin:2px; padding:3px; width:85px; height:85px; overflow:hidden; border:2px solid #333; display:block; float:left;}
.adsbanner { text-align:center; margin:5px 0px;}
.adsbanner a img { border:none;} 

  /*-- Nav Info --*/
 #navinfo { padding:2px; background-color:#222222; margin:3px 2px; text-align:center; clear:both;} 
 #navinfo a img { border:none; margin:0px 3px; } 
 .userreviews a img, .features a img, .addtochart a img { float:left;}
 
 .spot { padding:3px; border:1px solid #cccccc; background-color:#222222;}
 .pricebold { font-size:16px; font-weight:bold; display:inline; }
 .sekat { clear:both;}