
body {
	background: url(images/bgcontent5.gif) repeat-x top; 
	font: 0.8em Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	margin: -10px 0 0 0;
}


p a, p a:visited{
color:#99CC33;
}

/* default style */
table, form, input, label { margin: 0; padding: 0;}


#wrapper {
	background: url(images/bg-header.jpg) no-repeat top right;
	margin: 2px auto;
	width: 899px;
}

#toplevel { 
	clear: both;
	width: 940px;
	height: 130px;
	padding: 5px;
	}
	
	

#menu {
	margin: 0 0 0 15px;
}
#menu ul {
	float: right;
	margin: 0;
	padding: 0;
}

#menu ul li {border-right: 1px solid #ccc;
    float: left;	
	list-style-type: none;	
	margin: 0;
	padding: 0 2px 0 0;
}

#menu li a {
    float: left;
	text-align: center;
	display: block;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;	
	margin: 0;
	padding: 5px 10px 1px 10px ;
}

#menu li a:hover {
	color: #CCCCCC;
	text-align: center;
	text-decoration: none;
	margin: 0;
	
}

#menu .bordertopmenu { border: none; }


/* for all content */

#content {
	min-height: 800px;
	clear: both;
	margin: 0;
}

#deeprightcontent {
	background-image:url(images/back.gif);
	float: left;
	width: 570px;
	margin : 110px 0 0 0;
}

#deeprightcontent  p{
	clear: both;
	margin: 0;
	padding: 0 0 5px 0;
}

#deeprightcontent img{
	 margin: 0 5px 0 8px;
	 padding: 4px ;
} 


#title 	{
	clear: both;
	padding: 0 0 10px 0 ;
}

#title h4{
	background:url(images/bg-top.gif) ;
	padding: 0 10px 3px 5px;
}

#title h4 a{
	font: 18px Arial, Helvetica, sans-serif;
	margin: 0 0 30px 18px;
	color: #fff;
	
}

#title h4 a:hover{
	color: #CC9900;
	text-decoration: none;
}
	
#title a {
	color: #333;
	text-decoration: none;
}

#title a:hover{
	color: #5c7284;
	text-decoration: none;
}

#title p, .lanjut{
	margin: 12px;
}

#title .lanjut a:hover{
	border-bottom: 1px dotted #996600;
}
.single{
	margin: 0 10px 0 0;
	padding: 0 0 10px 0;
}

.single h3{
	background:url(images/bg-top.gif) ;
	font: 18px Arial, Helvetica, sans-serif;
	color: #fff;
	margin: -1px 0 0 0;
	padding: 0 50px 3px 25px;
}

#subcategory{
	width: 293px;
	margin: 0;
	padding: 15px 0 0 15px;
}
	
#subcategory h2, .subcategory h3 {
	display: block;list-style-type: none;
	background: url(images/bg-title3.gif) repeat-x;
	font: 1.3em Georgia, "Times New Roman", Times, serif;
	height: 34px;
	color: #FFFFFF;
	margin: 0 ;
	padding: 8px 0 0 10px;
}	

#subcategory img {
	text-align: center;
	border: 1px solid #a53100;
	padding: 2px;
}

#subcategory a {
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

#subcategory a:hover {
	color: #CC6633;
	/*border-bottom: 1px dotted #a53100;*/
	text-decoration: none;
}

#subcategory .categories {
	list-style-type: none;
	background: url(images/bg-title3.gif) repeat-x;
	font: 1.3em Georgia, "Times New Roman", Times, serif;
	height: 34px;
	color: #FFFFFF;
	margin: 8px 0 0 0;
	padding: 8px 0 50px 10px;
}

#categori, #recent{
	clear: both;
	margin: 0;
	padding: 10px 0 5px 0;
}

#categori h3 {
	background: url(images/bg-title3.gif) repeat-x;
	font: 1.3em Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	height: 34px;
	padding: 5px 0 0 10px;
}

#categori ul li  {
	list-style-type: circle;
	font-size: 12px;
	color: #000000;
	padding: 5px 0 0 0;
	border-bottom: 1px dotted #ccc;
}

#recent h3 {
	background: url(images/bg-title3.gif) repeat-x;
	font: 1.3em Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	height: 34px;
	padding: 5px 0 0 10px;
}

#recent ul li  {
	list-style-type: circle;
	font-size: 12px;
	color: #000000;
	padding: 0 0 0 0;
	border-bottom: 1px dotted #ccc;
}

