/*
body_background = '#F0F0F0'
topsidebar_background = '#EFEFEF'
post_background = '#EAEAEA'

*/
/*?> <style> */
	*{
	margin: 0;
	padding: 0;
	}
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 17px;
	background: #F0F0F0;
	}
#wrapper{
	background: #fff;
	width: 970px;
	margin: 0 auto;
	padding: 0;
	}
a{
	color: #336699;
	text-decoration: none;
	}
.clear{
	clear: both;
	}
td {
	padding: 0px 5px;
	}
blockquote{
	background: url(images/bq.gif) no-repeat top left;
	padding: 0px 0px 10px 25px;
	}
code{
	font-size: 12px;
	}
#header ul,#navigation ul li,#sidebarwrap ul,ol.commentlist {
	list-style: none;
	}
.floatleft{
	float: left;
	}
.floatright{
	float: right;
	}
/*HEADER*/
#header{
/*	background: transparent url(images/header_title.jpg) no-repeat 0px 0px;   */
	height: 60px;
	background: #006600; 
	display: block; 
	}
#header h1{
	font-size: 40px;
	padding: 10px 0px 0px 20px;
	display: block; 
/*	width: 400px; */
	color: #FFFFFF;
	}
#header_l h1 a {
	color: #CCCCCC;
	}
#header_l h2 {
	padding: 12px 0px 0px 20px;
	font-size: 12px;
	color: #CCCCCC;
	}
#header_l {
	float: left;
	height: 52px;
	}
#header_r {
	float: right;
	padding: 15px 10px;
	text-align: right;
	width: 207px;
	color: #CCCCCC;
	}
#header_r a{
	color: #CCCCCC;
	}
#header_r a: hover{
	color: #0099CC;
	,text-decoration: underline;
	}
#asides a: hover{
	color: #333333;
	text-decoration: underline;
	}
#header_r span.rss,#header_r span.email{
	margin-left: 5px;
	}
/*NAVIGATION*/
#navigation{
	height: 100%;
	border-bottom: 2px solid #E1E1E1;
	margin-bottom: 5px; /*jarak atas*/

	}
#navigation ul {
		}
#navigation ul li {
	display: inline;
	}
#navigation ul li.current_page_item a {
	color: #336699;
	}
#navigation ul li.current_page_item a: hover{
	background: transparent;
	color: #3399CC;
	}
#navigation ul li a {
	font-family: 'Arial', verdana,Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	float: left;
	padding: 5px 12px;
	font-weight: bold;
	text-transform: uppercase;
	}
#navigation ul li a: hover{
	background: #ccc;
	color: #000;
	}

/*navigation r*/
#navigation_r{
/*	height: 100%; */
	float: right;
	padding: 0px;
	}

#header_intro{
	margin: 0px 10px 0px 10px;
	margin: 0px 10px 0px 10px;
	width: 545px;
	text-align: left;
	background: #FFFF99;
	border: 1px solid #FFFF00; 
	}

#header_intro p {
	margin: 0px 10px 0px 10px;
	text-align: left;

	}


/*COTENT-CONTAINER */
#content-container{
	padding: 10px; 
	}
/*CONTENT*/
.content{
	width: 547px;
	float: left;
	padding-top: 5px; 
/*	background: #CCCCCC;  */
/*	padding-right: 10px; */
/*	border: 1px solid #CCCCCC;  */
	}
.content h1,.entry h1{
	font-size: 16px;
	padding: 0px 0px 5px 0px;
/*	border-bottom: 1px solid #CCCCCC;
*/
	}
.content h1 a{
	color: #333333;
	text-decoration: none;
	}
.content h1 a: hover{
	color: #336699;
	 	}
.content a{
	text-decoration: underline;
	}
.content a: hover{
	color: #000000;
	}
.title{
/*	border-top: 1px solid #666666; */
	background: #E9E9E9;

		}
.info {
	background: #F5F5F5 none repeat scroll 0%;
	padding: 0px 10px 0px 0px;
	font-size: 10px;
	}
.info a{
	color: #000000;
	text-decoration: none;
	}
.info a: hover{
	text-decoration: underline;
	}

span.day {
	font-size: 12px;
	font-weight: bold;
	background: #666666;
	padding: 2px 5px 3px;
	color: #FFFFFF;
	}
span.month{
	font-size: 11px;
	background: #CCCCCC;
	padding: 3px 5px 3px;
	margin: 0px 2px 0px -4px;
	}
.post{
	margin-bottom: 20px;
	background: #EAEAEA;
	padding: 3px 5px 3px;
	float: left;
	border: 1px solid #666666; 
	width: 535px; /* sama dengan content*/

	}
.post img.wp-smiley{
	border: none;
	padding: 0px;
	background: none;
	}
.entry{
	padding: 7px 0;
	background: #F8F8F8;
	padding: 3px 5px 3px;
	border-top: 2px solid #CCCCCC;

	}
.entry img{
	float: left;
	margin: 0 10px 1px 0;
	}
.entry h1{
	border: none;
	padding-top: 5px;
	}
