/*
Theme Name: Just Black
Theme URI: http://apadong.biz/
Description: Just another theme black for bbPress.
Version: 1.0
Author: <a href="http://apadong.com" title="Apa Dong (dot) Com">ARS</a>
Author URI: http://apadong.web.id
Date: As-Sabt, 4 Zulhijjah 1430 H / Sabtu, 21 November 2009 M
Tags: black, metal, custom header, fixed width, 1024px screen, two columns, elegant, ARS
All the CSS, XHTML and design © 2009, ARS. All rights reserved. Please don't steal!
*/

/* Globals 
=================================== */

body {
	margin:0px;
	padding:0px;
}
img {
	border:none;
}
a {
	color:#99b11f;
	text-decoration:none;
}
a:hover {
	color:#ff6600;
}
.alt {
	background-color:#fff;
}
pre, code {
	font:1.0em Monaco, 'Courier New', monospace;
}
pre, p {
	margin-bottom:1.0em;
}
.left {
	float:left !important;
}
.right {
	float:right;
}
.delete:hover {
	background-color:#c00;
}
h1 {
	font-size:2em;
}
h2 {
	font-size:1.3em;
}
fieldset {
	border-width:0;
	padding:0;
	margin:0;
}
img.avatar {
	border:1px solid #ddd;
}
.bozo {
	background-color:#eeee88;
}
.alt.bozo {
	background-color:#ffff99;
}
.deleted {
	background-color:#ee8888;
}
.alt.deleted {
	background-color:#ff9999;
}

/* Structure */
#wrapper {
	margin-left:auto;
	margin-right:auto;
	width:900px;
}
#header {
	padding:0px;
	width:900px;
}
.left_column_header {
	float:left;
	margin:40px 0px 0px 0px;
	width:50%;
}
.right_column_header {
	color:#bbb;
	float:right;
	font-family:arial, sans-serif;
	font-size:11px;
	margin:40px 0px 0px 0px;
	text-align:right;
	width:50%;
}
.right_column_header a {
	color:#bbb;
	text-decoration:none;
}
.right_column_header a:hover {
	color:#bad532;
	text-decoration:underline;
}
.toplink {
	margin-right:20px;
}

/*  Navigation  */
#navigation {
	background:url(http://apadong.biz/images/header/navbg.png) center;
	height:45px;
	margin:18px 0px 15px 0px;
	width:900px;
}
#navigation .left {
	float:left;
	height:37px;
	padding:0px;
	position:relative;
}
#navigation .right {
	background:url(http://apadong.biz/images/header/navbg-right.png) bottom right no-repeat;
	float:right;
	height:45px;
	padding:0px;
	position:relative;
	width:22px;
}
#navigation .left ul {
	display:inline;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#navigation .left ul li {
	display:block;
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#navigation .left ul li a {
	color:#404040;
}
#navigation a {
	display:block;
	float:left;
	height:45px;
}
#navigation a span {
	display:none;
}
#navigation a.active, #navigation a.active:hover, #navigation a.pemesanan:hover {
	background-position:bottom;
}
#navigation a:hover {
	background-position:center;
}
#navigation a.depan {
	background-image:url(http://apadong.biz/images/header/navdepan.png);
	width:98px;
}
#navigation a.domain {
	background-image:url(http://apadong.biz/images/header/navdomain.png);
	width:86px;
}
#navigation a.hosting {
	background-image:url(http://apadong.biz/images/header/navhosting.png);
	width:91px;
}
#navigation a.server {
	background-image:url(http://apadong.biz/images/header/navserver.png);
	width:87px;
}
#navigation a.pembayaran {
	background-image:url(http://apadong.biz/images/header/navpembayaran.png);
	width:115px;
}
#navigation a.pelayanan {
	background-image:url(http://apadong.biz/images/header/navpelayanan.png);
	width:106px;
}
#navigation a.dukungan {
	background-image:url(http://apadong.biz/images/header/navdukungan.png);
	width:104px;
}
#navigation a.profil {
	background-image:url(http://apadong.biz/images/header/navprofil.png);
/*	position:absolute;
	right:0px; */
	width:83px;
}

