/*
Theme Name: Bin
Theme URI: http://andi.saleh.web.id/
Description: Bindanaku WordPress Theme.
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/page-nav.css');
@import url('library/css/commentluv.css');
@import url('library/css/hacks.css');
@import url('library/css/additions.css');

/* Special classes */
.clear {
	float:none;
	clear:both;
	}
.imr {
	display:block;
	text-indent:-2000px;
	overflow:hidden;
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	}
.smallcap {
	text-transform:uppercase;
	font-size:0.9em;
	line-height:1.3em;
	}
.singular_title {
	width:100%;
	}
.wp-caption-text {
	text-transform:uppercase;
	font-size:0.9em;
	line-height:1.3em;
	margin-top:0.7em;
	text-align:left;
	}
.alignleft {
	float:left;
	margin:5px 20px 5px 0;
	}
.alignright {
	float:right;
	margin:5px 0 5px 20px;
	}
.aligncenter {
	float:none;
	clear:both;
	display:block;
	margin:5px auto 5px;
	}
.wp-smiley {
	vertical-align:middle;
	}
.notice {
	border-width:1px 0;
	border-style:solid;
	color:#fff;
	margin-bottom:18px;
	padding:1em 2.5em 1em 3em;
	background-position:10px 12px;
	background-repeat:no-repeat;
	display:table;
	}
.notice a, notice a:hover, .notice a:visited  {
	color:#fff;
	text-decoration:underline;
	}
.warning {
	border-top-color:#ef8686;
	border-bottom-color:#8f1a1a;
	background-color:#bf2f2f;
	background-image:url('images/warning.gif');
	}
.update {
	border-top-color:#9aef95;
	border-bottom-color:#1d7f17;
	background-color:#4dbf47;
	background-image:url('images/update.gif');
	}
.viewdemo {
	border-top-color:#ef9c3b;
	border-bottom-color:#7f4c0f;
	background-color:#cf8126;
	background-image:url('images/viewdemo.gif');
	}
.download {
	border-top-color:#86acef;
	border-bottom-color:#1f427f;
	background-color:#3b6bbf;
	background-image:url('images/download.gif');
	}
.info {
	border-top-color:#9aef95;
	border-bottom-color:#1d7f17;
	background-color:#4dbf47;
	background-image:url('images/info.gif');
	}
.footnotes {
	padding-top:10px;
	padding-left:30px;
	margin-left:0;
	background:url('images/footnote.gif') left top no-repeat;
	}
.bin-pagenav {
	text-align:center;
	padding-top:10px;
	}
.small_margin {
	margin-bottom:0.3em;
	}
img#wpstats { 
	display:none; 
	}
img.shadow {
	background:transparent url('images/shadow.png') no-repeat right bottom;
	padding:0 4px 4px 0;
	}
.hidden {
	display:none;
	}

/* Structure */
body {
	background:url('images/bg-head.jpg') center top repeat-x;
	}
#main_wrapper {
	width:990px;
	margin:0 auto;
	position:relative;
	min-height:100%;
	}
* html #main_wrapper {
	height:100%;
	}
	
/* Header */
#header {
	height:129px;
	padding:0 20px;
	background:url('images/head-shadow.jpg') center bottom no-repeat;
	position:relative;
	}
#header h1 {
	margin:0;
	}
#header h1 a {
	width:214px;
	height:28px;
	background:url('images/logo.gif');
	position:absolute;
	bottom:35px;
	}	
.description {
	display:none;
	}
#mainsearch {
	position:absolute;
	display:block;
	width:206px;
	height:27px;
	right:20px;
	bottom:29px;
	background:url('images/nav-search.jpg') center no-repeat;
	}
#mainsearch_query {
	position:absolute;
	width:167px;
	height:1.2em;
	left:33px;
	top:5px;
	padding:0;
	background:transparent;
	border:medium none;
	color:#3b92bd;
	font-size:1.2em;
	letter-spacing:-0.05em;
	}
#menu {
	position:absolute;
	right:224px;
	bottom:29px;
	}
#menu ul {
	margin:0;
	list-style:none;
	}
