body{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#3f484e;
	background:#eeebe4;
}
input{
	font-family:Tahoma,Arial, Helvetica, sans-serif;
}

#logo a{
	display:block;
	height:100px;
	background:url(images/logo.png) 0 0 no-repeat;
}
	#logo a span{
		display:none;
	}

/*------- CSS for header --------- */

#header .menu{
	font-size:14px;
	float:left;
}
	#header li{
		height:20px;
		line-height:20px;
		float:left;
		margin:0 10px;
	}
		#header .menu a{
			font-weight:bold;
			text-decoration:none;
			color:#28343b;
		}
			#header .menu a:hover{
				color:#013278;
			}
#header .elements{
	float:right;
}
	#header .search{
		width:200px;
		background:url(images/header-search-bg.gif) right top no-repeat;
	}
		#header .textbox{
			border-width:0px;
			padding:0;
			margin:4px 0 0 30px;
			width:160px;
			height:14px;
			color:#b6b4ae;
			font-size:11px;
			background-color:transparent;
		}
	#header .subscribe{
		background:url(images/mini-rss-icon.gif) left center no-repeat;
		padding:0 0 0 20px;
	}
		#header .subscribe a{
			font-weight:bold;
			text-decoration:none;
			color:#e96200;
			font-size:14px;
		}
			#header .subscribe a:hover{
				color:black;
			}

.box-head{
	height:40px;
	padding:0 5px 0 0;
	background:url(images/box-heads.png) 100% 0 no-repeat;
}
.box-head.dark{background-position: 100% -40px}
.box-head.red{background-position: 100% -80px}
.box-head.blue{background-position: 100% -120px}
	.box-head h2{
		height:40px;
		line-height:40px;
		font-size:15px;
		color:white;
		font-weight:bold;
		background:url(images/box-heads.png) 0 0 no-repeat;
	}
	.box-head.dark h2{background-position: 0 -40px}
	.box-head.red h2{background-position: 0 -80px}
	.box-head.blue h2{background-position: 0 -120px}
		.box-head h2 span{
			padding:0 0 0 10px;
		}

/*************************************
 Popular recent Posts left Sidebar
**************************************/

#popular  li {
        
        margin-left: 0px; 
        padding: 7px;
        margin-bottom: 5px;
        font-size: 12px;
        border-bottom:solid 1px #cfceca;
        text-decoration: none;
        text-align: justify;
}


#popular   li a,  {
	padding: 0;
        color:#01429e;
	text-decoration:none;
}
#popular  li a:hover {
	color:#FF5604;
	text-decoration:underline;
}



/*------- CSS for show Ads dalam postingan --------- */
#ads {
	width: 250px;
	height: 250px;
	float: left;
	border: 0px solid #000000;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 5px;   
}


/*------- CSS for body --------- */

.box-body{
        line-height: 1.5;
	font-size:13px;
        font-family:Tahoma,Arial, Helvetica, sans-serif;
	padding:10px 0;
       	background:url(images/box-body.png) 0 1px repeat-x;
        text-align: justify;
        color:#000;
}
	#latest-in .box-body{
		padding-bottom:0;
		font-size:11px;
	}

/*------- CSS for Subbody --------- */

.sub.box-body{border-top:solid 2px #e7e6e4}
.ad.box-body{padding:1px 0}
.meta.box-body{
	border-top:solid 2px #e7e6e4;
	border-bottom:solid 2px #e7e6e4;
	margin-bottom:10px;
	padding-bottom:10px;
}
	.box-body h3{
		padding:0 10px 10px 10px;
		font-size:18px;
		color:#003366;
	}
		#latest-in .box-body h3{
			padding:0 0 0 10px;
		}
		.box-body h3 a{
			color:#003366;
			text-decoration:none;
		}
		.box-body h3 a:hover{
			color:#01429e;
		}
	.box-body p{
		padding:.5em 10px;
	}
	.box-body .left-image{
		float:left;
		margin:0 10px 0 0;
		padding:3px;
		border:solid 1px #c3c2be;
	}
	.box-body .right-image{
		float:right;
		margin:0 0 0 10px;
		padding:3px;
		border:solid 1px #c3c2be;
	}
	.box-body a{
		color:#01429e;
		
	}
		.box-body a:hover{
			color:#FF5604;
                 text-decoration:underline;
		}

   
/*-------- CSS for UL/OL lists ---------- */ 



.class-content ul li {

	line-height: 1.5em;
	background: url(images/bullet.png) no-repeat;
	background-position: left 5px;
	padding-left: 15px;
        margin-left: 13px;
	margin-bottom: 5px;
	font-size: 12px;
        text-decoration: none;
        }
.class-content li a{
			color:#01429e;
			text-decoration:none;
		} 

.class-content  li a:hover{
			color:#FF5604;
			text-decoration:underline;
			}     


     
	.box-body .meta{
		padding:0 0 10px 10px;
		color:#66727a;
		text-indent:0;
	}
		#latest-in .box-body .meta{
			padding:0 0 0 10px;
		}
	.box-body .foot{
		height:20px;
	}
	#latest-in .box-body .foot{
		padding:0;
	}
		.box-body .foot a{
			float:right;
			display:block;
			height:17px;
		}
			.box-body .foot a span{
				display:none;
			}
		.box-body .read-more{
			width:80px;
			background:url(buttons/read-more.gif) 0 0 no-repeat;
		}
			.box-body .read-more:hover{
				background-position:0 -17px;
			}



/*------- CSS box excerpt related artikel --------- */