/* Main */
#border-top {
	border-top:#ddd 1px solid;
}
#main {
	color:#222222;
	font-family:arial, sans-serif;
	font-size: 12px;
	line-height:18px;
	margin-top:1px;
	padding:10px;
	width:890px;
}
#main h1 {
	border-left:10px solid #ccc;
	color:#222222;
	font-size:18px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:20px;
	padding-left:5px;
}

/* Login Form */
#main div#login {
	display:block;
	float:left;
	margin:0px;
	width:60%;
}
.login {
	left: 0;
	font-weight: normal;
	color: #444;
}
form.login {
	bottom: 15px;
}
.login p {
	padding:0 0 8px;
}
.login label {
	display: block;
	float: left;
	padding-right: 10px;
	line-height: 14px;
}
form.login input,
#main div#search input {
	border: 1px solid #999;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 14px;
	line-height: 14px;
	margin: 0;
	padding: 2px;
}
form.login input.submit,
#main div#search input.submit {
	background-color: #ccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-weight:bold;
	line-height: 15px;
	padding: 2px 4px;
}
form.login input.submit {
	float: left;
	margin-top: 14px;
	margin-bottom: -10px;
	display: block;
}
form.login input.submit:hover,
#main div#search input.submit:hover {
	background-color: #ddd;
	cursor:pointer
}
form.login input.submit:active,
#main div#search input.submit:active {
	border-color: rgb(0, 100, 0);
}

/* Search */
#main div#search {
	float:right;
	margin-right:10px;
	text-align:right;
	width:38%;
}

/* Remember */
div.remember label {
	clear:both;
	line-height:12px;
	margin:6px 0 0 0;
	padding:0;
}
form.login input#remember {
	border-width:0;
	margin:0;
	padding:0;
	vertical-align:baseline;
}
.bbcrumb {
	font-size:0.9em;
	font-weight:bold;
	letter-spacing:1px;
	margin-top:80px;
	padding:5px 0 20px;
	text-transform:uppercase;
}

/* Footer */
#footer {
	margin:30px auto 10px;
	padding:0px;
	width:900px;
}
.footer_bar {
	background:url(http://apadong.biz/images/header/navbg.png) center;
	height:34px;
	text-align:right;
	width:898px;
}
.putih-kiri {
	float:left;
}
.putih-kanan {
	float:right;
}
.fb_links {
	color:#333;
	font-family:arial, sans-serif;
	font-size:11px;
	margin-right:5px;
	padding-top:9px;
	text-align:center;
}
.fb_links a {
	color:#fff;
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
}
.fb_links a:hover {
	color:#bad532;
	text-decoration:underline;
}
.copyright {
	color:#bbb;
	font-family:arial, sans-serif;
	font-size:10px;
	padding:5px 0px 0px 0px;
	text-align:center;
}

/* Table Latest */
.sticky {
	background-color:#ccc;
	font-weight:bold;
}
.sticky .num {
	font-weight:bold;
}
#latest td a {
	color:#000;
}
#latest td a:hover {
	color:#ff6600;
}
#latest td,
#forumlist td,
#favorites td {
	padding:5px 10px;
}
#latest tr:hover,
#forumlist tr:hover,
#favorites tr:hover {
	background-color: #e8e8e8;
}
#latest th,
#forumlist th,
#favorites th {
	background:rgb(0, 0, 0);
	color:rgb(255, 255, 255);
	font-weight:bold;
	padding:5px 9px;
}

#latest th a, #forumlist th a, #favorites th a {
	color: rgb(200, 200, 200);
	font-style: italic;
}

#latest th a:hover, #forumlist th a:hover, #favorites th a:hover {
	color: rgb(255, 255, 255);
}

tr.bb-category td {
	background-color: #ddd;
}

#latest, #forumlist, #favorites {
	background-color: #f1f1f1;
	margin-bottom: 3em;
	width: 99%;
}
.button {
	border: 1px solid #999;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	color: #464646;
	cursor: pointer;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
	text-shadow: rgba(255,255,255,1) 0 1px 0;
}
.button:hover {
	border: 1px solid #333;
}


.notice {
	border: 1px solid #ff9900;
	background-color:#FFCC00;
	color:#333;
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px 15px;
	margin: 0 0 1.1em;
}

.notice.error {
	border-color:#ff3300;
	background-color:#ff0000;
	color: #ffcc00;
}

.notice p { margin-bottom: 0; }


/* Page navigation
=================================== */

