/*
Theme Name: Bin-KN tweaked
Theme URI: http://andi.saleh.web.id/
Description: WordPress Theme for kartunama.net.
Version: 1.0
Author: Andi B. Saleh
Author URI: http://andi.saleh.web.id/
*/

/* Import CSS */
@import url('library/css/base.css');
@import url('library/css/defaults.css');
@import url('library/css/lavalamp.css');
@import url('library/css/page-nav.css');
@import url('library/css/estimasi.css');

/* Global elements */
body {
	background:#00528c url('images/bg_body.gif') top repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	}
input {
	font-family:Arial, Helvetica, sans-serif;
	}

/* Special classes */
.navigation {
	padding:0 30px;
	}
.navigation a {
	display:block;
	width:19px;
	height:19px;
	overflow:hidden;
	text-indent:-2000px;
	background-repeat:no-repeat;
	margin:30px 0 40px;
	}
.navigation .alignleft a {
	background-image:url('images/arrow.png');
	}
.navigation .alignright a {
	background-image:url('images/arrow_r.png');
	}

/* Structure */

#overall-container{
	float:left;
	width:100%;
}

#main_wrapper {
	width:800px;
	margin:0 auto;
	position:relative;
	/* min-height:100%; */
	}
/*
* html #main_wrapper {
	height:100%;
	}
*/

/* Header */
#header {
	position:relative;
	padding:30px 0 0;
	}
a.logo {
	background-image:url('images/logo.gif');
	width:468px;
	height:49px;
	}
.teaser {
	background-image:url('images/slogan.gif');
	width:242px;
	height:23px;
	margin:0 0;
	position:relative;
	top:-15px;
	left:224px;
	}
.description {
	display:block;
	background:#3c7095;
	width:800px;
	color:#fff;
	text-align:center;
	padding:5px 0;
	margin:8px 0 15px;
	}
#site_section a, #site_section a:visited {
	color:#fff;
	}
#site_section a:hover, #site_section a.current {
	color:#fc3;
	text-decoration:none;
	}
#site_section ul {
	margin:0;
	position:absolute;
	top:90px;
	right:0;
	}
#site_section ul li {
	list-style:none;
	float:left;
	display:block;
	margin:0 0 0 25px;
	}
a.current_sec {
	color:#fc3 !important;
	}
#top_buttons a, #top_buttons a:hover, #top_buttons a:visited {
	color:#fc3;
	text-decoration:none;
	font-size:0.8em;
	}
#top_buttons ul {
	margin:0;
	position:absolute;
	top:5px;
	right:0;
	}
#top_buttons li {
	float:left;
	list-style:none;
	}
#top_buttons li a {
	display:block;
	height:22px;
	overflow:hidden;
	text-transform:lowercase;
	padding:0 0 0 30px;
	background-repeat:no-repeat;
	margin:0 10px 0 0;
	}
#top_buttons li.bookmark_site a {
	background-image:url('images/top_buttons.png');
	background-position:left -1px;
	}
#top_buttons li.mail2friend a {
	background-image:url('images/top_buttons.png');
	background-position:left -23px;
	}
	
/* Content */
#main_box {
	display:block;
	overflow:hidden;
	width:800px;
	height:265px;
	background:#000 url('images/bg_main_box.gif') top repeat-x;
	border-top:3px solid #3c7095;
	color:#fff;
	position:relative;
	}
#main_box_switch {
	list-style:none;
	margin:0;
	position:absolute;
	width:100%;
	top:50%;
	z-index:10;
	}
#box_right {
	float:right;
	padding-right:15px;
	}
#box_left {
	padding-left:15px;
	}
#main_box_container {
	list-style:none;
	margin:0;
	width:4800px;
	}
.box_content {
	height:265px;
	width:800px;
	background-position:92% 50%;
	background-repeat:no-repeat;
	float:left;
	}	
#box1 {
	background-image:url('images/box1.png');
	}
#box2 {
	background-image:url('images/box2.png');
	}
#box3 {
	background-image:url('images/box3.png');
	}
#box4 {
	background-image:url('images/box4.png');
	}
#box5 {
	background-image:url('images/box5.png');
	}
#box6 {
	background-image:url('images/box6.png');
	}
.box_content_title h2 {
	margin:0 0 20px 50px;
	padding:20px 0 0;
	font-weight:bold;
	}
.box_content_body {
	line-height:1.3em;
	padding:0 290px 0 50px;
	}
.box_content_body a, .box_content_body a:visited {
	color:#fc3;
	}
