/*
Theme Name: coklatkayu
Description: WP theme for www.woodenhousemanufacturer.com
Version: 0.3
Author: godrinkmabrain GD PT. AQSA International
Author URI: http://www.godrinkmabrain.com
*/


body {
	margin:0;
	padding:0;	
	font-size:10px;
	font-size:small;
	font-family:Verdana, "Trebuchet MS", Arial, Sans-serif;
	background:#6B2C03; url(img/body.jpg) no-repeat center bottom;
	font-size:76%;

}
/***************   COMMON ELEMENTS
############################################*/

abbr {
	cursor:help;
}
blockquote 
{
    margin:1em;
    padding-left:10px;
    border-left:#666 2px solid;
}
a
{
	text-decoration:none;

}
a:link,a:visited {
	color:#333333; 
}
a:hover, a:active {
	color:#ffffff;	

}	

p {
	line-height:1.8em;
	margin-bottom:0.5em;
}	

ul {
	list-style:none;
	margin:0;
	padding:0;
}

li 
{
	margin:5px 0;
	padding:0;
}	
ul li 
{
	padding:0 0 5px 15px;
	list-style:none;
	background:url(img/parl_bullet.png) no-repeat top left;
}
,h2,h3,h4,h5,h6 
{
	font-family:Arial, Georgia, Verdana, Serif;	
}
 {
	font-size:180%;
	font-weight:normal;
	margin-bottom:0;
	color:#4E5C7D;
}	
h2,h3 {
	font-size:1.5em;	
	color:#333300;
	margin:0.5em 0;
	padding:0.25em 0;
	font-weight:normal;	
}
fieldset 
{
	border:none;
}
img.left
{
float: left;
margin: 0 14px 3px 0;
}
img.right
{
float: right;
margin: 0 14px 3px 0;

}

#container {
	background:#ffffff url(img/body.jpg) repeat-x center top;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	width:986px;	
	float:center;
}

#header {

	margin:0px auto;
	height:350px;
	color:#000;
	position:relative;
}

#logo{
	display: inline-block;
	width: 533px;
	height: 58px;
	float: left;
	margin: 70px 0px 0px 28px;
	background: url(img/logo.png) no-repeat;
	text-indent: -9999px;
}

#product_header{
	width: 425px;
	height: 121px;
	padding: 0px 0px 0px 0px;
	margin: 50px 40px 0px 0px;
	float:right;
	background:#ffffff url(img/product_header.png) no-repeat;
}

#header input.keywords{
	display: inline-block;
	width: 259px;
	height: 38px;
	float:right;
	color: #94847b;
	padding: 28px 0px 0px 15px;
	margin: 0px 36px 0px 0px;
	border: none;
	background: url(img/search_bg.png) no-repeat;


}
#header h1{
	font-size:11px;
	font-weight:normal;
	font-family:"Verdana", sans-serif;
	letter-spacing:0.1ex;	
	background:none;
	margin:0;
	padding:30px 0px 36px 0px;	
	width:986px;
	/* background:url(img/bgtop.jpg) no-repeat top left; */
	
}
#header h1 a 
{
	color:#F7E0B6;
	border-bottom:none;
	float:right;
	margin-right:20px;
	/*padding:30px 300px 36px 335px; */
}
#header h1 a:hover, #header h1 a:active
{
	color:#ffffff;
	border-bottom:none;
}

#welcome{
	display: inline;
	width: 345px;
	float: left;
	margin: 80px 0px 0px 30px;
}

.welcome{
	display: block;
	
	width: 297px;
	height: 20px;
	background: url(img/welcome.png) no-repeat;
	text-indent: -9999px;
}

#welcome p{
	margin: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	color: #F7E0B6;
	font-size: 11px;
	
}



#content {
	float:left;
	width:650px;
	margin:0;
	padding:0 0px 0px 0px;
	background-color:#FFFFFF; 
	border-right:3px solid;
	border-color:#e8e7e7; 
}
#intro 
{
	background:#ffffff;	
	margin:0.5em;
	padding:0.5em;
	border: solid 1px #C4C4C4;		
}
#intro .profile 
{
	border:#C4C4C4 1px solid;
	margin:0 0.5em 0 0;
	padding:3px;
}
#intro em.feed
{
	background:url(img/icon_feed.gif) no-repeat left center;
	padding:2px 0 2px 16px;
	font-style:normal;
}

.page-title 
{
	background-color:#f8f8f8;
	margin:0.5em;
    padding:0.5em;	
}
.post 
{
    margin:0.5em 0.5em 3em 0.5em;
    padding:0.5em;
}
ul#posts li em
{
	font-style:normal;
	float:right;
	font-weight:normal;
}
.post-title 
{

	font-size:160%;	
    border:none;
    margin:5px 0 0.5em 0;
    padding:0;
	background-color:#f8f8f8;
}
.post-title a:link, .post-title a:visited 
{
    color:#181818;
    border-bottom:none;
}
.post-title a:hover, .post-title a:active
{
    color:#6B2C03;
    border-bottom:none;
}
.post-date 
{
    margin:0;
    padding:0;
    color:#999;    
    font-size:0.9em;
}
.post-info 
{
    color:#999;
    margin:0;
    padding:3px 0;    
    border-top:#ccc 1px solid;
    clear:both;
    font-size:0.9em;    
}
.post-info em 
{
    color:#666;
    font-style:normal;
}
.post-info em.user
{
	background:url(img/user.png) no-repeat left center;
	padding:2px 0 2px 12px;
}
.post-info em.cat
{
	background:url(img/star.png) no-repeat left center;
	padding:2px 0 2px 12px;
}
.post-info a:link, .post-info a:visited
{
    border:none;
}
.post-info a:hover, .post-info a:active
{
    border-bottom:1px solid;
}
.post-content 
{
    margin:0;
    padding:0.2em 0;
}