a.page-numbers,
span.page-numbers {
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	padding: 4px 4px 2px 5px;
	margin-left: 5px;
	background-image: url('images/page-links-background.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
}

span.page-numbers.current {
	color: #ffffff;
	background-position: 0 -100px;
}

#latest a.page-numbers {
	font-size: 0.8em;
	padding: 3px 3px 1px 4px;
	margin-left: 3px;
}

a.prev.page-numbers,
a.next.page-numbers,
span.page-numbers.dots {
	border-width: 0;
	padding: 0 4px;
	background-image: none;
}

span.page-numbers.dots {
	padding: 0;
}

a.page-numbers:hover {
	background-position: 0 -100px;
}

a.prev.page-numbers:hover,
a.next.page-numbers:hover {
	color: #006400;
}

/* Topic Page
=================================== */

.infobox {
	border: 1px solid #ccc;
	border-width: 1px 0;
	padding: 1em 0;
}

.infobox ul {
	margin: 10px 0 10px 20px;
	padding: 0;
	list-style-type: disc;
}

.infobox ul li { padding-bottom: 3px; }

#topic-info {
	float: left;
	padding: 0 1em 0 0;
}

#topic-tags {
	border-left: 1px solid #ccc;
	float: right;
	padding: 0 0 0 1em;
}

#tag-form p {
	margin-bottom: 0;
}

input#tag {
	border: 1px solid #999;
	padding: 2px;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

input#tagformsub {
	border: 1px solid #999;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	line-height: 15px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 2px 4px;
}

input#tagformsub:hover {
	background-color: #ddd;
	color: rgb(0, 100, 0);
}

input#tagformsub:active {
	border-color: rgb(0, 100, 0);
}

#thread {
	list-style: none;
	margin: 2em 0 0 0;
	padding: 0;
}

#thread li {
	line-height: 1.5em;
	clear: both;
	/* Hack to force padding on .threadauthor on IE */
	border-top: 1px solid #fff;
}

#thread li ol, #thread li ul { margin-left: 40px; }

#thread li ol li, #thread li ul li { padding: 0; }

.threadauthor {
	float: left;
	padding: 1em 1em 0 1em;
	width: 120px;
}

.threadauthor p { margin: 0; }

.threadauthor small { font: 11px Verdana, Arial, Helvetica, sans-serif; }

.threadpost {
	padding: 1.5em 1em;
	margin-left: 140px;
	background-color: #eee;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#thread li.alt .threadpost { background-color: transparent; }

#thread li.deleted { background-color: transparent; }

#thread li.deleted .threadpost { background-color: #ee8888; }

#thread li.alt.deleted .threadpost { background-color: #ff9999; }

#thread li .post-undelete-link, #thread li.deleted .post-delete-link { display: none; }
#thread li.deleted .post-undelete-link { display: inline; }

#thread li.deleted .before-post-delete-link, #thread li .before-post-undelete-link { display: none; }
#thread li.deleted span.before-post-undelete-link { display: inline; }
#thread li.deleted div.before-post-undelete-link { display: block; }
#thread li.deleted li.before-post-undelete-link { display: block; }

#thread li.pingback {
	margin-left: 140px;
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: #e4f3e1;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 0.2em solid #e4f3e1;
}

#thread li.pingback.alt {
	background-color: #fff;
}

#thread li.pingback .threadpost {
	background-color: #e4f3e1;
}

#thread li.pingback.alt .threadpost {
	background-color: #fff;
}

#thread li.pingback .threadauthor {
	float: none;
	padding: 0.9em 0.9em 0;
	width: auto;
}

#thread li.pingback .threadauthor strong {
	font-weight: normal;
}

#thread li.pingback .threadauthor small {
	color: #333;
}

#thread li.pingback .threadpost {
	margin-left: 0;
	padding: 0.5em 0.9em 1.5em;
}

#thread li.pingback .post {
	font-style: italic;
	color: #333;
	margin: 0 0 0 2.4em;
	padding: 0 0 0 0.8em;
	border-left: 3px dotted #ccc;
}

#thread .post {
	_height: 90px; /* Hack to fix broken .alt coloring in IE6 */
}

#thread .post blockquote {
	margin: 0 0 0 2.4em;
	padding: 0 0 0 0.8em;
	border-left: 3px solid #ccc;
}

