/*  = = = = = = = = = = = = = = = = = = = = = = = = = = 
ABC | http://arisanblogger.com
= = = = = = = = = = = = = = = = = = = = = = = = = = */ 

@import "ddsmoothmenu.css";
@import "formatting.css";
@import "wordpress.css"; 

/* global 
= = = = = = = = = = = = = = = = = = = = = = = = = = */

* { /*--reset all to 0--*/
	margin: 0; 
	padding: 0; 
}

body {
	color: #181818;
	font: Normal 15px/20px "Trebuchet MS", "Lucida Sans", Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background: #454545; /*  url(images/bg100ribu.png) */
	background-attachment: fixed;
}

a {
	color: #242FC7;
	outline: none;
	text-decoration: underline;
}

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

a img {
	border: 0;
}


.box1 {
	border: 1px solid #EFDAB9;
	background: url(images/bg-box1.png);
	padding: 3px 5px;
	margin-right: 1px;
}

.box2 {
	border: 1px solid #EFDAB9;
	background: url(images/bg-box2.png);
	padding: 3px 5px;
	margin-right: 10px;
}

.box2a {
	border: 1px solid #EFDAB9;
	padding: 3px 5px;
	margin-right: 10px;
}

.box3 {
	border: 1px solid #E7D9BA;
	padding: 2px 3px 2px 3px;
}

.box4 {
	border: 1px dotted #D4B491;
	padding: 4px;
}

.box5 {
	border: 1px solid #B9CFF5;
}

.box6 {	
	border: 1px solid #D9C39D;
	background: url(images/bg-box6.png);
	padding: 3px 5px;
	margin-right: 1px;
}

.recent-post .box2a:hover {
	background: url(images/bg-box2.png);
}

a.read-more {
	color: #1659C9;
	font: Normal 12px tahoma;
	text-decoration: none;
}
a.read-more:hover {
	color: #F90000;
	text-decoration: none;
}

.navigation {
	float: left;
	width: 715px;
	margin: 10px 0 0 0;
	padding: 10px 18px 10px 18px;
}


/* container 
= = = = = = = = = = = = = = = = = = = = = = = = = = */
#wrapper {
	width: 810px;
	margin: 0 auto;
}

#wrapper-in {
	float: left;
	width: 810px;
	background: url(images/wrap-mid.png) repeat-y;
}

#header {
	float: left;
	width: 780px;
	height: 225px;
	padding: 0 15px 10px 15px;
}

#content {
	float: left;
	width: 780px;
	padding: 5px 15px 10px 15px;
	background: url(images/logo-bg-content.png) right top no-repeat;
}

#footer {
	float: left;
	width: 780px;
	height: 81px;
	margin: 0 15px 0 15px;
	background: url(images/bg-footer.jpg) no-repeat;
}

.wrap-top {
	float:left;
	width: 810px;
	height: 20px;
	background: url(images/wrap-top.png) no-repeat;	
}
.wrap-bot {
	float:left;
	width: 810px;
	height: 45px;
	background: url(images/wrap-bot.png) left top no-repeat;
	margin-bottom: 270px;	
}

#foot-x {
	margin: 0 auto;
	width:100%;
}
#foot-x a {
	text-decoration: blink;
	font-weight:bold;
	color: #F8FF87;
}

#foot-x a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

#foot-x .bonus {
	float: left;
	width: 738px;
	height: 27px;	
	bottom:0;
	z-index:1;
	position:fixed;
	background: url(images/foot-x.png) center no-repeat;
	font: Normal 14px/18px "Lucida Sans", "Trebuchet MS", Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #FFFF00;
	padding: 23px 36px 0 36px;
	text-align: center;
	letter-spacing: 2px;
}

#sidebar {
	float: left;
	width: 290px;
}

/* header 
= = = = = = = = = = = = = = = = = = = = = = = = = = */
.headerkiri {
	float: left;
	width: 300px;
	height: 225px;
	background: url(images/header-left.jpg) no-repeat;
}
.headerkanan {
	float: left;
	width: 470px;
	height: 215px;
	padding: 5px 10px 5px 0;
	background: url(images/header-right.jpg) no-repeat;
}