.post-content a:link, .post-content a:visited 
{
    color:#000000;
    border-bottom:none;
}
.post-content a:hover, .post-content a:active
{
    color:#6B2C03;
    border-bottom:none;
}



.post-comments 
{
   float:right;
}
.post-comments a 
{
   background:url(img/comments-small.gif) no-repeat left center;
   padding-left:12px;   
}
#sidebar {
	float:right;
	width:330px;
	padding:0 0px 0 0px ;
	margin:0px 0px 0px 0px;
	font-size:90%;	

	background-color:#ffffff; 
}
#sidebar h2 
{
    color:#5A1300; 
    margin:0.5em 1.5em 0 0.5em;  
	padding:5px 0 5px 15px;
    font-size:1.5em;   
    font-weight:bold; 
	background-color:#f8f8f8;
	/*background:url(img/bgfooter.jpg) repeat-x; */
}
#sidebar ul 
{
	margin:0 0 0 0;
	padding:5px 0;
	list-style:none;
}
#sidebar ul li 
{
	margin:0 0 0 0;
	padding:5px 0 0 10px;
	list-style:none;
	background:none;	
}
#sidebar ul ul, #sidebar form 
{
    margin:0;
    padding:0.5em 0 0 1em;
}
#sidebar ul ul ul 
{
	margin:0;
	padding:5px 0;
}
#sidebar ul li ul li ul li
{
	margin:0;
	padding:5px 0 5px 12px;
	background:url(img/arrow.gif) no-repeat left center;
}
#sidebar li li a:link, #sidebar li li a:visited
{
    color:#2B271C;
    border:none;
}
#sidebar li li a:hover,#sidebar li li a:active
{
    color:#B73922;
    border:none;
}
#sidebar li li 
{
    margin:0.5em 0;
}
#footer {
	clear:both;
	padding:5px 0;
	margin:0 auto;
	text-align:center;
	font-size:10px;
	color: #591001;
	background:#D5CCB7 url(img/bgfooter.jpg) top repeat-x;
	border-top: #5A1300 10px solid;
}
#footer a 
{
	border:none;
}
/*Comments Style*/
#comments, #respond{
	margin: 2em 0 0 5px;
}
.commentlist 
{
	margin:10px;
	padding:10px 20px;
}
#commentform 
{
	margin:10px;
	padding:10px;
}
.commentlist {
	margin: 0;
	padding: 0;
}
.commentlist li 
{
	list-style:none;
	margin: 10px 0;
	padding: 1em 0.5em;
	background:#f9f9f9;
	border-top: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}
.commentlist li .cmtinfo 
{
	font-size:1em;	
}
.commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
}
.commentlist li .cmtinfo em 
{
	margin:0;
	padding:0;	
	font-style:normal;
	font-size:0.9em;
	color:#666;
}
.commentlist .alt
{
	background: #fff url(img/gradtop.gif) repeat-x top;	
	border-top: #aaa 1px solid;
}

/***************   NAVIGATION                         
############################################*/

ul#navigation {
	list-style:none;
	margin:75px 0px 15px 30px;	
	padding:0 0 0 15px;
	font-family:Arial,Georgia, Verdana, Serif;
	font-weight:bold;
	/*background:#532D16 url(img/garismenu.jpg) repeat-x; */
	text-transform:uppercase;
	height:30px;
	line-height:30px;	
	font-size:0.9em;
	float:left;
	
}

ul#navigation li 
{
  float:left;
  margin:0;
  padding:0;
  list-style:none;  
  white-space:nowrap;	
  background:none;	
  color:#000000;
}	

ul#navigation li a {
  display:block;
  padding:0 20px 0 30px;
  text-transform:uppercase;
  letter-spacing:1px;
  border:none;
  color:#f1f1f1;
  
}
ul#navigation li a:hover,ul#navigation li a:active, #navigation li.current_page_item a
{
	color:#6B2C03;
	background:#ffffff;
	/*background:#4a2915; url(img/garismenu.jpg) repeat-x bottom;*/
	
}





/***************   TEXT ELEMENTS                   
############################################*/

textarea, input.textbox
{
    background:#fff url(img/gradtop.gif) repeat-x top;
	border:#aaa 1px solid;
}
textarea 
{
	width:90%;
} 
textarea:focus, input.textbox:focus 
{
	border:#964 1px solid;
}
dl dt 
{
	font-weight:bold;
	margin:5px 0;	
}
dl dd 
{
	padding-left:20px;
	display:inline;
}
#content ul.asides 
{
	margin:0 1em;
	padding:0;
	list-style:none;
}
#content ul.asides li 
{
	margin:1em 0;
	padding:0 15px;	
}
#content, #sidebar, .widget, #footer 
{
	overflow:hidden;
}



/*TAMBAHAN*/


#navcontainer ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
font-family:Arial,Georgia, Verdana, Serif;
text-transform:uppercase;
font-size:1.0em;
width: 100%;
}

#navcontainer li { display: inline; background: none;}

#navcontainer li a
{
text-decoration: none;
color: #ffffff;
padding: .2em 1em;
}

#navcontainer li a:hover
{
color: #cc332e;
}





/*_________________________ TAMBAHAN Image floating di style.css semua*/

#content .thumbnail-150{
float: left;
margin: 5px;
}
#content .thumbnail-150 h2{
text-align: center;
font-size: 11px;
font-weight: normal;
}


.left-column{
width: 300px;
float: left;
}
.right-column{
width: 150px;
float: right;
}
.spesification{
font-size: 11px;
border: none;
border-spacing:0;
}

.spesification td{
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
}