/* CSS Document */
* { margin:0; padding:0;}
body { background-color:#79982F; background-image:url(../images/bg.jpg); background-repeat:repeat-x; }
#wrapper { margin:5px auto 0; width:920px; background-color:#FFFFFF; }
#header { height:53px;}

.logo { width:400px; float:left; position:relative;}
.rss { width:75px; float:right; position:relative;}

#green-bar { height:28px; background-image:url(../images/green-bar.png); background-repeat:repeat; width:920px; background-color:#7A992F;}

#splash { clear:both; height:233px; width:920px;}
.pics { width:400px; float:left;}
.quote { width:520px; float:left; height:233px; background-image:url(../images/splash-bg.png); text-align:center;}

.clear { clear:both;}

#column-left { width:580px; border-right:0px solid #666666; margin:5px; margin-left:0px;float:left;}
#column-left h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#669900;}

#content { padding:10px 10px 10px 20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}
#content p{ padding-left:0px; padding-bottom:10px; font-size:12px; line-height:22px;}
#content h1{ font-size:16px; padding-bottom:10px; font-style:italic;}
#content ul{ margin-left:20px; margin-top:10px; line-height:20px;}

#iklan { text-align:center; margin:15px 0;}
.posting { margin:10px; margin-left:2px; padding:10px 10px 10px 17px; border-bottom:0px dashed #CCCCCC;}
.posting-page { margin:10px; margin-left:2px; padding:10px 10px 0px 17px; border-bottom:0x dashed #CCCCCC;}
.date { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#999999; padding-bottom:5px;}
.title a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#669900; padding-bottom:5px; font-weight:bold;}
.category { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:6px 0 6px 0;}
.category a{ text-decoration:none; color:#666666;}
.intro { margin-top:10px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; }
.intro ul{ margin-left:30px; line-height:22px;}
.intro blockquote{ margin-left:20px; margin-top:10px; border-left:3px solid #CCCCCC; padding:15px; color:#666666}
.b-right{ margin-left:20px; margin-top:10px; border-right:3px solid #CCCCCC; border-left:0px solid #CCCCCC; padding:15px; color:#666666; background-color:#F4F4F4;}

.video { border:0px solid #666666;}
.video h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;color:#666600; padding:5px;}

.box {margin-top:0px; padding:10px 10px 15px;border-bottom:2px solid #CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.box h1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;color:#666600; padding:5px;}
.box ul{ list-style:square;margin-left:30px; line-height:21px;}
.box a{ text-decoration:none; color:#669900;}
.box a:hover{ text-decoration:underline; color:#669900;}

#column-right { width:300px; border-left:0px solid #666666; padding:10px; margin:5px 2px 0 10px;float:left;}

#footer { font-size:10px; background-image:url(../images/bg.jpg);  background-repeat:repeat-x;}
#footer .wrap { height:200px;margin:0 auto; width:920px; background-image:url(../images/bgfooter.jpg);background-repeat:repeat-x;  padding-top:20px; }
.biodata { margin:0px auto; width:920px; padding-left:60px; font-size:11px;}

#nav{
list-style: none;
margin: 10px 10px 0px 0px;
padding: 10px 10px 0px 10px;
text-align: right;
white-space: nowrap;
font-size:12px;
position:relative;
width:410px;
font-family:Georgia, "Times New Roman", Times, serif;
float:left;
right:0;
border:0px solid #003366;
}

ul#nav li{
display: inline;
margin: 0 0px
}

ul#nav a{
text-decoration: none;
padding:5px 7px 6px 7px;
color:#663300;
}

ul#nav a#current{
background-color:#669900;
color:#fff;
padding:5px 7px 6px 7px;
border-width: 0px;
border-style: solid;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

}

ul#nav a:hover{
background-color:#CCCCCC;
color:#333333;
padding:5px 7px 6px 7px;
border-width: 0px;
border-style: solid;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

}

.copy { 
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:5px auto;
width:920px; padding:5px; background-color:#666600; color:#FFFFFF;
border-width: 0px;
border-style: solid;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-align:center;font-size:l0px; 
}

.jawi {
	font-size:16px;
	text-align:right;
	line-height:18px;
	margin-top:15px;
}

.jawi h1{
font-size:22px;
margin-bottom:14px;
}

#posting { border-top:1px solid #333333; margin-top:3px;}
.posting p{ padding-left:0px; padding-bottom:10px; font-size:12px; line-height:22px;}
.posting a{ color:#669900; text-decoration:none;}
#posting a{ color:#669900; text-decoration:none;}
.posting-rumi { text-align:left; padding:10px; padding-top:20px;}
.posting-rumi p{ padding-left:15px; padding-bottom:10px; font-size:12px; line-height:22px;}

.posting-jawi { text-align:right; padding:10px; padding-top:20px;}
.posting-jawi h1{ font-size:35px;}
.posting-jawi p{ padding-left:15px; padding-bottom:10px; font-size:18px; line-height:22px;}

.post-meta{ margin-left:-30px; padding:5px; background-color:#E1E1E1; padding-left:25px; background-image:url(../images/post-meta-bg.jpg);}
.post-meta-jawi{ margin-left:-30px; padding:5px; background-color:#E1E1E1; padding-left:25px; background-image:url(../images/post-meta-bg3.jpg);}
/* ---- Sidebar ---- */

#sidebar {
	float: left;
	width: 302px;
	margin-top: -20px;
}

.sidebar_top1 {
	background: url(../images/sidebar_top1.png);
	width: 302px;
	height: 20px;
}

.sidebar_top2 {
	background: url(../images/sidebar_top2.png);
	width: 302px;
	height: 1px;

}

.sidebar_bg {
	background: url(../images/sidebar_bg.png);
	width: 262px;
	padding: 20px;
}

.sidebar_bg p {
	color: #666666;
	margin: 0;
	padding: 0;
}

.sidebar_bottom {
	background: url(../images/sidebar_bottom.png);
	width: 302px;
	height: 1px;
	margin-bottom: 20px;
}

/* ----------- latest post sidebar ------------ */
#latest-post {
	width:280px;
	float:left;
	padding-left:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-bottom:20px;
}
#latest-post li
{
	margin-left:12px;
	padding-bottom:5px;
}

#latest-post a
{
	line-height:20px;
	color:#669900;
	text-decoration:none;
}

#latest-post a:hover
{
	text-decoration:underline;
}