#menu li.page_item {
	float:left;
	}
#menu li.page_item a {
	display:block;
	height:27px;
	width:27px;
	text-indent:-2000px;
	overflow:hidden;
	background:center no-repeat;
	}
#menu li.page-item-45 a {
	background:url('images/menu-portfolio.jpg') no-repeat 0 0;
	}
#menu li.page-item-45 a:hover {
	background-position:0 bottom;
	}
#menu li.page-item-44 a {
	background:url('images/menu-aboutme.jpg') no-repeat 0 0;
	}
#menu li.page-item-44 a:hover {
	background-position:0 bottom;
	}
#menu li.page-item-43 a {
	background:url('images/menu-contact.jpg') no-repeat 0 0;
	}
#menu li.page-item-43 a:hover {
	background-position:0 bottom;
	}
#menu li.page-item-42 a {
	background:url('images/menu-blog.jpg') no-repeat 0 0;
	}
#menu li.page-item-42 a:hover {
	background-position:0 bottom;
	}
#menu li.current_page_item a, #menu li.current_page_ancestor a {
	background-position:0 bottom;
	}
	
/* Titlebar */
#home_title_bar {
	height:144px;
	background:url('images/title-shadow.jpg') center bottom no-repeat;
	padding:0 20px;
	}
#title_bar {
	height:128px;
	padding:0 20px;
	text-align:center;
	overflow:hidden;
	}
#teaser {
	margin:0 auto;
	}
.teaser_home {
	background:url('images/teaser.gif') no-repeat;
	height:29px;
	width:663px;
	position:relative;
	top:43px;
	}
.teaser_blog {
	background:url('images/teaser-blog.gif') no-repeat;
	height:29px;
	width:413px;
	}
.teaser_portfolio {
	background:url('images/teaser-portfolio.gif') no-repeat;
	height:29px;
	width:159px;
	}
.teaser_contact {
	background:url('images/teaser-contact.gif') no-repeat;
	height:29px;
	width:147px;
	}
.teaser_about {
	background:url('images/teaser-about.gif') no-repeat;
	height:29px;
	width:257px;
	}
#teaser2 {
	width:535px;
	height:44px;
	background:url('images/teaser2.gif') no-repeat;
	margin:0 auto;
	margin-top:36px;
	}
.singular_title h2 {
	font-size:2em;
	line-height:1em;
	}
#title_bar .alt {
	background:url('images/head-shadow.jpg') center top no-repeat;
	padding-top:3em;
	margin-top:60px;
	}	

/* Content */
#main_boxes {
	background:transparent url('images/boxes.jpg') center no-repeat;
	width:990px;
	min-height:366px;
	margin-top:38px;
	line-height:1.2em;
	}
.box_item {
	width:277px;
	float:left;
	margin:24px 26px 0;
	display:inline;
	}
.box_item h3 {
	display:block;
	width:1px;
	text-indent:-2000px;
	overflow:hidden;
	margin-bottom:22px;
	}
.box_item ul {
	margin-left:0;
	margin-bottom:10px;
	}
.box_item li {
	border-bottom:1px dotted #b4d5e6;
	margin-bottom:0.6em;
	padding-bottom:0.6em;
	list-style:none;
	}
.meta_box {
	text-transform:uppercase;
	font-size:0.9em;
	}
.meta_box li {
	border-bottom:none;
	}
#meta_box_subscribe {
	float:left;
	background:transparent url('images/feed.gif') left 1px no-repeat;
	padding-left:15px;
	}
#meta_box_viewblog, #meta_box_viewportfolio {
	float:right;
	background:transparent url('images/go.gif') right 1px no-repeat;
	padding-right:13px;
	}
#recent_work_img {
	display:block;
	width:278px;
	height:163px;
	overflow:hidden;
	position:relative;
	margin-bottom:10px;
	}
#img_overlay {
	position:absolute;
	top:0;
	left:0;
	}
#connect_box ul {
	margin-left:0;
	}
#connect_box .social_media li {
	float:left;
	width:36%;
	padding-left:22px;
	margin-right:16px;
	background-position:left 0;
	background-repeat:no-repeat;
	display:inline;
	}
