/*
Theme Name: Natureal
Theme URI: http://labs.kotakwarna.com
Description: Produced by <a href="http://labs.kotakwarna.com" title="Labs.Kotakwarna Design Company">Labs.Kotakwarna</a>
Version: 1.1
Author: Fikri Wirawan (fikriwirawan[at]gmail[dot]com)
Author URI: http://fikriw.wordpress.com
Tags: fixed width, widgets, widget ready, three column, valid XHTML, gravatar


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


/* GENERAL */

body{
	margin: 0;
	font-family:  Arial, Helvetica, Georgia, Sans-serif;
	font-size: 11px;
	text-align: left;
	background: #FFFFFF;
	color: #333;
	background: url("./images/bg.jpg") left 30px no-repeat ;
        width: 1003px; 
}

a{
	text-decoration:none;
	color: #000;
}

img{
	border:none;
}

#all{
	width: 850px;
	margin: 0 auto;
}

/* TOP */

#top{
	height: 38px;
	background: url("./images/bg-top.png") repeat-x;
}

#top_txt{
	padding: 7px 0 0 7px;
	color: #CCC;
}

#top_txt a{	
	color: #FF6600;
	text-align: left;
}

#top_txt a:hover{	
	color: #FF3300;
}

#top_txt_left{
	float: left;
}

#top_txt_right{
	float: right;
	padding-right:20px;
}

/* HEADER */

#header{
	height: 105px;
	margin-top: 70px;
}

#header_logo{
	width: 210px;
	float:left
}

.header_round{
	width: 15px;
	float:left;
}

#header_menu{
	width: 610px;
	height: 105px;
	float: left;
	background: url("./images/bg_head.png") repeat-x;
}

#header_menu_page{
	width: 380px;
	height: 105px;
	float:left;
	padding: 64px 0 0 7px;
	background: url("./images/bg_head_menu.png") left 50px no-repeat;
}

#header_menu_page ul{
	margin:0;
	padding:0;
}

#header_menu_page ul li{	
	margin: 0;
	padding: 0 15px;
	padding-right: 20px;
	float: left;
	list-style: none;
}

#header_menu_page ul li a{
	color: #666;
}

#header_menu_page ul li a:hover{
	color: #333;
}

#header_search{
	width: 210px;
	height: 43px;
	float: right;
	padding: 60px 0 0 0;
	background: url("./images/bg_head_search.png") left 50px no-repeat;
}

#header_search input.s{
	margin-left: 10px;
	width: 130px;
	background: #EEFFCCEE;
	border: 1px solid #ccc;
}

#header_search input#searchsubmit{
	width: 50px;
	font-size: 10px;
	color: #333;
}

/* CONTENT */

#main_top{
	width: 100%;
	height: 30px;
	clear: both;
	background: url("./images/bg_main_top.jpg") no-repeat;
}

#main_bottom{
	width: 100%;
	height: 70px;
	clear: both;
	background: url("./images/bg_main_bottom.jpg") no-repeat;
}

#main_col{
	width: 100%;
	clear: both;
	background: url("./images/bg_main.jpg") repeat-y;
}

#main_col1{
	width: 206px;
	background: url("./images/bg_main-1.jpg") repeat-y;
	float: left;
	color: #999999;
}

#main_col2{
	width: 411px;
	float: left;
	background: #FFFFFF;
	margin-top: 15px;
}

#contents{
	padding: 0 20px;
}

#right{
	width: 220px;
	float: left;
	background: url("./images/bg_main_ka.jpg") right top repeat-y;
}

#main_col3{
	width: 204px;
	background: #EAE2AA url("./images/bg_main_round_top.jpg") left top no-repeat;
}

td{ 
	vertical-align: top;
}

.main_round{
	background: #FFFFFF;
}

/* FOOTER */
#footer{
	width: 100%;
	height: 100px;
	clear: both;
	padding-top: 20px;
	background: url("./images/footer.png") left bottom repeat-x;
	text-align: center;
}

#footer a{
	border-bottom: 1px dotted #666;
}

#footer a:hover{
	color: #FF3300;
	border-bottom: 1px dotted #FF3300;
}

/* SIDEBAR */