.entry h3{
	font-size: 13px;
	}
.entry p{
	margin-bottom: 10px;
	}
.entry ul,.entry ol{
	margin: 0px 0px 10px 20px;
	list-style-position: inside;
	}
h2.pagetitle{
	font-size: 17px;
	font-weight: lighter;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 5px;
	color: #FF3366;
	margin-bottom: 10px;
	}
/*SIDEBAR*/
#sidebarwrap{
	float: right;
	width: 400px;
	margin: -30px 0 0 0;
	}
#sidebar_l{
	width: 230px;
	float: left;
	margin-left: 4px;
	}
#sidebar_r{
	float: right;
	width: 160px;
	}
#asides,#topsidebar {
	border-bottom: 1px solid #CCCCCC;
	margin: 0px 0px 10px 4px;
	padding: 10px 0;
	line-height: 15px;
	}
#asides ul li{
	margin-bottom: 10px;
	}
#asides a{
	color: #000000;
	}
span.titlea{
	background: #E4E4E4;
	padding: 1px 2px 2px 0px;
	text-transform: uppercase;
	}
.intro{
	background: #E1E1E1 url(images/isntrobg.jpg) no-repeat top;
	padding: 10px;
	margin: 0px 0px 10px 4px;
	}
img.photo{
	float: left;
	padding: 1px 8px 1px 1px;
	}
#sidebarwrap h2,#sidebarwrap h3{
	font-size: 14px;
	padding: 3px 3px 2px 3px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
#searchform{
	padding: 5px 0 5px 4px;
	border-bottom: 1px solid #CCCCCC;
	background: #CCCCCC;
	margin: 0px 0px 3px 4px;
	}
#s {
	border: 1px solid #333333;
	font-size: 11px;
	padding: 3px;
	width: 300px;
	}
#sidebar_l #s,#sidebar_r #s{
	border: 1px solid #999999;
	margin-top: 0px;
	width: 95%;
	background: #FFFFFF;
	}
#sidebar_l #searchform,#sidebar_r #searchform{
	padding: 0px;
	background: #FFFFFF;
	border: none;
	}
#searchsubmit{
	border: none;
	background: #333333;
	font-size: 10px;
	color: #CCCCCC;
	padding: 0px 6px;
	}
#topsidebar ul li,#sidebar_l ul li,#sidebar_r ul li{
	margin-bottom: 20px;
	}
#topsidebar ul li ul li,#sidebar_l ul li ul li,#sidebar_r ul li ul li{
	margin-bottom: 2px;
	background: #EFEFEF;
	padding: 2px 0px 2px 6px;
	color: #000000;
	}
#topsidebar ul li ul li a, #sidebar_l ul li ul li a,#sidebar_r ul li ul li a{
	color: #000000;
	}
#topsidebar ul li ul li a: hover,#sidebar_l ul li ul li a: hover,#sidebar_r ul li ul li a: hover{
	text-decoration: underline;
	}
#topsidebar ul li ul li a: hover,#topsidebar ul li ul li: hover,#sidebar_l ul li ul li a: hover,#sidebar_r ul li ul li a: hover,#sidebar_l ul li ul li: hover,#sidebar_r ul li ul li: hover{
	background: #CCCCCC;
	}
p.postinfo{
	padding: 35px 10px 6px ;
	margin-bottom: 10px;
	line-height: 20px;
	}
li#tag_cloud {
	text-align: center;
	}
/*COMMENT LAYOUT */
#comments {
	margin-top: 50px;
	}
#comments h2,.entry h2 {
	font-size : 14px;
	padding-top: 5px;
	}
ol.commentlist {
	margin: 10px 0 10px 0;
	border-bottom: 1px solid #ccc;
	}
.commentlist li {
	padding: 8px 10px;
	}
.alternate {
	background-color: #f8f8f8;
	}
.authorcomment{
	border-top: 1px solid #666666;
	background: #E0E0E0;
	}
.commentdata{
	float: left;
	text-align: right;
	margin-right: 10px;
	padding: 0px 10px 0px 0px;
	width: 80px;
	border-right: 1px solid #EAEAEA;
	}
.commentdata small{
	line-height: 14px;
	}
.commenttext{
	float: left;
	width: 410px;
	}
.commenttext p{
	margin-bottom: 10px;
	}
#formsection{
	margin: 20px 0;
	}
.columnform{
	float: left;
	margin-right: 10px;
	}
#author, #email, #url {
	width: 205px;
	margin-bottom: 4px;
	padding: 2px 0px;
	}
#commentarea{
	width: 300px;
	padding: 2px 0px;
	height: 148px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
p.fake{
	border-bottom: 1px solid #999999;
	padding: 3px 3px 3px 0;
	}
#submit {
	background: #333333 none repeat scroll 0% 50%;
	border: medium none;
	color: #FFFFFF;
	font-size: 11px;
	height: 29px;
	margin: 10px 0pt 0pt 1px;
	width: 207px;
	}