.facebook {
	background:url('images/facebook.gif');
	}
.friendster {
	background:url('images/friendster.gif');
	}
.linkedin {
	background:url('images/linkedin.gif');
	}
.mybloglog {
	background:url('images/mybloglog.gif');
	}
.plurk {
	background:url('images/plurk.gif');
	}
.stumbleupon {
	background:url('images/stumbleupon.gif');
	}
.twitter {
	background:url('images/twitter.gif');
	}
.ym {
	background:url('images/ym.png');
	}
.metapost-tags {
	background:url('images/flag.gif') 3px 50% no-repeat;
	padding-left:20px;
	}
.metapost-tags span {
	display:none;
	}

/* Entry */
.topshade {
	background-color:#fff;
	background-image:url('images/bg-entry.jpg');
	background-position:center top;
	background-repeat:no-repeat;
	padding:50px 50px 0;
	}
.entry_content {
	padding-bottom:18px;
	min-height:275px;
	}	
.page .entry_content {
	float:left;
	width:595px;
	border-right:1px dotted #ccc;
	}	
	
.post_wrapper {
	border-bottom:1px dotted #ccc;
	padding-right:20px;
	margin-bottom:1.5em;
	}
.post_image .attached-image {
	height:74px;
	float:left;
	margin:5px 10px 5px 0;
	}

/* Sidebar */
#sidebar {
	float:right;
	width:275px;
	}
#sidebar ul {
	margin-left:0;
	}
#sidebar ul ul ul {
	margin:0.3em 0 0 1em;
	}
#sidebar ul li {
	list-style-type:none;
	margin-bottom:18px;
	}
#sidebar ul li li {
	margin-bottom:0.3em;
	}

#left_aux {
	float:left;
	width:300px;
	}
.aux-share-love {
	height:19px;
	width:179px;
	background-image:url('images/aux-titles.gif');
	background-position:left 0;
	}
.aux-subscribe {
	height:19px;
	width:179px;
	background-image:url('images/aux-titles.gif');
	background-position:left -20px;
	}
.aux-related {
	height:19px;
	width:179px;
	background-image:url('images/aux-titles.gif');
	background-position:left -39px;
	}
.aux-buy-coffee {
	height:19px;
	width:179px;
	background-image:url('images/aux-titles.gif');
	background-position:left -58px;
	}
.similar_posts {
	margin-left:0;
	}
.similar_posts li, .post_list li {
	list-style-type:none;
	margin-bottom:0.5em;
	padding-bottom:0.5em;
	border-bottom:1px dotted #ccc;
	}	
.subscribe_list {
	margin-left:0;
	}
.subscribe_list li {
	list-style-type:none;
	padding-left:20px;
	background-position:left top;
	background-repeat:no-repeat;
	margin-bottom:0.3em;
	}
.comment_rss {
	background-image:url('images/comment-rss.gif');
	}
.full_rss {
	background-image:url('images/rss.gif');
	}
.subscribe_email {
	background-image:url('images/email.gif');
	}
#subscribe_inline input[name] {
	width:150px;
	}
	
#sidebar .categories li {
	float:left;
	width:135px;
	}
#sidebar .categories li li {
	float:none;
	}
#sidebar .box_item {
	margin-top:0;
	}
#sidebar .social_media li {
	float:left;
	width:37%;
	padding-left:22px;
	margin-right:5%;
	background-position:left 0;
	background-repeat:no-repeat;
	display:inline;
	}

#sidebar .recent_work_list {
	height:465px;
	overflow:hidden;
	}
.recent_work_list img {
	border:1px solid #cae0ed;
	padding:3px;
	background:#fff;
	float:left;
	margin-right:8px;
	}
#sidebar .recent_work_list li {
	margin-bottom:1em;
	}

/* Footer */
#footer {
	padding:35px 20px 15px;
	margin:20px auto 0;
	float:none;
	clear:both;
	background:#206ba2 url('images/bg-footer.jpg') center top repeat-x;
	color:#eff9ff;
	line-height:1.3em;
	}
#footer_wrap {
	width:960px;
	margin:0 auto;
	}