#thread .post li { clear:none; }

.poststuff {
	clear:both;
	_clear: none; /* Hack to fix broken .alt coloring in IE6 */
	border-top: 1px dotted #ccc;
	margin: 10px 0 0;
	padding: 5px 0 0;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.num, #forumlist small {
	font: 11px Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	white-space: nowrap;
}

h2.post-form {
	border-bottom-width: 0;
	margin-bottom: 2px;
}

.postform {
	background-color: #f0f0f0;
	padding: 1em;
	margin-bottom: 1em;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.postform textarea {
	height: 12em;
	margin: 5px 0;
	padding: 5px;
	width: 850px;
	border: 1px solid #ccc;
	display: block;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.postform label { display: block; }

.postform #topic,
.postform #tags-input {
	margin: 5px 0;
	padding: 5px;
	width: 850px;
	border: 1px solid #ccc;
	display: block;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.postform p#post-form-forum-container label span {
	font-weight: bold;
	font-style: italic;
}
#manage-tags {
	margin-left:-40px;
	list-style: none;
}
#manage-tags li {
	float: left;
	width: 200px;
	padding-bottom: 10px;
}
p.submit {
	float:right;
	text-align:right;
}
p.allowed {
	float:left;
	margin-bottom:0;
}

.topiclink { display: block; }

.topictitle {
	font-size: 24px;
	font-weight: bold;
	display: inline;
}
#halaman {
	clear:both;
	padding-bottom:25px;
	width:100%
}
div.rss-link {
	float:left;
	text-align:left;
	width:25%
}
a.rss-link {
	color:#666;
	padding: 6px 0 6px 20px;
	background-image: url('images/feed-icon-16x16.gif');
	background-repeat: no-repeat;
	background-position: 0 50%;
}
a.rss-link:hover {
	color:#ff6600;
}
div.nav {
	float:right;
	text-align:right;
	width:74%
}


#topic-move { margin-top: 1em; }

/* Other
=================================== */

#content .frontpageheatmap a {
	font-weight: normal;
	text-decoration: none;
}

#content .infobox li { margin-bottom: 2px; }

#content .nav a {
	border: 1px solid #ccc;
	font-weight: normal;
}
#content .nav a:hover {
	border: 1px solid #999;
}
#content a:visited {
	font-weight: normal;
}

#front-search {
	float: right;
	margin-top: -8px;
}

#forumlist tr td div.nest {
	padding-left: 2.5ex;
}

#discussions .nav {
	margin-top: -2em;
	margin-bottom: 1em;
}

/* Profile Page
=================================== */

#profile-menu {
	list-style: none;
	margin:0;
	padding:0;
}

#profile-menu li {
	display:inline;
	margin-left: 3px;
}

#profile-menu li a {
	border:1px solid #fff;
	font-size: 1.1em;
	padding: 4px 7px;
}

#profile-menu li.current a {
	background-color:#ddd;
	border:1px solid #ccc;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#profile-menu li a:hover {
	background-color: #eee;
	border:1px solid #ccc;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#useravatar { margin-bottom: 1em; }

#useravatar img { display: block; border-width: 3px; border-style: double; }

#userinfo { margin-top: 10px; }

#userinfo dt { font-weight: bold; }

#userinfo dd { margin: 0 0 5px; } 

#useractivity { margin: 15px 0 5px; }

.user-recent { margin: 0 0 10px; }

.user-recent ol { margin: 5px 0 0 28px; }

.user-recent ol li { margin: 0 0 3px; }

/* Search
=================================== */

#topic-search-form fieldset {
	border-top: 3px double #ccc;
	border-bottom: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 10px 0 10px 10px;
	margin-bottom: 15px;
	background-color: #f6f6f6;
}

#topic-search-form div {
	clear: both;
}

#topic-search-form div label {
	display: block;
	float: left;
	padding: 5px;
	text-align: right;
	width: 20%;
	vertical-align: top;
	padding-right: 1em;
	font-weight: bold;
}

#topic-search-form div div {
	display: block;
	float: left;
	clear: none;
	padding: 5px;
}

#topic-search-form div div input {
	width: 280px;
	border: 1px solid #ccc;
	padding: 2px;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#search-for { margin: 15px 0 5px; }

.search-results { margin: 0 0 10px; }

.search-results ol { margin: 5px 0 0 28px; }