.box-body .excerpts,
.box-body .st-related-posts{
	padding:0 10px;
}
	.box-body .excerpts li,
	.box-body .st-related-posts li{
		padding:4px;
		border-bottom:solid 1px #cfceca;
	}
		.box-body .excerpts li img,
		.box-body .st-related-posts li img{
		vertical-align:middle;
		}
		.box-body .excerpts li a{
			color:#000;
			text-decoration:none;
		}
		.box-body .st-related-posts a{
			text-decoration:none;
			font-weight:bold;
		}
			.box-body .excerpts li a:hover,
			.box-body .st-related-posts a:hover{
				color:#013278;
				text-decoration:underline;
			}
		.box-body .excerpts li small{
			display:block;
			font-size:10px;
			color:#000;
		}
		.box-body .st-related-posts li small{
			display:block;
			font-size:11px;
			color:#000;
			padding:2px 0 5px 0;
		}
			.box-body .excerpts li small a,
			.box-body .st-related-posts li small a{
				font-size:11px;
				color:#013278;
				text-decoration:underline;
			}
				.box-body .excerpts li small a:hover,
				.box-body .st-related-posts li small a:hover{
					color:#FF5604;
				}

/*---------- CSS prev and next ---------- */

.prev-next{
	height:17px;
	padding:20px 0;
}
	.prev-next span{
		display:none;
	}
	.prev-next a{
		display:block;
		height:17px;
		width:65px;
	}
	.prev-next .prev a{
		float:left;
		background:url(buttons/previous.gif) 0 0 no-repeat;
	}
		.prev-next .prev a:hover{
			background-position:0 -17px;
		}
	.prev-next .next a{
		float:right;
		background:url(buttons/next.gif) 0 0 no-repeat;
	}
		.prev-next .next a:hover{
			background-position:0 -17px;
		}

/*------- CSS Avatar comment --------- */


img.avatar {float:left; margin-right:5px;}



/*------- CSS Comment and respond --------- */

.comment{
	min-height:100px;
}
	.comment cite{
		padding:0 10px 10px 10px;
		font-size:15px;
		font-weight:bold;
	}
		.comment cite a{
			color:#003366;
			text-decoration:none;
		}
	.comment small{
		display:block;
		padding:0 0 0 10px;
		color:#66727A;
	}
	#respond p{
		padding:5px 0 0 10px;
	}
	#respond em{
		font-size:10px;
		font-style:italic;
		color:#66727A;
	}
	#respond .textbox{
		width:200px;
		padding:3px 5px;
		border:solid 1px #A7A6AA;
	}
	#respond textarea{
		width:400px;
		height:150px;
	}
	
/*------- CSS for sidebar link and bullet --------- */

.sidebar .box-body ul{
	padding:0 10px;
}
	.sidebar .box-body ul li{
		border-bottom:solid 1px #cfceca;
	}
		.sidebar .box-body ul li a{
			display:block;
			padding:5px;
			font-size:13px;
			color:#013278;
			text-decoration:none;
		}
			.sidebar .box-body ul li a:hover{
				padding-left:23px;
				background:url(images/nav-li-bullet.gif) 5px 6px no-repeat;
			}


/*---------- CSS for footer ----------*/

#footer{
	color:#8b8f8f;
}
	#header a{
		font-weight:bold;
		color:#28343b;
	}
		#header a:hover{
			color:#013278;
		}


/*-------- CSS for related post after post article-----------*/

#latest_area h2 {
	float: block;
	background-image:url(images/featured_header.gif);
	background-repeat:no-repeat;
	height: 29px;
	margin: 5px 0px 0px 0px;
	_margin: 10px 0px 0px 0px;
	padding: 5px 15px 5px 15px;
        font-family:"Trebuchet MS", Arial, Helvetica;
	color:white;
	font-weight: bold;
	text-decoration:none;
	white-space:nowrap;  
	font-size: 15px;
	color:#ffffff;
}

.excerpt_content {
	float: left;
	width: 770px;
	display: inline;
}
.excerpt_image {
	float: left;
	display: inline;
	width: 70px;
}
.excerpt_image img {
	float:left;
	background:#f9f9f9;
	border:1px solid #DDD;
	margin: 0px 0px 0px 10px;
	padding: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline;
}
.excerpt_desc {
	float: right;
	width: 650px;
	margin: 0px 15px 0px 0px;
	display: inline;
	text-align: justify;
}
.excerpt_desc h3 {
	display: block;
	margin: 0px;
        
	padding: 0px 0px 5px 0px;
	font-size: 13px;
        font-weight: bold;
	color:#01429e;
}
.excerpt_desc h3 a {
	color: #01429e;
	text-decoration:none;
}
.excerpt_desc h3 a:hover {
	color: #FF5604;
	text-decoration: underline;
}
.excerpt_desc .box_read_more {
	display: block;
	text-align: right;
	padding: 5px 0px 5px 10px;
}
.excerpt_desc .box_read_more a {
	float: right;
	background-image:url(images/ico-arrow.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	padding-left: 18px;
	height: 17px;
	font-weight: bold;
	color:#000000;
	text-decoration:none;
}
.excerpt_desc .box_read_more a:hover {
	color: #FF5604;
	text-decoration: underline;
}
.excerpt_separator {
	background: url(images/hdot.gif) repeat-x bottom;
	float: left;
	display: inline;
	width: 750px;
	height: 1px;
	margin: 5px 5px 10px 10px;
	_margin: -5px 5px 10px 5px;
}