.sidebar{
	padding: 0 20px;
	margin:0;
}

.sidebar ul li{
	list-style: none;
	margin: 0;
	padding: 0;
	color: #ffffff;
}

.sidebar ul, .sidebar ul li ul li{
	margin: 0;
	padding: 0;
}

.sidebar ul li ul li{
	width: 160px;
	padding: 6px 0 3px 1px;
	border-bottom: 1px dotted #999999;
}

.sidebar ul li ul li a, .sidebar #tag_cloud a{
	color: #ffffff;
}

.sidebar ul li ul li a:hover, .sidebar #tag_cloud a:hover{
	color: #99CC00;
}

.sidebar ul li h2{
	color: #FFF;
	font-size: 14px;
	padding-top: 20px;
}

.sidebar input{
	font-size: 10px;
}

.sidebar form{
	padding-top: 30px;
}

table#wp-calendar{
	width: 100%;
}

#wp-calendar a{
	color: #8A5B2D;
	border-bottom: none;
}

#wp-calendar a:hover{
	color: #FF6600;
	border-bottom: 1px dotted #FF6600;
}

input.s{
	font-size:10px;
	width: 165px;
	color:#666666;
}
	
#main_col3	.sidebar ul li ul li, #main_col3 .sidebar ul li ul li a{
	color: #8A5B2D;
}

#main_col3 .sidebar ul li ul li a:hover{
	color: #FFCC00;
}

#main_col3 .sidebar ul li ul li{
	border-bottom: 1px dotted #FFEEEE;
}

#main_col3 .sidebar ul li h2{
	color: #8A5B2D;
}

#main_col3 table#wp-calendar, #main_col3 table#wp-calendar a{
	color: #8A5B2D;
}

#main_col3 .sidebar ul li ul li a, #main_col3  .sidebar #tag_cloud a{
	color: #8A5B2D;
}

#main_col3 .sidebar ul li ul li a:hover, #main_col3 .sidebar #tag_cloud a:hover{
	color: #70CC26;
}

/* POST */



.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 0 auto 20px;
    text-align: center;
}

.aligntright {
    float: right;
    margin: 0 0 20px 20px;
}

.post{
	line-height: 150%;
	padding-bottom: 10px;
}

.post h2, .post h2 a{
	font: 20px georgia;
	color: #FF6600;
	line-height: 100%;
	margin-bottom: 0;
}

.post h2 a:hover{
	color: #FF3300;
	border-bottom: 1px dotted #FF3300;
}

.post .entry a{
	color: #996600;
}

.post .entry a:hover{
	text-decoration: underline;
}

.post p.postmetadata1{
	text-align: left;
	font-size: 10px;
	color: #666666;
	margin-top: 5px;
	margin-bottom: 20px;
}

.post p.postmetadata2{
	font-size: 10px;
	text-align: right;
	color: #666666;
}

.post p.postmetadata1 a, .post p.postmetadata2 a{
	color: #666666;
	border-bottom: 1px dotted #999;
}

.post p.postmetadata1 a:hover, .post p.postmetadata2 a:hover{
	color: #999900;
	border-bottom: 1px dotted #999900;
}


/* COMMENTS */
.commentmetadata .avatar {
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
	border: 1px solid #999999;
}

#comments_text{
	padding-top: 0px;
	padding-left: 45px;
}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px 20px;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 15px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 11px;
	width: 360px;
}

.comments-template input{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 11px;
	width: 150px;
}

.comments-template input#submit{
	font-size: 11px;
	width: 100px;
}

.comments-template a{
	color: #666;
	border-bottom: 1px dotted #999;
}

.comments-template a:hover{
	color: #999900;
	border-bottom: 1px dotted #999900;
}

.commentmetadata{
	font-size: 11px;
}

.commentmetadata strong a{
	color: #CC3300;
	border-bottom: 1px dotted #CC3300;
}

.commentmetadata strong a:hover{
	color: #CC0000;
	border-bottom: 1px dotted #CC0000;
}

.commentmetadata_right, .commentmetadata_right a{
	text-align: right;
	border-bottom:none;
}

.commentmetadata_right a:hover{
	color: #CC0000;
	border-bottom: 1px dotted #CC0000;
}