/*
Theme Name: SimplyFresh
Theme URI: http://www.kotakwarna.com
Description: Like Summer: "Simple and Fresh". Produced by <a href="http://www.kotakwarna.com" title="Kotakwarna Design Company">Kotakwarna DC</a>
Version: 1.0
Author: Fikri Wirawan
Author URI: http://www.kotakwarna.com

*/

body{
	margin: 0 ;
	font-family:  Arial, Helvetica, Georgia, Sans-serif;
	font-size: 11px;
	text-align: left;
	background:#C0C0C0 ;
	color: #333;
	
	}
a{
	text-decoration:none;
	color: #000;
	}
img{
	border:none;
	}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

#all{
        width: 985px;
        margin: 0 auto;
        background:#fff url("./images/BLOGheaderA.png") left 0px no-repeat ;
        height: 6500px;
    
        
}

/* HEADER */
#header{
	width:1005px;
	text-align: right;
        
	}
#header h1{
	font: 40px georgia;
	margin-bottom: 5px;
       
	}
#header span{
	font: 10px georgia;
	font-style: italic;
	color: #999;
	}
#daun{
	position:absolute;
	top:30px;
	right:0;
}

/* FOOTER */
#footer{
         width: 920px;
	clear:both;
	padding: 30px 0;
	text-align: center;
         margin-left: 40px ;
         
	}
#footer p{
	border-top: 1px dotted #666;
	padding-top:10px;
         background:#fff ;
}
#footer a{
	color: #666;
	border-bottom: 1px dotted #999;
}
#footer a:hover{
	color: #999900;
	border-bottom: 1px dotted #999900;
}

/* MAIN */
#main_top{
	height: 0px;
	background: url("./images/bg-top.png") repeat-x;
         margin: 0 auto;	}
#main_top_txt{
	padding: 7px 0 0 7px;
	}
#main_top_txt a{	
	color: #800000;
	text-align: left;
	}
#main_top_txt a:hover{	
	color: #FF3300;
	}
#main_top_txt_left{
	float: left;
	}
#main_top_txt_right{
	float: right;
	padding-right:20px;
	}
#main_left{
	width: 220px;
	float: left;
	margin: 72px 0 0 0;
	}
#main_right{
	width: 505px;
	float: left;
         padding-top:10px;       
	margin: 80px 0 0 75px;
	}
#page{
	
         position:relative;
         	margin: 0 0 0 0px;
	clear:both;
	top:126px;

         
}
#menu ul li{
	list-style: none;
         padding: 3px 7px 15px 7px;
	height: 20px;
	display: inline;
         margin-bottom: 0px;
       color: #ffffff;

}
#menu ul li a{
	
        margin-bottom: 0px;
	padding: 3px 7px 15px 7px;
	height: 20px;
        color: #ffffff;
	background: url("./images/page1.png")  0 0 repeat-x;
}	
#menu ul li a:hover{
	
         margin-bottom: 0px;
	padding: 3px 7px 15px 7px;
	height: 20px;
	background: url("./images/page2.png")  0 0 repeat-x;
	color: #000000;
}	

/* SIDEBAR */

.sidebar li{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
	}
.sidebar li ul{	
	margin: 0;
	padding: 0;
         text-align: left;
	}
.sidebar li ul li {
	margin: 0;
	padding: 0 0 0 5px;
	text-align: left;
	line-height: 25px;
	border-bottom: 1px dotted #800000;
	}
.sidebar li h2{
	font: 16px georgia;
	margin: 35px 0 0 0;
	padding-bottom:10px;
	background: url("./images/bgli.gif") 0 20px no-repeat;
	}
.sidebar li a:hover{
	color: #800000;
	}
.sidebar table#wp-calendar{
	width: 100%;
	}
.sidebar #rss{
	padding: 40px 0 120px 0;
	}
input#s{
	font-size:10px;
	width: 110px;
	color:#666;
	}
input#searchsubmit, .sidebar li#search input{
	font-size:10px;
	color:#333;
	}
.sidebar li#search input#s{
	width: 175px;
	}
.sidebar li#search div{
	margin-top: 40px;
	}
#calendar_wrap a{
	color: #333;
        font-size:10px;
        font-weight: bold;
	border-bottom: 1px dotted #666;
	}
#calendar_wrap a:hover{
	color: #800000;
	font-weight: bold;
	border-bottom: 1px dotted #800000;
	}

/* POST */
.post{
	line-height: 150%;
	padding-bottom:10px;
         width: 650px;
	}
.post h2, .post h2 a{
	font: 16px georgia;
	color: #800000;
         font-style: bold;
	line-height: 100%;
	margin-bottom: 0;
	}
.post h2 a:hover{
	color: #808080;
	border-bottom: 1px dotted #808080;
	}
.post h2, .post h2 a{
	font: 16px georgia;
	color: #800000;
        font-style: bold;
	line-height: 100%;
	margin-bottom: 0;
	}
.post .entry a{
	color: #996600;
         font-size: 10px;

	}
.post .entry a:hover{
	text-decoration: underline;
	}
.post p.postmetadata1{
	text-align: left;
	font-size: 10px;
	color: #666;
	margin-top: 5px;
	margin-bottom: 20px;
	}
.post p.postmetadata2{
	font-size: 10px;
	text-align: left;
	color: #666;
	}
.post p.postmetadata1 a, .post p.postmetadata2 a{
	color: #666;
	border-bottom: 1px dotted #999;
	}
.post p.postmetadata1 a:hover, .post p.postmetadata2 a:hover{
	color: #800000;
	border-bottom: 1px dotted #999900;
	}


/* COMMENTS */
.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: 10px;
	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: 12px;
	}

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


.pfield {
	float: right;
	height: 35px;
	width: 150px;
	padding: 0px;
        margin-top: 20px;
	margin-right: 0px;
        color: #666666;
	
	
}

#pbutton {
	margin-top: 1px;
	padding: 0px;
	float: right;
         margin-right: 150px;
        
}
#printbutton {
	margin: 0px;
	padding: 0px;
	float: right;
        margin-top: 0px;
}
#twitter {
	margin: 0px;
	padding: 0px;
	float: right;
        margin-top: 0px;
}
#savebutton {
	margin: 0px;
	padding: 0px;
	float: left;
        margin-top: 5px;
}
#emailbutton {
	margin: 15px;
	padding: 0px;
	float: right;
        margin-top: 5px;
}





#s-form {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 900px;
}

#right-head {
	float: right;
	width: 500px;
	padding-top: 10px;
}