.h-flash {
	float: left;
	width: 460px;
	height: 175px;
	display: block;
	color: #000000;
}
.h-menu {
	float: left;
	width: 455px;
	height: 35px;
	margin-bottom: 5px;
	padding: 5px 0 0 5px;
}

#nav {
	position: relative;
}

#nav li {
	float: left;
	width: auto;
}

#nav li a {
	display: block;
	text-decoration: none;
}
	

/* content ==> #ID of index, page or single display 
= = = = = = = = = = = = = = = = = = = = = = = = = = */
.content-show {
	float: left;
	width: 757px;
	padding: 0 11px 0 12px;
	background: #FFFFFF;
}
#content-daftar {
	width: 666px;
	padding: 10px 72px 10px 72px;
}


/* content ==> index display
= = = = = = = = = = = = = = = = = = = = = = = = = = */
.latest, .page, .single {
	float: left;
	width: 757px;
	margin-bottom: 15px;
}

.lastpost, .pagepost, .singlepost {
	float: left;
	width: 757px;
	}

.entry {
	text-align: justify;
}
	
.date {
	float: left;
	width: 30px;
	height: auto;
	padding: 3px 5px 3px 5px;
	text-align: center;
	font: bold 16px/17px "Lucida Grande", Garamond, Georgia;
	color: #C27938;
	background: #ECD3B9;
	border-right: 3px solid #C39B73;
	margin-right: 5px;
	letter-spacing:1px;
}
.date span {
	font: normal 13px tahoma;
	text-transform: uppercase;
}
.comm-post {
	float: right;
	width: 30px;
	height: 37px;
	text-align: center;
	padding: 13px 10px 0 10px;
	display: inline;
	background: url(images/balloon.png) no-repeat top right;
}

.comm-post a {
	color: #000000;
	font: Bold 11px tahoma, arial;
}

.meta-post {
	float: right;
	width: auto;
	background: #F3EEE9;
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	font-size: 11px;
}

.recent-post, .result, .archive {
	float: left;
	width: 745px;
	padding: 10px 0 10px 10px;
	border: 1px dotted #F3E1D5;
}

.recent-array, .result-array, .archive-array {
	float: left;
	width: 350.25px;
	height: 234px;
	margin: 10px 10px 0 0;
	overflow: hidden;
	display: inline;
	font-size: 13px;
}

img.recent {
	float: left;
	width: 75px;
	margin-right: 5px;
	padding: 3px;
	border: 1px dotted #88AAE4;
	display: inline;
}
.date-recent {
	float: left;
	width: 100%;
	display: block;
	font: normal 10px arial, tahoma;
	margin-bottom: -3px;
}

.author {
	float: right;
	width: auto;
	font-size: 12px;
	text-align: right;
	margin: -5px 0 10px 0;
}

.center {
	margin: 10px;
	text-align: center;
}

.page, .single, .archive {
	min-height: 666px;
}

.menubot {
	float: left;
	width: auto;
	margin: 0 auto;
	text-align: center;
}

input#username{
	font-size: 18px; 
	color:#F90000; 
	padding:3px 5px 3px 5px; 
	text-transform:lowercase;
}

input#aman{
	font-size: 18px; 
	color:#F90000; 
	padding:3px 5px 3px 5px;
}

/* search form
= = = = = = = = = = = = = = = = = = = = = = = = = = */
.search, .itsme {
	float: left;
	width: 278px;
	margin-bottom: 10px;
}

#searchform {
	float: left;
	width: 270px;
	height: 29px;
	padding: 5px;
}
#searchform .s {
	float: left;
	width: 170px;
	padding: 5px 0 5px 30px;
	margin-right: 10px;
	border: 1px solid #5E7AA9;
	background: url(images/search.png) no-repeat left;
}

.submit {
	float: left;
	width: 58px;
	height: 29px;
	color:#FFFFCC;
	font: bold 12px tahoma, arial;
	border: 0;
	background: #2B4A92;
}

.submit:hover {
	background: #6B758E;
}