#rightcontent {
	float: right;
	width: 308px;
	padding: 200px 20px 0 0;
}

#header {
	clear: both;
	width: 390px;
	height: 202px;
	margin: 2px 0 0 220px;
	
}

#header h2{
	clear: both;
	background: transparents url(images/arrbey.png) no-repeat;
	width: 520px;
	height: 90px;
	text-indent: -10000px;
	padding: 0;
	margin: 0 0 0 50px;
	
}
#master-cont {
	clear: both;
	background: url(images/bg-content.gif) no-repeat top;
	width: 631px;
	padding-top: 0;	
}

#master-cont h3 {
	font: 1.8em Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	background: url(images/bg-left.gif) no-repeat top;
	margin: 0;
	padding: 10px 15px 6px 15px;
}

#master-cont h3 a {
	display: block;
	font: 1em Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0;
	padding: 4px 0 5px 5px;
}
#master-cont h3 a:hover{
	font: 1em Georgia, "Times New Roman", Times, serif;
	color: #CCCCCC;
	text-decoration: none;
	border-bottom: 1px dotted #996600;
	margin: 0;
	padding: 4px 0 4px 5px;
}


#master-cont p {
	margin: 0 0 15px 0;
	padding: 0 15px 0 20px;
}

#master-cont p img{
	margin: 0 10px 0 0;
}

#master-cont a.link {
	color: #FF0000;
	text-decoration: none;
}



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



.detail {
	text-align: right;
	margin: 6px 10px 0 20px;
}

.detail a{
	font-weight: bold;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}
.detail a:hover{
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

.detail img { border: none; }

#post {
	/*font: 0.9em Georgia, "Times New Roman", Times, serif;*/
	color: #000;
	margin: 5px 10px 20px 0;
	font-size: 11px;
}

#post a{
	font-weight: bold;
	font-size: 11px;
	font-color: #CCCC33;
	padding: 2px;
	text-decoration: underline;
}

#post a:hover{
	font-weight: bold;
	color: #5c7284;
	padding: 2px;
}

#post img{
	padding: 2px 10px 5px 2px;
	
}

.border {
	border-bottom: 1px dotted #ccc;
	height: 10px;
	margin: 6px 0 6px 0;
}

.postname {
	font-size: 11px;
	/*color: #CC6600;*/
}	


.top {
	font: 0.9em Georgia, "Times New Roman", Times, serif;
	color: #99CC33;
	margin: 15px 0 0 20px;
}

.top a{	
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color:#99CC33;
	
}
.top a:hover{
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

.clear { clear: both; height: 80px; margin: 0; }


#footer {
	background: url(images/bg-footer.gif) repeat-x;
	clear: both;
	height: 60px;
	font-size: 12px;
	padding: 2px 0 0 0;
	color: #333;
}

#footer a{
	text-decoration: none;
}

#footer .wordpress{
	color: #0066FF;
	text-decoration: none;
}

#copyright {
	float:left;
	width: 550px;
	margin-bottom: 20px;
}

#footer img{
	margin: 15px 0 -5px 0;
}

#copyright p {
	clear:both;
	float: left;
	margin: 0 0 0 6px;
	padding: 0 5px 0 0;
}

#copyright ul {
	margin: 0;
	padding: 0;
}
#copyright ul li {
	display: inline;
	list-style-type: none;
	font-size: 7px;
	border-right: 1px solid #000;
	margin: 0 0 0 6px;
	padding: 0 5px 0 0;
}
#copyright li a {
	font-size: 12px;
	color: #333;
	text-decoration: none;
}
#copyright li a:hover {
	color: #333;
	border-bottom: 1px dotted #333;

}

#copyright .noborder { border: none; }

#logo-footer {
	float: right;
	width: 300px;
	font: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
}

#logo-footer a {
	text-decoration: none;
	color: #0099FF;
}

#logo-footer a:hover {
	color: #00CCFF;
	text-decoration: none;
}

#logo-footer p {
	float: right;
	margin: 0 10px 6px 0 ;
	padding: 0 5px 0 0;
}

.comments h3 
{ 
	font-size: 22px; 
	font-weight: normal; 
	padding: 3px 0px; 
	margin: 0px 7px 3px 7px; 

a.commentlink{
text-decoration:none; color:#666;
}
	
}