.box_content_body a:hover {
	color:#ff8a00;
	text-decoration:none;
	}
#box5 .box_content_body {
	padding:0 200px 0 50px;
	}	
.box_content_body ul {
	margin-bottom:1em;
	}
	
#main_menu {
	width:800px;
	height:36px;
	background:#043753 url('images/bg_main_menu.gif') top repeat-x;
	margin:0 0 12px;
	overflow:visible;
	position:relative;
	}
#main_menu .mask {
	position:absolute;
	width:929px;
	height:7px;
	background:url('images/mask.gif') no-repeat;
	top:22px;
	left:-64px;
	z-index:100;
	}
#main_menu a, #main_menu a:hover, #main_menu a:visited {
	color:#fff;
	text-decoration:none;
	/* text-shadow:2px 2px 1px #000; /* For CSS3 (sigh... if only...) */
	}
#main_menu a.current {
	color:#fc3;
	}
#main_menu ul {
	margin:0;
	}
#main_menu li {
	list-style:none;
	float:left;
	display:inline;
	margin:4px 5px 0 30px;
	}
#main_content {
	background:#fff;
	position:relative;
	padding:0 0 15px;
	}	
#main_content a {
	color:#58595B;
	}
.main_content_col {
	width:250px;
	margin:15px 0 0 12.7px;
	float:left;
	display:inline;
	position:relative;
	}
.toggle a {
	font-size:0.7em;
	color:#fff;
	position:absolute;
	top:4px;
	right:7px;
	height:7px;
	width:7px;
	overflow:hidden;
	background-repeat:no-repeat;
	}	
.close a {
	background:url('images/minus.gif');
	}
.open a {
	background:url('images/plus.gif');
	}
.main_content_col_head {
	background-color:#3c7095;
	background-repeat:no-repeat;
	background-position:12px 0;
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	padding:8px 0 8px 60px;
	}
#shortcuts .main_content_col_head {
	background-image:url('images/shortcuts.png');
	}
#pelanggan .main_content_col_head {
	background-image:url('images/pelanggan.png');
	}
#kontak .main_content_col_head {
	background-image:url('images/kontak.png');
	}
.main_content_col_content {
	font-size:12.23px;
	margin-bottom:10px;
	}
#shortcuts .main_content_col_content {
	margin:14px 0 0;
	}
#shortcuts ul, #kontak ul {
	margin:0;
	padding:0 20px;
	list-style:none;
	}
#shortcuts li a {
	display:block;
	padding:0 15px;
	background:url('images/bullet.png') 2px 50% no-repeat;
	border-top:1px dotted #ccc;
	}
#shortcuts li a:hover {
	text-decoration:none;
	color:#fff;
	background:#3c7095 url('images/bullet_hover.png') 2px 50% no-repeat;
	}
#pelanggan .main_content_col_content {
	border:1px dotted #ccc;
	margin:14px 0 0;
	padding:10px;
	}
#kontak .main_content_col_content {
	margin:14px 0 0;
	}
#kontak li {
	display:block;
	padding:5px 0 5px 50px;
	border-top:1px dotted #ccc;
	}
#phone {
	background:url('images/phone.gif') 0 no-repeat;
	padding:10px 0 15px 35px;
	line-height:1.6;
	font-size:12.23px;
	border-bottom:1px dotted #fff;
	}
#mailem {
	background:url('images/mail.png') 0 no-repeat;
	padding:10px 0 15px 35px;
	font-size:12.23px;
	border-bottom:1px dotted #fff;
	border-top:none;
	}
#yahoom {
	background:url('images/ym.gif') 0 no-repeat;
	padding:10px 0 15px 35px;
	font-size:12.23px;
	border-bottom:1px dotted #fff;
	border-top:none;
	}
.main_content_col_content ul li.ymoff {
	background:url('images/ymicon-off.png') 15px 50% no-repeat !important;
	}
	
#content_wrapper {
	margin:20px 0 40px;
	font-size:0.9em;
	line-height:1.75em;
	background:url('images/bg.gif') left bottom no-repeat;
	}
#content {
	overflow:hidden;
	width:526px;
	background:#fff;
	float:left;
	}
.content_entries {
	padding:30px;
	}
.post_wrapper {
	margin-top:20px;
	padding-top:30px;
	border-top:1px dotted #58595B;
	}
.content_entries .first_item {
	margin-top:0;
	padding-top:0;
	border-top:none;
	}