/* sidebar
= = = = = = = = = = = = = = = = = = = = = = = = = = */
.sidebar1 {
	float: left;
	width: 276px;
	padding-right: 12px;
	padding-bottom: 13px;
	margin-bottom: 10px;
}
.sidebar2 {
	float: left;
	width: 145px;
	display: inline;
}
.sidebar3 {
	float: left;
	width: 145px;
	display: inline;
}
.ads125 {
	float: left;
	width: 125px;
	margin: 13px 0 0 13px;
	display: inline;
}

.side1 {
	float: left;
	width: 262px;
	padding: 12px 13px;
	margin-bottom: 10px;
}

.side2 {
	float: left;
	width: 127.5px;
	min-height: 150px;
	margin: 0 5px 10px 0;
	display: inline;
	padding: 5px;
}

.side3 {
	float: left;
	width: 127.5px;
	min-height: 150px;
	margin: 0 0 10px 5px;
	display: inline;
	padding: 5px;
}

#sidebar ul {
	list-style-type: none;
}

#sidebar ul li {
	display: block;
	padding-left: 3px;
	line-height: 18px;
}

/* xtra coloumn
= = = = = = = = = = = = = = = = = = = = = = = = = = */
.xtra  {
	float: left;
	width: 755px;
	margin-top: 27px;
	border: 1px solid #BF9758;
	background: url(images/bg-xtra.png) repeat-x;	
}
.xtra h3 {
	border-bottom: 1px dotted #636363;
	margin-bottom: 9px;
}
.x-kiri {
	float: left;
	width: 160px;
	margin-right: 10px;
	padding: 5px 10px 3px 10px;
}
.x-kiri p {
	font: Normal 13px/18px "Trebuchet MS", "Lucida Sans", Arial, Tahoma, Verdana, Helvetica, sans-serif;
	margin-bottom: 5px;
}
.x-tengah {
	float: left;
	width: 405px;
	margin-right: 10px;
	padding: 5px 0 3px 0;
}

.x-tengah p {
	text-align: justify;
	margin-bottom: 5px;
	font: Normal 12px/16px "Trebuchet MS", "Lucida Sans", Arial, Tahoma, Verdana, Helvetica, sans-serif;
	margin-bottom: 9px;
}

.x-kanan {
	float: left;
	width: 125px;
	padding: 5px 10px 3px 10px;
}
.x-kanan p {
	font: Normal 13px/18px "Trebuchet MS", "Lucida Sans", Arial, Tahoma, Verdana, Helvetica, sans-serif;
	margin-bottom: 7px;
}
.x-kanan img {
	filter:alpha(opacity=40);
	opacity: 0.4;
}
.x-kanan img:hover {
	filter:alpha(opacity=100);
	opacity: 1;
}

 
/* footer 
= = = = = = = = = = = = = = = = = = = = = = = = = = */
.f-abc {
	float: left;
	width: 63px;
	padding: 9px 5px 9px 18px;	
}

a#abc {
	float: left;
	width: 63px;
	height: 63px;
	background: url(images/blank.png);
	text-indent: -99999em;
}
.f-kopirait {
	float: left;
	width: 600px;
	color: #38260A;
	font: normal 17px/20px "Trebuchet MS", "Lucida Sans", arial, tahoma;
	padding: 10px 5px 5px 5px;
	text-align: center;
	letter-spacing: 1px;
}
.f-kopirait a {
	color: #17120B;
	text-decoration: underline;
}
.f-kopirait a:hover {
	text-decoration: none;
}

.f-kopirait p {
	font-size: 13px;
	color: #FCF4BF;
	text-align: center;
	letter-spacing: 2px;
}

.f-login {
	float: left;
	width: 63px;
	padding: 9px 9px 9px 0;	
}

a#login {
	float: left;
	width: 63px;
	height: 63px;
	background: url(images/blank.png);
	text-indent: -99999em;
}

.f-alexa {
	float: left;
	width: 120px;
	padding-top: 8px;
	padding-right: 18px;	
}

/* Data Tabel 
================================== */
table.konfirmasi {
	margin-top: 5px;
	font: normal 15px/20px "Trebuchet MS", tahoma, arial, verdana;
	background: url(images/100ribuan.gif) right bottom no-repeat;
}

