/*  
Theme Name: brandebiz
Theme URI: http://www.jauhari.net/
Description: By purchasing this product, you agree to the following: The copyright informations must remain intact in the product, except for Developer Packs. The product may be used by the licensee in any personal or commercial projects. They may not be resold or redistributed.
Version: 1.0
Author: Nurudin Jauhari
Author URI: http://www.jauhari.net/
Tags: three-columns,fixed-width, red, threaded-comments,right-sidebar

	This theme was designed and built by Chris Ilett and Nurudin Jauhari,
	Crafted on 11 April 2009
	Last Edit: 11 April 2009 20.22  +7 GMT

*/

/* \*/
@import url('css-reset.css');
@import url('css-navi.css');
@import url('css-dropdown.css');
@import url('css-supercat2.css');
@import url('css-bottom.css');
@import url('css-contact.css');
/* :Comment */
@import url('css-comment.css');
/* */

body {
	background: #fff;
	font: 13px Arial, Verdana, sans-serif; 

	line-height: 1.5em;
}
hr {
	display: none;
}
/* */
code, pre {
	font: 1.1em 'Courier New', Courier, Fixed;
	width: 490px;
	overflow: auto;
}
pre {
	overflow: auto;
	max-width: 490px;
	margin-bottom: 20px;
}
acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}
br.clear {
	clear: both;
}
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}
/* End Images */

/* Captions */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	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: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 15px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Begin Lists

/* Begin Calendar */
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
}
#wp-calendar a {
	text-decoration: none;
}
#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
}
#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}
#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}
#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}
#wp-calendar a {
	display: block;
}
#wp-calendar caption {
	text-align: center;
	width: 100%;
}
#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff;
}
/* End Calendar */



/* Begin Various Tags & Classes */

img.wp-smiley {
	vertical-align: -25%;
}
acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
a img {
	border: none;
}
/* L I N K S */

a:link, a:visited {
	text-decoration: underline;
	color: #205B87;
}
a:hover {
	text-decoration: none;
	color: #112F46;
}
/* :Layout Me */

#page {
	position: relative;
	width: 930px;
	margin: 20px auto 0;
	background: #fff;
	padding: 20px;
}
#pager {
	position: relative;
	width: 930px;
	background: url(images/brand/login2.png) 0 bottom repeat-x;
	margin-bottom: 10px;
}
#content-wrap {
	width: 100%;
	float: left;
}
#content {
	margin: 0 450px 0 0;
}
#sidebar {
	float: left;
	margin-left: -430px;
	width: 430px;
}
.side2 {
	float: left;
	width: 100%;
}
.side2 .gap {
	margin: 0 210px 0 0;
}
.sideright {
	float: left;
	margin-left: -190px;
	width: 190px;
}
#footer {
	width: 930px;
	margin: 20px auto 0;
	position: relative;
}
#footer .right {
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
}
#footer .rss a {
	background: url(images/ico/feed-icon-10x10.png) 0 3px no-repeat;
	padding-left: 13px;
}
#footer a {
	color: #666;
}
.subfoot {
	position: relative;
	margin-top: 15px;
	width: 930px;
}
.onefoot {
	width: 350px;
	float: left;
}
.onefoot .gap {
	padding: 10px;
	border: 1px solid #ccc;
	background: url(images/bg/onefoot.gif) 0 bottom repeat-x;
}
.onefoot .gap:hover {
	padding: 10px;
	border: 1px solid #666;
}
.onefoot .gap {
	margin-right: 15px;
}
.onefoot a:link {
	color: #000;
}
.onefoot a:visited {
	color: #222;
}
.onefoot ul {
	list-style: square;
}
.onefoot ul li {
	margin-left: 20px;
	color: #c205B8700;
}
.onefoot a:hover {
	color: #c205B8700;
}
.emploan {
	position: absolute;
	right: 0;
	top: 0;
	width: 230px;
}
.subfoot h3 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	color: #112F46;
	margin-bottom: 10px;
}
#sidebar h2 {
	font-family: Helvetica, arial, verdana, sans-serif;
	font-size: 16px;
	letter-spacing: -0.8pt;

}
#sidebar h3 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1px;
	margin-bottom: 5px;
}
#header {
	height: 101px;
	position: relative;
}
.adtop {
	position: absolute;
	right: 0;
	top: 0;
}
#header h1 {
	position: absolute;
	left: 0px;
	top: 0;
	font-size: 40px;
	letter-spacing: -3pt;
	padding: 10px 0 14px;
}
#header h1 a {
	text-decoration: none;
	color: #000;
	background: url(images/brand/logo2.gif) 0 0 no-repeat;
	height: 45px;
	width: 290px;
	display: block;
	text-indent: -5000px;
}
.description {
	display: none;
}

#sub-nav {
	height: 12px;
	margin: 10px 0 15px;
	background: #00A0C6;
}
/* :Menu */
/* :Menu */
#navr {
	position: relative;
	width: 100%;
	height: 25px;
	margin-bottom: 15px;
}

