/*
Theme Name: yellowgazebo
Description: WP theme for www.thegazebomanufacturer.com
Version: 0.1
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:url(img/bgcontainerluar.jpg) repeat-x top center;
	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:#E7A600; 
}
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;

}
,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;

}
#containerluar{
background:#000000 url(img/bgcontainerluar.jpg) repeat-x top center;
width:1500px;
margin:0 auto;
border:5px solid;
border-color:#008f2f; 
}

#containerbg{
background:url(img/bgcontent2.png) repeat-y center top;
margin:0 auto;
width:960px;

}



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

}

#header {

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

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

#product_header{
	width: 361px;
	height: 121px;
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 0px 0px;
	float:right;
	background:#282828 url(img/product_header.png) no-repeat top;
}

#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:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	width:360px;
	float:right;
	/* 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: 250px;
	float: left;
	margin: 40px 0px 0px 30px;
	font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
	font-style:italic;


}

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



#content {
	float:right;
	width:600px;
	margin:0px 10px 0px 0px;
	padding:0 0px 0px 0px;

}
#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:#181818;
    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-comments 
{
   float:right;
}
.post-comments a 
{
   background:url(img/comments-small.gif) no-repeat left center;
   padding-left:12px;   
}
#sidebar {
	float:left;
	width:300px;
	padding:0 0px 0 0px ;
	margin:15px 0px 0px 20px;
	font-size:90%;	


}
#sidebar h2 
{
    color:#5A1300; 
    margin:0em 0em 0 0em;  
	padding:15px 0 15px 15px;
    font-size:1.5em;   
   
background:url(img/sidebarh2.png) no-repeat bottom;

}
#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:#CC332E;
    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: #ffffff;
	background:#363636; url(img/bgfooter.jpg) top repeat-x;

}
#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:50px 0px 15px 0px;	
	padding:0 0 0 15px;
	font-family:Arial,Georgia, Verdana, Serif;

 background:#c68e01;
 width:941px;
	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;	

  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:#000000;
	background:#aa7b02;
	/*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: #E7A600;
}





/*_________________________ 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;
}