/*FOOTER***/
#footer{
	background: #333333;
	margin: 4px;
	padding: 4px;
	text-align: left;
	color: #CCCCCC;
	}
#footer a{
	color: #CCCCCC;
	text-decoration: none;
	}
ul#botnav{
	text-align: right;
	margin: 10px 10px 5px;
	font-size: 10px;
	}
ul#botnav li{
	display: inline;
	margin-right: 10px;
	}
ul#botnav li a{
	text-transform: uppercase;
	}
/*ICONS*/
span.tag, span.icomment, span.calendar, span.rss,span.rss2,span.folder,span.tag,span.author2,span.author,span.prev,span.asidedot,span.edit,span.editc{
	padding: 0 0  3px 19px;
	line-height: 17px;
	}
span.tag{
	background: url(images/tag.png) no-repeat top left;
	}
span.folder{
	background: transparent url(images/folder.gif) no-repeat scroll 2px 0px;
	margin-right: 11px;
	}
span.tag{
	background: url(images/tag.png) no-repeat top left;
	margin-left: 5px;
	}
span.icomment{
	border: none;
	background: url(images/comment.png) no-repeat top left;
	}
span.calendar{
	background: url(images/calendar.png) no-repeat top left;
	}
span.author{
	background: url(images/author.png) no-repeat 0px -1px;
	}
span.author2{
	background: url(images/author2.png) no-repeat 0px -1px;
	}
span.rss{
	background: url(images/rss.png) no-repeat top left;
	}
span.asidedot{
	background: transparent url(images/asidebullet.gif) no-repeat scroll -4px 2px;
	}
span.rss2{
	background: url(images/rss2.gif) no-repeat top left;
	}
span.prev{
	background: url(images/prev.gif) no-repeat top left;
	}
span.email{
	background: url(images/email.png) no-repeat right;
	padding: 1px 24px  3px 0px;
	}
span.next{
	background: url(images/next.gif) no-repeat top right;
	padding: 1px 19px  3px 0px;
	}
span.rss3{
	background: url(images/rss.png) no-repeat top right;
	padding: 1px 24px  3px 0px;
	}
span.edit{
	background: url(images/edit.png) no-repeat 0px 0px;
	}
span.editc{
	background: url(images/editc.png) no-repeat 0px 0px;
	padding: 0pt 0pt 3px 14px;
	margin-left: 5px;
	}
/* PAgeBAR */
.pagebar{
	padding: 0;
	 text-align: right;
	}
.pagebar a{
	padding: 3px 5px;
	 margin: 1px;
	 border: 1px solid #232323;
	 background: #232323;
	 text-decoration: none;
	 color: #fff;
	}
.pagebar a: hover{
	 border: 1px solid #999;
	 background: #fff;
	 color: #000;
	}
.this-page{
	font-weight: bold;
	 padding: 3px 5px;
	border: 1px solid #999;
	}
/* The ads author */
.post-iklan-user-info{
	padding: 0 !important;
	 margin: 0 0 10px 0 !important;
	 background: none !important;
	}
.post-iklan-user-info h3 {
	font-size: 14px;
	font-weight: normal;
	 padding: 0 0 2px 0 !important;
	 margin: 0 0 3px 0 !important;
	 border-bottom: 1px solid #ddd;
	}
.post-iklan-user-info p{
	padding: 1px 0 !important;
	 margin: 0px !important;
	font-size: 12px;
	}
.iklan-premium{
	background: #F2F2F2;
	 padding: 0 0 10px 10px !important;
	 margin-bottom: 20px;
	}
.iklan-premium .title, .iklan-premium .entry{
	padding-right: 10px;
	}
.iklan-premium .tag{
	padding-right: 10px;
	}
.premium-text{
	text-align: right;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 10px;
	 padding-top: 5px;
	 margin-bottom: 5px;
	}
.premium-text span{
	background: #666;
	 color: #fff;
	 padding: 5px;
	 font-weight: bold;
	}
/* Form pasang iklan */
.ads_form{
	text-align: left;
	}
.ads_form h3 {
	font-size: 14px;
	padding: 3px 3px 2px 0 !important;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
.ads_form table{
	width: 100%;
	 border: none;
	 border-collapse: collapse;
	}
.ads_form table td{
	padding: 5px 5px 5px 0;
	 vertical-align: top;
	 line-height: 150%;
	}
.ads_form input, .ads_form textarea{
	width: 250px;
	}
.ads_form input.button{
	width: 100px !important;
	}

<!-- www.Host1Free.com Counter Code -->
<script type="text/javascript" src="http://stats.host1free.com/track.php"></script>
<noscript>
<a href="http://www.host1free.com/" title="Free Hosting">Free Hosting</a>
<a href="http://www.host1free.com/web-hosting/" title="Free Web Hosting Service">Free Hosting</a>
<a href="http://www.host1plus.com/" title="Web Hosting">Web Hosting</a>
<a href="http://www.host1plus.com/vps-hosting/" title="VPS Hosting">VPS Hosting</a>
</noscript>
<!-- End of www.Host1Free.com Counter Code -->