#content h2, #content h2 a {
	color:#fff;
	font-size:1.1em;
	letter-spacing:0;
	font-weight:bold;
	}
#content h2 a {
	background:#00528c;
	padding:6px;
	}
#content h2 a:hover {
	text-decoration:none;
	color:#fc3;
	}
.postmetadata {
	font-size:0.9em;
	margin:10px 0;
	}
.post_entry img {
	border:5px solid #cdcdcd;
	}
.post_entry img:hover {
	border:5px solid #407398;
	}

	
/* Sidebar */

#sidebar {
	float:right;
	width:274px;
	background:transparent;
	color:#fff;
	}
#sidebar .cornerize {
	background:#407398;
	}
#sidebar a {
	color:#fff;
	}
#sidebar a:hover {
	color:#fc3;
	text-decoration:none;
	}
#sidebar ul {
	margin-left:0;
	padding:20px 15px 10px;
	}
#sidebar ul ul {
	padding:0;
	margin-bottom:25px;
	}
#sidebar ul ul ul {
	margin-left:20px;
	}
#sidebar ul li {
	list-style:none;
	}

	
#sidebar ul li ul li {
	border-bottom:1px dotted #fff;
	padding:5px 8px;
	line-height:1.2em
	}
#sidebar ul li h2 {
	background-color:#22547E;
	background-repeat:no-repeat;
	font-size:1.2em;
	display:block;
	height:26px;
	line-height:26px;
	padding-left:45px;
	margin-bottom:10px;
	}
#sidebar .categories h2, #sidebar .widget_categories h2 {
	background-image:url('images/sidebar_heads.gif');
	background-position:left 0;
	}
#sidebar .recent_comments h2, #sidebar .widget_recent_comments h2 {
	background-image:url('images/sidebar_heads.gif');
	background-position:left -26px;
	}
#sidebar .kabar_terbaru h2 {
	background-image:url('images/sidebar_heads.gif');
	background-position:left -52px;
	}
#sidebar ul li.kabar_terbaru ul li, #sidebar ul li.recent_comments ul li, #sidebar ul li.widget_recent_comments ul li {
	padding:8px 8px 8px 0;
	}
.rc_avatar {
	float:left;
	}
.rc_info {
	margin-left:40px;
	}
.rc_excerpt {
	display:none;
	}
#rc_nav {
	display:none;
	}
#sidebar li.kontak_side h2 {
	background-image:url('images/sidebar_heads.gif');
	background-position:left -78px;
	}
#sidebar li.kontak_side ul li {
	padding-left:32px;
	}
#sidebar #phone {
	background:url('images/phone.gif') 0 no-repeat;
	}
#sidebar #mailem {
	background:url('images/mail.png') 0 no-repeat;
	}
#sidebar #yahoom {
	background:url('images/ym.gif') 0 no-repeat;
	}
#sidebar ul li.ymoff {
	background:url('images/ymicon-off-small.png') 10px 50% no-repeat !important;
	}
#sidebar ul.searchform {
	display:block;
	height:24px;
	}
#sidebar #s {
	display:inline;
	width:168px;
	background:#407398;
	border:none;
	color:#fff;
	padding:4px;
	height:14px;
	}
#sidebar #searchsubmit {
	display:inline;
	width:58px;
	border:none;
	background:#22547E;
	color:#fff;
	text-transform:uppercase;
	padding:3px 0;
	height:23px;
	}
#aktt_tweet_form p {
	margin:0;
	}
#aktt_tweet_text {
	float:left;
	}
.aktt_credit {
	display:none;
	}
#pingbox {
	padding:5px 0 0 !important;
	border:none !important;
	}

/* Footer */
#footer {
	width:800px;
	background:#407398;
	margin:15px auto 0;
	color:#fff;
	font-size:0.8em;
	position:relative;
	}
#footer p {
	margin:0 22px 0 0;
	padding:20px;
	text-align:right;
	line-height:1.5em;
	}
.linklove {
	float:left;
	background:url('images/linklove.gif');
	background-position:left top !important;
	height:16px;
	width:16px;
	position:relative;
	top:30px;
	left:20px;
	}
.linklove:hover {
	background-position:left bottom !important;
	}
#footer a {
	color:#fc3;
	}
.return2top {
	background:url('images/arrow_u.png');
	width:16px;
	height:16px;
	position:absolute;
	top:30px;
	right:13px;
	}

/* Comments */

#comments {
	border-top:1px dotted #58595B;
	margin-top:30px;
	padding-top:20px;
	}
.comnav {
	padding:0;
	}