table.konfirmasi td  {
	padding: 5px 7px 5px 7px;
}

table.konfirmasi tr.kosong:hover {
	background: none;
	color: #FF000C;
}

table.konfirmasi tr {
	font: Normal 16px/20px "Trebuchet MS", tahoma, arial, verdana;
	color: #2A1B00;
}

table.konfirmasi tr td.setuju {
	text-align: justify;
	background-color: none;
}

td.label {
	font-weight: bold;
	text-align: left;
	background-color: none;
}

td.isian {
	text-align: left;
	background-color: none;
}
table.konfirmasi tr.baris {
	background-color: none;
}
table.konfirmasi tr.baris:hover {
	background-color: #643F05;
	color: #FFFFCC;
}

table.konfirmasi tr:hover a {
	color: #FF0000;
}

table.konfirmasi tr:hover a:hover {
	color: #FDFF37;
}
a.lanjut, #submit{
	color: #FFFFCC;
	background: #5D3B00;
	border: 1px solid #221600;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	font: bold 15px/20px "Trebuchet MS", tahoma, arial, verdana;
}
#submit{
	width: 666px;
	margin: 15px 0 36px 0;
}

a.lanjut:hover, #submit:hover{
	color: #FFFFCC;
	background: #EC0000;
	cursor: pointer;
}

/* tambahan
==================================================== */
.b-muja {
	float: left;
	width: 333px;
	height: 135px;
	background: url(images/salam-cerdas.gif) left top no-repeat;
}

#Konfirmasi { width:555px; }
#Konfirmasi label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
	color: #FF0000;
	font: normal 13px Arial, Tahoma;
	padding: 2px;
}
div.error { display: none; }

input {
	border: 1px solid #817C75;
	padding: 2px;
}
input:focus { 
	border: 1px solid #AE7A12;
}
input.error { 
	border: 1px solid red; 
}


/*
.messagebox{
	position: absolute;
	width: auto;
	height: 18px;
	margin: 0;
	padding: 3px;
	font: Bold 12px/13px Verdana, Helvetica, Arial, Tahoma, sans-serif;
}
.user-ok{
	position: absolute;
	width: auto;
	height: 18px;
	margin: 0;
	padding: 3px 5px 3px 28px;
	color: #3AA837;
	border: 1px solid #77B976;
	background: #D2F2D1 url(images/user-ok.png) left top no-repeat;
	font: Bold 12px/13px Verdana, Helvetica, Arial, Tahoma, sans-serif;
	
}
.user-ko{
	position: absolute;
	width: auto;
	height: 18px;
	margin: 0;
	padding: 3px 5px 3px 28px;
	color: #F00000;
	border: 1px solid #B97676;
	background: #F5CECE url(images/user-ko.png) left top no-repeat;
	font: Bold 12px/13px Verdana, Helvetica, Arial, Tahoma, sans-serif;
}
*/
table.daftarin {
	float: left;
	width: 666px;
	margin-top: 5px;
	border: 1px dashed #966922;
	font: normal 15px/20px "Trebuchet MS", tahoma, arial, verdana;
	background: url(images/100ribuan.gif) left bottom no-repeat;
}

table.daftarin td  {
	padding: 5px 7px 5px 7px;
}

table.daftarin tr.kosong:hover {
	background: none;
	color: #FF000C;
}

table.daftarin tr {
	font: Normal 16px/20px "Trebuchet MS", tahoma, arial, verdana;
	color: #2A1B00;
}

table.daftarin tr td.setuju {
	text-align: justify;
	background-color: none;
}

td.label {
	font-weight: bold;
	text-align: left;
	background-color: none;
}

td.isian {
	text-align: left;
	background-color: none;
}

table.daftarin tr.baris {
}

table.daftarin tr.baris:hover {
	color: #FFFFCC;
}

table.daftarin tr:hover a {
	color: #FF0000;
}

table.daftarin tr:hover a:hover {
	color: #FDFF37;
}

#promo{
	position:absolute;
	padding: 5px 5px 45px 5px;
	background: url(images/promo-merdeka.png) no-repeat;
	width: 180px;
	height: 270px;
	z-index: 10;
	text-align: center;
}