/*
#navr ul.menu {
}
#navr ul.menu li {
	float: left;
}
#navr ul.menu li a:link, #navr ul.menu li a:visited {
	color: #777;
	text-decoration: none;
	padding: 4px 10px;
	border: 0px 
	border-bottom: none;
	border-left: none;
}

*/

#navr ul.menu {
	float: right;
	clear: left;
	list-style: none;
	padding: 0;
	position: relative;
	width: 35%;
	border-bottom: 1px solid #ccc;
	z-index: 597;
}
#navr ul.menu li {
	padding: 0;
	float: left;
	vertical-align: middle;
	zoom: 1;
}
#navr ul.menu li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}
#navr ul.menu  ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left:0;
	z-index: 598;
	width: 100%;
}
#navr ul.menu ul li {
	float: none;
}
#navr ul.menu  ul ul {
	top: 1px;
	left: 99%;
}
#navr ul.menu li:hover > ul {
	visibility: visible;
}

/* Set */
#navr ul.menu ul {
	width: 150px;
	margin-top: 1px;
}


#navr ul.menu li a:link, #navr ul.menu li a:visited {
	background: #fff;
	display: block;
	color: #777;
	padding: 3px 10px;
	border: 1px solid #fff;
	border-left: none;
	border-bottom: none;
	text-decoration: none;
}
#navr ul.menu li li a:link, #navr ul.menu li li a:visited {
	border-left: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: none;
}
#navr ul.menu li.current_page_item a:link, #navr ul.menu li.current_page_item a:visited {
	color: #111;
	background: #bbb;
}
#navr ul.menu li.start a {
	border-left: 0px solid #ccc;
}
#navr ul.menu li.current_page_item a:hover, #navr ul.menu li.page_item a:hover {
	color: #111;
	background: #ccc;
}
#navr ul.menu a:hover,
#navr ul.menu li.hover,
#navr ul.menu li:hover
 {
	background: #efefef;
}




#navr2 {
	position: relative;
	width: 100%;
    background: #00A0C6;
	height: 27px;
	margin-top: 15px;
	z-index: 567;
}
#navr2 ul.menu li.current_page_item a {
	background: #000;
}
#navr2 ul.menu a:hover {
	background: #222;
}

#catnav {
	margin-bottom: 15px;
	height: 31px;
	background: #00A0C6;
}

/* :Post */
#article-wrap {
	width: 100%;
	float: left;
}
#article {
	margin: 0 170px 0 0;
	padding-right: 10px;
	border-right: 1px solid #ccc;
}
.klik {
	float: left;
	margin-left: -160px;
	width: 160px;
}
#article2 {
	margin: 0 0 0 170px;
	padding-left: 10px;
	border-left: 1px solid #ccc;
}
.klik2 {
	float: left;
	margin-left: -500px;
	width: 160px;
}
.lastlast {
	background: url(images/brand/login2.png) 0 bottom repeat-x;
	margin-bottom: 15px;
	width: 470px;
	padding-bottom: 40px;
}
.posted {
	background: url(images/brand/login2.png) 0 bottom repeat-x;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
#article-blog .post {
	background: url(images/brand/login2.png) 0 bottom repeat-x;
	position: relative;
	padding-bottom: 30px;
	width: 470px;
}
#article-blog .postmetadata2 {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 12px;
	width: 470px;
}