.comnav a {
	margin:20px 0;
	}
.commentlist {
	margin:0;
	font-size:0.9em;
	line-height:1.3em;
	}
.commentlist li {
	list-style:none;	
	background:#E8F1F4;
	}
.depth-1 {
	padding-bottom:10px;
	margin-bottom:15px;
	}
.comment-author {
	background:#407398;
	color:#fff;
	padding:0 10px 0 0;
	}
.comment-author a {
	color:#fc3;
	}
.trackback .comment-author, .pingback .comment-author {
	background:#1f7f23;
	padding:5px 10px;
	}
.comment-author-admin .comment-author {
	color:#407398;
	background:#fc3;
	}
.comment-author-admin .comment-author a {
	color:#407398;
	}
.trackback .comment-author .fn, .pingback .comment-author .fn {
	margin:0;
	}
#comments .avatar {
	width:24px;
	height:24px;
	vertical-align:middle;
	}
.fn {
	margin:0 0 0 10px;
	}
.comment_text {
	padding:10px 10px 0 30px;
	}
.children {
	margin:10px 0 0 30px;
	}
.reply {
	text-align:right;
	}
.cancel-comment-reply {
	margin:10px 0;
	}
#respond {
	margin-top:30px;
	}
#respond h2 span, input#submit {
	color:#fff;
	font-size:1.1em;
	letter-spacing:0;
	font-weight:bold;
	background:#00528c;
	padding:6px;
	border:none;
	}
#commentform {
	width:60%;
	font-size:0.9em;
	}
#commentform p {
	margin-bottom:5px;
	}
input#author, input#email, input#url {
	width:100%;
	background:#E8F1F4;
	border:none;
	padding:5px 0;
	font-size:1.1em;
	}
textarea#comment {
	width:100%;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	background:#E8F1F4;
	border:none;
	margin-top:10px;
	}
#commentform label {
	float:left;
	}
#commentform em.ket {
	float:right;
	text-transform:lowercase;
	}
.commentlist li #respond {
	padding:0 0 0 30px;
	font-size:1.1em;
	}
.commentlist li #respond input, .commentlist li #respond textarea {
	background:#fff;
	}
.commentlist li #respond input#submit {
	background:#00528C;
	}


#commentform .subscribe-to-comments label {
	float:none;
	}

.ui-tabs-hide {
    display:none;
}
ul.ui-tabs-nav {
	margin:0 !important;
}
.ui-tabs-nav li {
	float:left;
	width:32px;
	padding:2px 1px 1px 2px;
	margin-right:3px;
}
.ui-tabs-nav li:hover, .ui-tabs-nav li.ui-tabs-selected {
	background: url(images/tab-bg.gif) no-repeat top #22547e;
}

#sidebar .ui-tabs-nav li:hover, #sidebar .ui-tabs-nav li.ui-tabs-selected {
	background: url(images/utama-tab-bg.gif) no-repeat top #22547e;
}


.ui-tabs-panel {
	background:url(images/bottom-tab.gif) no-repeat bottom #22547e;
	margin-bottom:0px;
	padding:0 0 5px 0;
}

#sidebar .ui-tabs-panel {
	background:url(images/utama-bottom-tab.gif) no-repeat bottom #22547e;
	margin-bottom:20px;
	padding:0 0 5px 0;
}





/*for the sake of rounded style */

#tab1 dl.rr, #tab2 dl.rr, #tab3 dl.rr, 
#tab6 dl.rr, #tab5 dl.rr,
#tab4 dl.rr, #tab7 dl.rr, #tab8 dl.rr	{background:url(images/top-tab.gif) no-repeat bottom right #22547e;width:100%; height:4px;margin:0}
.tab-container						{margin:5px 10px}

#sidebar #tab1 dl.rr, 
#sidebar #tab2 dl.rr, 
#sidebar #tab3 dl.rr, 
#sidebar #tab6 dl.rr, 
#sidebar #tab5 dl.rr,
#sidebar #tab4 dl.rr, 
#sidebar #tab7 dl.rr, 
#sidebar #tab8 dl.rr	{background:url(images/utama-top-tab.gif) no-repeat bottom right #22547e;width:100%; height:5px;margin:0}
.tab-container						{margin:5px 10px}

/*end of rounded style*/