.search-results ol li { margin: 0 0 3px; }

/* Login, Register, Profile Edit
=================================== */

#login-page fieldset,
#register-page fieldset,
#profile-page fieldset {
	border-top: 3px double #ccc;
	border-bottom: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 10px 0 10px 10px;
	margin-bottom: 15px;
	background-color: #f6f6f6;
}

#login-page legend,
#register-page legend,
#profile-page legend {
	font-weight: bold;
	padding: 0 15px;
}

#login-page fieldset table,
#register-page fieldset table,
#profile-page fieldset table {
	text-align: left;
	margin: 0 15px;
	width: 95%;
	border-collapse: collapse;
}

#login-page fieldset table th,
#register-page fieldset table th,
#profile-page fieldset table th {
	padding: 5px;
	text-align: right;
	width: 20%;
	vertical-align: top;
	padding-right: 1em;
}

#login-page fieldset table tr.error th em,
#register-page fieldset table tr.error th em,
#profile-page fieldset table tr.error th em {
	position: absolute;
	/* fieldset:padding-left + table:margin-left + table:width + td:padding-left + input:width + input:padding-right */
	left: 458px; /* 10 + 15 + 20% * ( 95% * (760 - 10)  ) + 5 + 280 + 5 */
	margin-left: 1em; /* th:padding-right = 1em */
	color: red;
	font-style: normal;
}

#login-page fieldset table td,
#register-page fieldset table td,
#profile-page fieldset table td {
	padding: 5px;
}

#login-page fieldset table td p,
#register-page fieldset table td p,
#profile-page fieldset table td p{
	margin: 5px 0;
}

#login-page fieldset input[type=text],
#register-page fieldset input[type=text],
#profile-page fieldset input[type=text],
#login-page fieldset input[type=password],
#profile-page fieldset input[type=password] {
	width: 280px;
	border: 1px solid #ccc;
	padding: 2px;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#login-page fieldset p,
#register-page fieldset p,
#profile-page fieldset p {
	font-size: 11px;
	margin: 10px 16px;
}

#login-page tr.form-required label:before,
#register-page tr.form-required label:before,
#profile-page tr.form-required label:before,
p.required-message:before {
	content: ' * ';
	color: red;
	vertical-align: 10%;
}

.form-invalid {
	background-color: #ffebe8 !important;
}

.form-invalid input {
	padding: 1px;
	border: 1px solid #c00 !important;
}

.hidden {
	display: none;
}

#pass-strength-result {
	padding: 2px;
	text-align: center;
	width: 280px;
	border: 1px solid #ccc;
	background-color: #e3e3e3;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#pass-strength-result.bad {
	background-color: #ffeff7;
	border-color: #c69;
}

#pass-strength-result.good {
	background-color: #effff4;
	border-color: #66cc87;
}

#pass-strength-result.short {
	background-color: #e3e3e3;
}

#pass-strength-result.strong {
	background-color: #59ef86;
	border-color: #319f52;
}

p.submit input {
	border: 1px solid #999;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 14px;
	font-weight:bold;
	line-height: 14px;
	margin: 0;
	padding: 4px;
}

p.submit input:hover {
	background-color: #ddd;
	cursor:pointer
}

p.submit input:active {
	border-color: rgb(0, 100, 0);
}

/* Dropdown */
.dropdowncss {
	background-color:#000;
	font:normal 11px Verdana;
	line-height:20px;
	position:absolute;
	visibility:hidden;
	width:205px;
	z-index:100;
}
.ie .dropdowncss a{
	width:100%;
}
.dropdowncss a{
	border:1px solid #7C7C7C;
	border-top-width:0;
	color:white;
	display:block;
	padding-left:10px;
	text-decoration:none;
}
#dropmenudiv{
	background-color:#000;
	font:normal 11px Verdana;
	line-height:20px;
	position:absolute;
	text-align:left;
	z-index:100;
}
#dropmenudiv a{
	border:1px solid #7C7C7C;
	border-top-width:0;
	color:white;
	display:block;
	padding:3px 10px 3px 10px;
	text-decoration:none;
	width:165px;
}
#dropmenudiv a:hover{ /*hover background color*/
	background-color:#404040;
	border:1px solid #7C7C7C;
	border-top-width:0;
	color:#FFCC00;
}