#article .postmetadata2 .tagr, #article2 .postmetadata2 .tagr {
	padding-right: 100px;
}
#article .postmetadata2 .commr, #article2 .postmetadata2 .commr {
	position: absolute;
	right: 0;
	bottom: 0;
}
.pagetitle, #the_category h3 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 3px;
}
.post {
	margin-bottom: 20px;
}
.post p {
	margin-bottom: 10px;
}
.post ul {
	list-style: square;
	margin-left: 25px;
	margin-bottom: 10px;
}
.post ol {
	list-style-type: decimal;
	margin-left: 30px;
	margin-bottom: 10px;
}
.posted h2, .post h2 {
	font-family: Helvetica, arial, verdana, sans-serif;
	font-size: 18px;
	letter-spacing: -0.8pt;
}
.post h2 a:link, .post h2 a:visited {
	color: #202020;
	text-decoration: none;
}
.post h2 a:hover {
	color: #000;
	text-decoration: underline;
}
.page h2 {
	margin-bottom: 10px;
}
.xpost h2 {
	font-size: 14px;
}
.xpost h2 span {
	width: 50px;
}
.entry h2 {
	font-size: 16px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px;
}
.entry h3 {
	font-size: 14px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px;
}
.entry blockquote {
	font-style: italic;
	font-size: 15px;
	color: #666;
	margin-left: 60px;
}
.postmetadata {
	font-size: 12px;
	color: #666;
	margin: 5px 0;
}
.archives h3,
.single .postmetadata, .headhead {
	background: url(images/bg/featured_h3.gif) 0 bottom repeat-x;
	padding-bottom: 4px;
	border-bottom: solid 1px #ccc;
	margin-bottom: 10px;
}
.postmetadata a {
	color: #444;
	text-decoration: underline;
}
.lastlast {
	position: relative;
}
.lastlast h2 {
	font-size: 18px;
	line-height: 1.2em;
}
.lastlast a:link, .lastlast a:visited {
	color: #666l
}
.lastlast h2 a:link, .lastlast h2 a:visited {
	color: #333333;
	text-decoration: none;
}
.lastlast h2 a:hover {
	color: #112F46;
}
.lastimage {
	float: right;
	margin-left: 10px;
}
.postmetadata2 {
	position: absolute;
	bottom: 0;
	width: 490px;
}
#article .postmetadata2 .commr, #article2 .postmetadata2 .commr, #article-blog .postmetadata2 .commr {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.lastlast .postmetadata2 .commr {
	position: absolute;
	right: 20px;
	bottom: 10px;
}
.lastlast .tagr {
	position: absolute;
	left: 0px;
	bottom: 10px;
}
.postmetadata2 a:link, .postmetadata2 a:visited {
	color: #205B87;
}
.postmetadata2 a:hover {
	color: #000;
}
.onhit {
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 15px;
	background: url(images/bg-shadow.gif) 0 0 repeat-x
}
.onhit .theimage {
	float: right;
	margin-left: 10px;
}
.onhit div {
	overflow: auto;
}
.onhit:hover {
	border: 1px solid #666;
}
.onhit h3 {
	text-align: right;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}
.onhit h3 a:link, .onhit h3 a:visited {
	color: #000;
	text-decoration: none;
}
.onhit h3 a:hover {
	color: #112F46;
}
.onhit div {
	margin-bottom: 10px;
}
.info {
	padding: 15px;
	background: #efefef url(images/rss.gif) 98% 0 no-repeat;
	position: relative;
	margin-bottom: 15px;
	color: #777;
}
.info a:link, .info a:visited {
	color: #333;
}
.thisavatar {
	float: right;
	margin-left: 10px;

}
/* sidebar */
#sidebar a:link, #sidebar a:visited {
	color: #205B87;
}
#sidebar a:hover {
	color: #112F46;
}
.insan {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
}
.arsip li, .categories li {
	float: left;
	width: 200px;
}
.boxr {
	margin-bottom: 15px;
}
.boxrx {
	margin-bottom: 10px;
}
.search {
	border: 1px solid #ccc;
	padding: 15px 10px;
	margin-bottom: 15px;
	position: relative;
	background: url(images/bg/zoom.gif) 5px 2px no-repeat;
}
.search:hover {
	border: 1px solid #666;
}
.search #s {
	width: 150px;
	border: 1px solid #00A0C6;
	padding: 4px;
	background: transparent;
}
.noresults #s {
	width: 480px;
	border: 1px solid #999;
	padding: 4px;
	margin-top: 10px;
	background: transparent;
}
.noresults #searchsubmit {
	width: 80px;
	margin-top: 5px;
	padding: 3px;
	background: #333;
	color: #fff;
	border: 1px solid #333;
}
.search #searchsubmit {
	width: 30px;
	padding: 3px;
	background: #333;
	color: #fff;
	border: 1px solid #333;
	position: absolute;
	right: 15px;
}
.flickr li {
	float: left;
	width: 90px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.flickr li img {
	border: 5px solid #ccc;
}
.flickr li img:hover {
	border: 5px solid #205B87;
}

.posted h2 a:link, .posted h2 a:visited {
	color: #202020 !important;
	text-decoration: none;
}
.posted h2 a:hover {
	color: #000 !important;
	text-decoration: underline;
}
#sub {
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 80px;
	border: 1px solid #0FA30A;
	background: #0FA30A;
	color: #fff;
	padding: 4px 10px;
}
.navigation {
	margin-top: 10px;
	width: 100%;
	margin-bottom: 10px;
}
.navigation a {
	color: #112F46;
}
.navigation .alignleft {
	float: left;
	width: 50%;
}
.navigation .alignright {
	float: right;
	text-align: right;
	width: 50%;
}
.nowidgettitle {
	display: none;
}
/* Mybloglog
--------------------------------------
*/

#mmbl {
}
td.mbl_fo_hidden {
	display:none
}
tr#tr0 {
	display:none
}
th.mbl_h {
	display:none
}
.mblku {
	margin: 10px 0 0;
	padding: 0;
	line-height: 0;
}
.textad {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

.innis {
	overflow: auto;
}
.special {
	float: left;
}

a.feeded {
	background: url(images/ico/feed-icon.gif) 0 0 no-repeat;
	height: 16px;
	text-indent: -5000px;
	width: 16px;
	float: right;
	display: block;
}

/* Change Log ****
1.0	: First Public Released
*** */