.ui-tabs-panel ul {
	margin-bottom:0 !important;
}
.ui-tabs-panel li {
	border-top:1px dotted #fff;
	padding:5px 0;
	line-height:1.2em;
}
.ui-tabs-panel li:first-child {
	border-top:none;
}
.tab-kat {
	background-image:url('images/tab_head.png');
	background-position:left 0px;
	width:29px;
	height:29px;
}
.tab-kom {
	background-image:url('images/tab_head.png');
	background-position:left -29px;
	width:29px;
	height:29px;
}

.tab-pel {
	background-image:url('images/tab-pelanggan.png');
	background-position:left 0;
	width:29px;
	height:29px;
}

.tab-kab {
	background-image:url('images/tab_head.png');
	background-position:left -58px;
	width:29px;
	height:29px;
}
.tab-lin {
	background-image:url('images/tab_head.png');
	background-position:left -87px;
	width:29px;
	height:29px;
}
.tab-calc {
	background-image:url('images/tab_head_2.png');
	background-position:left 0px;
	width:29px;
	height:29px;
}
.tab-cart {
	background-image:url('images/tab_head_2.png');
	background-position:left -29px;
	width:29px;
	height:29px;
}

.tab-cont {
	background-image:url('images/tab-contact.png');
	background-position:left 0;
	width:29px;
	height:29px;
}

.tab-info {
	background-image:url('images/tab-info.png');
	background-position:2px center;
	width:29px;
	height:29px;
}

#tab1 li:hover, #tab3 li:hover {
	background-color:#407398;
}
#tab1 li:hover a, #tab3 li:hover a {
	color:#fff;
	background:url('images/bullet_hover.png') 2px 50% no-repeat;
}
#tab1 li a, #tab3 li a {
	display:block;
	background:url('images/bullet.png') 2px 50% no-repeat;
	padding-left:12px;
}

/* add by Dimas <ndeztea@gmail.com>  + zam <http://zam.web.id>*/
.text{
background:#407398;
border : medium none;
color : #fff;
display:inline;
	}
.iconcalc{
	background-image:url('images/calc.png');
	width:29px;
	height:29px;
	}
	.iconcart{
	background-image:url('images/cart.png');
	width:29px;
	height:29px;
	}
#tab5 label{
	width: 100px;
	display: block;
	float: left;
}

#tab5 dl{
	clear: both;
}
#tab5 select,
#tab5 input{
	margin: 2px 0 0 0;
	padding: 2px;
	width: 125px;
}

#sidebar #tab5 input{
	margin: 2px 0 0 0;
	padding: 2px;
	width: 120px;
}

#tab5 select{
	width: 129px;
}

#sidebar #tab5 select{
	width: 124px;
}

#tab5 #desc{
	color: #ffcc33;
	font-size: 11px;
	line-height: 14px;
}
#tab6 sup{
	display: none;
}
#tab6 label{
	width: 55px;
	display: block;
	float: left;
}
#tab6 dl{
	clear: both;
}
#tab6 .text{
	margin: 2px 0 0 0;
	padding: 2px;
	width: 170px;
	font-size: 11px;
}

#sidebar #tab6 .text{
	margin: 2px 0 0 0;
	padding: 2px;
	width: 165px;
	font-size: 11px;
}
#tab6 .file{
	font-size: 11px;
	width: auto;
	border: 0px;
	border-collapse: collapse;
	background: none;
}
#tab6 .cha{
	width: 90px;
}
#tab6 .area{
	width: 226px;
	height: 60px;
	padding: 2px;
	font: normal 11px arial;
}

#sidebar #tab6 .area{
	width: 221px;
	height: 60px;
	padding: 2px;
	font: normal 11px arial;
}
#tab6 .submit, #sidebar #tab6 .submit{
	cursor: pointer;
	width: 50px;
	float: right;
	margin: 5px 4px 0 0;
	font-weight: bold;
	-moz-border-radius: 5px;
   -khtml-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}
/* End */



/* Modified by Fikri Rasyid @ fikrirasyid.com */

.main_content_col li{
	list-style:none;
}

.main_content_col				{font-size:12.23px}
#main_content a					{color:#F2F4F7; text-decoration:none; }
#tab1 ul, #tab3 ul, #tab7 ul, #tab8 ul 		{padding:0; margin:0;}
#tab4 ul 							{padding:0; margin:0 10px;}
#tab7 a:hover, #tab8 a:hover		{color:#FFCC33;}

#main_content li, 
#main_content label, 
#main_content dl					{color:#fff;}

#top_buttons li.home-icon a {
	background-image:url('images/home-icon.png');
	background-position:left -1px;
	}
	
.clear			{margin:0; padding:0}
.orange-text	{color:#FFCC33;}