/*  
Theme Name: InBiz
Theme URI: http://www.sunaryohadi.com/inbiz.htm
Description: Wide WordPress theme. Simple look and 3 column fixed.
Version: 1.0
Author: Sunaryo Hadi
Author URI: http://www.sunaryohadi.info/

	Inbiz v1.0
  http://www.sunaryohadi.info/inbiz.htm

	This theme was designed and built by Sunaryo Hadi,
	whose blog you will find at http://www.sunaryohadi.info/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* General */
html, body {margin:0;padding:0; background: #7D7D7D; text-align: center;
font: 11px/1.5em Verdana, Arial, Tahoma, sans-serif;}
a {color: #039; outline:0; text-decoration: none;}
a:hover {color: #f10;}
img {border:0;}
img.left, img.alignleft {float:left; display:block; padding: 0 10px 10px 0;}
img.right, img.alignright {float:right; display:block; padding: 0 0 10px 10px;}
p {margin: 1.2em 0 0 0; padding:0;}
form {margin:0;padding:0;}

/* Layout */
#wrapper, #container, #header, #content, #sidebar, #footer, #footer-wrapper {display:inline-block; overflow: hidden;}
#container {width: 100%;background: #fff url(img/bg.png) repeat-x top left;}
#wrapper {width: 990px; text-align: left; margin:0 auto; padding:0; background: #fff url(img/bg.png) repeat-x top left;}
#content {width: 555px; padding: 20px 15px 20px 20px; float:left;}
#sidebar {width: 400px; float:right;}
#footer {width:100%; background: #000; text-align: center;}
#footer-wrapper {width:950px; margin:0 auto; padding: 20px; text-align: left;}

/* Header */
#header h1 {margin:5px 0 0 0; padding:0; font: normal 36px/46px Arial, sans-serif;}
#header h1 a {text-decoration: none;}
#header h2 {margin:0 0 35px 0; padding:0; font: normal 18px/18px Arial, sans-serif; color: #93938F;}
#header ul { margin:0; padding:0; list-style: none;}
#header ul li {float:left; margin: 0 2px 0 0; padding:0; display:inline; background: transparent url(img/tab-r.png) no-repeat right top;}
#header ul li a { display: block; overflow: hidden; margin:0; padding: 6px 10px 10px 9px; color: #fff; text-decoration: none; 
font-size: 11px; font-weight: bold; line-height: 1.0em; background: transparent url(img/tab-l.png) no-repeat left top;}
#header ul li a:hover {color: #fd0;}
#header ul li.current_page_item { background-position: right -34px; }
#header ul li.current_page_item a { background-position: left -34px; color: #069; padding: 9px 10px 8px 9px; }
#header ul li.current_page_item a:hover {color: #069; }


/* Content */
#content {color: #222222;}
#content .post {display:inline-block; overflow: hidden; text-align: justify; margin-top: 20px;}
#content .title {border-top: 3px solid #A6A6A6; border-bottom: 1px solid #A6A6A6; font-size: 11px; padding: 10px 0 5px 0;}
#content .title h2 {font-size: 20px; font-weight: normal; padding:0 0 7px 0; margin:0; line-height: 1.2em;}
#content .title h2 a {color: #069; text-decoration: none;}
#content .title h2 a:hover {color: #F00;}
#content .entry h2, #content .entry h3, #content .entry h4, #content .entry h5, #content .entry h6 {margin: 1.5em 0 0 0; padding:0;}
#content .entry h2 {font-size: 18px; font-weight: normal; }
#content .entry h3 {font-size: 16px; }
#content .entry h4 {font-size: 14px;}
#content .entry h5 {font-size: 12px;}
#content .entry h6 {font-size: 11px;}
#content .author {color: #6E6E6E;}
#content .entry {padding: 5px 0 10px 0; display:inline-block; overflow: hidden; 
font:11px/1.6em Verdana, Arial, sans-serif; color: #000;}
#content .comment-link {display: block; float:right;}
#content .comment-link a {text-decoration: none;}
#content .postmetadata {margin: 0; color: #777; font-size:11px; }
#content .post .alt { margin: 25px 0; padding: 5px 0;border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;}
#content .navigation {display:inline-block;overflow:hidden; font-size: 11px; margin: 10px 0; padding:0;}
#content .navigation .alignleft {float:left; width: 275px;}
#content .navigation .alignright {float:right;width: 275px; text-align: right;}

#content ul.link-list {margin:0;padding:0;list-style:none; }
#content ul.link-list li {margin:0;padding:0;display:inline-block; overflow: hidden; position: relative;}
#content ul.link-list li ul {padding:0 0 0 10px; list-style: none;display: block; float:left;}
#content ul.link-list li.linkcat h2 {font-size: 12px; font-weight: bold;}
#content ul.link-list li ul li {display:inline; float:left; padding-right: 15px;}
#content ul.link-list li ul li a {border-bottom: 1px dashed #999;}

/* Sidebar */
#sidebar {background: transparent url(img/sidebar-top.jpg) no-repeat right top !important; padding: 75px 0 30px 0; color: #333;}
#sidebar h2 {margin: 5px 0; padding:0; font: normal 11px/1.0em Arial, tahoma, sans-serif; text-transform: uppercase; 
color: #666666; letter-spacing: 1px;}
#sidebar #about {padding: 10px 30px 0px 30px; text-align: justify; color: #265111;}
#sidebar ul {margin:0 5px 0px 10px;padding:0; list-style: none;}
#sidebar ul h2 {border-bottom: 1px solid #CECEC1; padding: 20px 10px 5px 10px;}
#sidebar ul li ul {margin:5px 0px 0 10px; border-bottom: 0;}
#sidebar ul li ul li ul {margin-top: 0px;}
#sidebar #sidebar-mid,#sidebar #sidebar-mid-left,#sidebar #sidebar-mid-right,
#sidebar #sidebar-top, #sidebar #sidebar-bottom {display:inline-block; overflow: hidden;}
#sidebar #sidebar-mid {padding: 0px 25px 15px 20px;}
#sidebar #sidebar-top, #sidebar #sidebar-bottom {padding: 10px 30px 0px 20px;}
#sidebar #container-1 {padding-left: 10px;}
#sidebar #sidebar-mid-left {width: 180px; float:left; margin:0; padding:0;}
#sidebar #sidebar-mid-right {width: 175px; float:right;margin:0; padding:0;}
#sidebar #tag_cloud {line-height: 1.7em;}
#sidebar #tag_cloud h2 {padding: 20px 10px 5px 10px;}
#sidebar .textwidget {margin:5px 10px 0 10px;}
#sidebar #archives ul li {display: block; float:left; padding-right: 15px; width: 100px;}
#sidebar #sidebar-tabs {margin:10px 5px 0px 10px;padding:0;}
#sidebar dl {margin:5px 0 0 10px;padding:0; position: relative; line-height: 1.5em;}
#sidebar dt { line-height: 1.5em; font-size: 11px;}
#sidebar dd {margin:0;padding:0 0 0 20px; line-height: 1.5em;}
#sidebar .cat-item {font-weight: bold;}
#sidebar .children .cat-item {font-weight: normal;}
#sidebar .feedburner-headline {padding:0 0 0 10px; text-align:center; line-height:0}

/* Footer */
#footer {width:100%; color: #fff; background: #7D7D7D url(img/footer-bg.png) repeat-x top left;}
#footer h2 {margin: 5px 0; padding:0; font: bold 11px/1.0em Arial, tahoma, sans-serif; text-transform: uppercase; 
color: #eee; letter-spacing: 1px;}
#footer a {color: #3ef;}
#footer a:hover {color:#ff0}
#footer ul {margin:00; padding:0; list-style:none;}
#footer ul li {display:block; width: 160px; float:left; padding:0 10px 20px 0;}
#footer ul li ul li {padding:0;}
#footer #footer-widget { display:block; overflow:hidden; float:left; width: 650px;}
#footer #archives ul li {display: block; float:left; padding-right: 5px; width: 100px;}
#footer ul li.linkcat {width: 140px;}
#footer ul li#calendar {width: 140px;}
#footer ul li#archives {width: 320px;}
#footer ul li#falbum .falbum-thumbnail-nods {float:left; width:80px; }


/* Comments Div */
#content .sociable ul {list-style-type: none; margin:0; padding:0; list-style-position: outside;  }
#content .sociable ul li {display:inline;font-size:10px;}
#comments, #respond {font-size:11px; font-weight: bold; color: #777; margin: 15px 0 0 0; padding:0;}
h3#comments, h3#respond {font-size: 14px;}
textarea#comments {width: 494px; padding: 3px; line-height: 1.4em;}
.commentlist {margin:10px 0 10px 0px;padding:0px;list-style-position: outside; list-style-type: none;}
.commentlist li {border: 1px solid #eee; padding: 10px; margin-bottom: 5px; background: #FAFAF9;}
.commentlist li.alt {background: #FAFAF9;}
.commentcount {float:right; text-align:right; display:block;  font-size: 20px; color: #ccc; padding:5px 12px 0 0px; margin:0; line-height:1.0em;}
.commentbody cite {font-size: 11px; font-weight: bold; font-style: normal;}

.contactform {position: static;overflow: hidden;}
.contactleft {width: 30%;text-align: right;clear: both;float: left;	display: inline;padding: 4px;margin: 5px 0;}
.contactright {width: 65%;text-align: left;float: right;display: inline;padding: 4px;margin: 5px 0;}
.contactright img {vertical-align: middle;}
.contacterror {border: 1px solid #ff0000;}

.gravatar {float:left; padding: 1px; margin: 5px 5px 5px 0; background: #fff; width: 40px; height: 40px;}
#recentcomments ul {border: none;}

.sociable, .sociable ul li {line-height:1.0em;}
.sociable ul {padding:0; margin:0;}
.sociable .sociable_tagline {line-height:1.5em;}

#searchfield {width: 95%;}

#wp-calendar {width: 100%;}
#wp-calendar caption {font-size: 12px; font-weight: bold; line-height: 2.0em;}
#wp-calendar th, #wp-calendar td {text-align: center; font-size: 11px; padding:0; margin:0; line-height: 1.4em;} 


#falbum {display:inline-block; overflow: hidden;}
.falbum-thumbnail-nods {display: block; padding: 2px; float: left;}

a#tla_widget span {color: #f00;}

/* 
Style Sheet code for Image Caption Easy Plugin for WordPress
Copy and Paste this code into your WordPress theme style sheet file (style.css) then upload to its location.
You can edit any of these to suit your needs.
*/
.imagecaptioneasy {
  padding: 5px;
  font-family: arial,helvetica,sans-serif;
  font-size: 10px;
  line-height: 1.15em;
  text-align: center;
  border: 1px solid #808080;
  background: #EAEAEA;
  color: #333;
}
.imagecaptioneasy img { border: 0px solid #fff; margin-bottom:5px; }
.imagecaptioneasy span { text-align: center; }
.imagecaptioneasy_top_left { margin: 0 11px 11px 0; float: left; }
.imagecaptioneasy_top_right { margin: 0 0 11px 11px; float: right; }
.imagecaptioneasy_top_nowrap { margin: 0 0 11px 0; float: none; }
.imagecaptioneasy_left { margin: 11px 11px 11px 0; float: left; }
.imagecaptioneasy_right { margin: 11px 0 11px 11px; float: right; }
.imagecaptioneasy_nowrap { margin: 11px 0 11px 0; float: none; }