#footer a, #footer a:visited {
	color:#a7c8df;
	}
#footer a:hover {
	color:#fff;
	}
#footer_aux {
	margin:0 auto 20px;
	width:940px;
	display:inline;
	float:left;
	padding:0 10px;
	}
.footer_aux_col {
	float:left;
	width:300px;
	margin-right:19px;
	margin-bottom:20px;
	}
.footer_three {
	margin-right:0;
	float:right;
	}
.aux_categories {
	width:94px;
	height:21px;
	background-image:url('images/aux-titles-footer.gif');
	background-position:left -1px;
	}
.aux_about_me {
	width:94px;
	height:21px;
	background-image:url('images/aux-titles-footer.gif');
	background-position:left -22px;
	}
.aux_popular {
	width:141px;
	height:21px;
	background-image:url('images/aux-titles-footer.gif');
	background-position:left -43px;
	}
.btt {
	text-transform:none;
	float:right;
	margin-bottom:0;
	}
.credit {
	text-align:left;
	margin-bottom:0;
	}
#toggle_footer {
	margin-left:10px;
	color:#ffe25f;
	position:relative;
	top:-2px;
	}
#footer_aux ul {
	margin:0;
	}
#footer_aux li {
	border-bottom:1px dotted #b4d5e6;
	margin:0 0 0.6em 0;
	padding-bottom:0.6em;
	list-style:none;
	width:280px;
	}
#footer_aux .footer_one li {
	margin:0 15px 0.6em 0;
	width:130px;
	float:left;
	}
#alx {
	display:block;
	height:1px;
	width:1px;
	text-indent:-2000px;
	overflow:hidden;
	}

/* Comments */
#commentlist_wrapper {
	float:right;
	width:60%;
	margin:0 0 20px;
	}
h3#comments {
	line-height:1em;
	}
ol.comment-type {
	list-style-type:none;
	margin:0 0 20px;
	}
.comment-type li {
	background:#f7fcff url('images/bg-comment.gif') left top repeat-x;
	border-width:0px 1px 2px;
	border-style:solid;
	border-color:transparent #ebf4fa #e0ebf0;
	margin-bottom:5px;
	padding:10px 10px 0;
	}
.comment-type .children {
	list-style-type:none;
	margin:0 0 0 35px;
	}
.comment-type .children li {
	background:#fff url('images/bg-comment-deep.gif') left top repeat-x;
	border-width:1px 1px 2px;
	border-style:solid;
	border-color:#fff #ebf4fa #ebf4fa;
	}
.comment-type .children li li {
	background:#f7fcff;
	border-width:1px;
	border-style:solid;
	border-color:#e8f5fb #e0eaef #e0eaef;
	}
.comment-type li.comment-author-admin {
	background:#c3ddf0 url('images/bg-comment-admin.gif') left top repeat-x;
	border-width:1px;
	border-style:solid;
	border-color:#fff #b5cedf #9fc9e7;
	}
.reply, .await-moderation {
	margin-bottom:10px;
	text-transform:uppercase;
	font-size:0.9em;
	}
.says {
	display:none;
	}
.comment-author {
	display:block;
	margin-bottom:10px;
	}
.avatar {
	float:left;
	margin:0 10px 0 0;
	}
.fn {
	font-style:normal;
	font-size:1.3em;
	letter-spacing:-0.05em;
	}
.commentmetadata {
	text-transform:uppercase;
	font-size:0.9em;
	}
.await-moderation {
	background:#d1efd2;
	border-bottom:1px solid #b5dfb6;
	border-top:1px solid #efffef;
	color:#2c8f30;
	padding:3px 0;
	text-align:center;
	}

/* Forms */
.entry_content #searchform {
	margin-bottom:18px;
	}
#searchform input#s {
	width:200px;
	padding:2px 0;
	}

#commentform input {
	width:175px;
	}
#commentform textarea {
	width:375px;
	height:150px;
	}
#commentform label {
	text-transform:uppercase;
	font-size:1em;
	margin-left:.5em;
	}
#commentform p {
	margin-bottom:5px;
	}

/* End */