/* CSS Document for Amalia
created by Pipit Kurnia
css for mozilla
*/

body{	
	background: url(images/background_deep.gif) no-repeat ;
	font: 0.8em Arial, Helvetica, sans-serif;
	margin: 1px 0;
	padding: 0;
	height: 413px;	
}

#wrapper {
	background: url(images/illustrasi.jpg) no-repeat;
	width: 930px;
	height: 324px;
	margin: -1px 0 0 10px ;
}

#top {
	/*background-image: url(images/illustrasi.jpg);
	width: 900px;
	min-height: 200px;*/
	clear: both;
	margin: 0;	
}

#topmenu {
	float: right;
	height: 85px;
	margin: 10px;
	padding: 0;
}

#topmenu ul {
	margin: 0;
	float: right;
	padding: 25px 50px 0 0;
	font-size: 11px; 
	font-family: verdana, arial, helvetica, sans-serif; 

}

#topmenu ul li{
	display: inline;
	border-right: 1px solid #567d56;
	margin: 0;
	padding: 0 5px 0 2px;
}

#topmenu li a {
	color: #769e76;
	text-decoration: none;
}

#topmenu li a:hover {
	color: #5d8a5d;
	text-decoration: none;
}

#topmenu .bordertopmenu { border: none; }
#bmenu .bordertopmenu { border: none; }

#bmenu {
	float: right;
	height: 10px;
	margin: 0 20px 0 0;
}

#bmenu ul {
	margin: 65px 50px 0 0;
	/*padding: 70px 0 0 0;*/
	font-size: 12px; 
	
	font-family: verdana, arial, helvetica, sans-serif; 

}

#bmenu ul li{
	display: inline;
	border-right: 1px solid #fff;
	margin: 0;
	padding: 0 6px 0 6px;
}

#bmenu li a {
	font-weight: bold; 
	color: #FFFFFF;
	text-decoration: none;
}

#bmenu li a:hover {
	color: #a3c5a3;
	text-decoration: none;
}


/* for all middle */
#middle {
	width: 940px;
	height: 550px;
	font-family: verdana, arial, helvetica, sans-serif; 
	margin: 0 0 120px 10px;
	padding: 120px 0 0 0;
}

#leftmiddle{
	float: left;
	width: 530px;
	margin: 280px 0 0 35px;
}

#leftmiddle h3 {
	font: 1.5em Georgia, "Times New Roman", Times, serif;
	color: #009933;
	margin: 0;
	padding: 10px 0 6px 25px;
}

#leftmiddle h4{
	background: url(images/bg_jd03a.gif) no-repeat;
	height: 30px;
	color: #fff; 
	width: 580px;
	padding: 5px 0 0 25px;
}

#leftmiddle h4 a{
	color: #d8ff00; 
	font-size:  16px;
}

#leftmiddle h4 a:hover{
	color: #3c613b;
 	text-decoration: none
} 

#leftmiddle a{
	color: #80a280;
	text-decoration: none;
}

#leftmiddle a:hover{
	color: #003300;
	text-decoration: none;
} 

#leftmiddle img{
	border: none;
}

#leftmiddle p{
	/*color: #242f24; 
	font-size: 12px; */
	margin: 10px 0 17px 25px;
}

#leftmiddle p img{
	padding: 5px 5px 0 3px;
	border: 0;
}

#leftmiddle p a img{
	padding: 5px 5px 0 3px;
	border: 1;
}

.fontmiddle{
	font-size:14px;
	width: 580px;
	padding: 0 0 0 25px;
	font-weight: bold; 
	color: #009933;
}

.fontmiddle a{
	color: #80a280;
	
}

.fontmiddle a:active{
	color: #242f24;
}

.komentar {
	color: #009933;
}

.komentar h3{
	margin: 10px 0 0 25px;
}

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

#right{
	float:right;
	width: 300px;
	height: auto;
	margin: 280px 0 0 0;
}

#rightmiddle{
	float:left;
	width: 270px;
	/*margin: 282px 0 0 65px;*/
	padding: 0 0 0 10px;
}

#rightmiddle h4 {
	background: url(images/bg_jd03.gif) no-repeat;
	height: 30px;
	color: #fff;
	padding: 5px 0 0 20px;
}

#rightmiddle ul{
	margin: 0;
	padding: 0;
}

#rightmiddle ul li{
	list-style-type: circle;
	color: #21691e; 
	font-size: 12px;
	margin: -8px 0 17px 15px;
}

#rightmiddle a{
	color: #21691e; 
	text-decoration: none;	
}
#rightmiddle a:hover{
	color: #242f24; 
}

#below {
	width: 219px;
	color: #4d4747;
	font-size: 12px; 
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0 0 0 0;
}

#leftbelow {
	width: 270px;
	float:left;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	/*margin: 2px 0 0 100px;*/
	padding: 0 0 0 10px;
}

#leftbelow h2{
	background: url(images/bg_jd03.gif) no-repeat;
	height: 30px;
	font: 1.1em verdana, arial, helvetica, sans-serif;
	color: #ffffff; 
	padding: 5px 0 0 20px;
	font-weight:bold
}
/*
#leftbelow h3{
	background: url(images/bg_jd03.gif) no-repeat;
	height: 30px;
	color: #ffffff; 
	font-size: 14px;
	padding: 5px 0 0 25px;
}	
*/
#leftbelow ul{
	margin: 0;
	padding: 0;
}

#leftbelow ul li{
	list-style-type:circle;
	color:#21691e;
	margin: 8px 0 8px 15px;
	
}
#leftbelow li{
	list-style-type:none;
}
#leftbelow a{
	color: #21691e;
	text-decoration: none;	
}

#leftbelow a:hover{
	color: #242f24;
}

#leftbelow a img{
	padding: 2px 0 2px 0;
	border: none;
}

#middlebelow{
	width: 270px;	
	float:left;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	/*margin: 2px 0 0 100px;*/
	padding: 7px 0 8px 10px;
}

#middlebelow h2{
	background: url(images/bg_jd03.gif) no-repeat;
	height: 30px;
	font: 1.1em verdana, arial, helvetica, sans-serif;
	color: #ffffff; 
	padding: 5px 0 0 20px;
	font-weight:bold
}

#middlebelow ul{
	margin: 0;
	padding: 0;
}

#middlebelow ul li{
	list-style-type: circle;
	margin: 8px 0 8px 15px;
	color: #21691e;
}

#middlebelow a{
	color: #21691e;
	text-decoration: none;	
}

#middlebelow a:hover{
	color: #242f24;
}

#rightbelow{
	width: 270px;
	float:left;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	/*margin: 2px 0 0 100px;*/
	padding: 0 0 0 10px;
}

#rightbelow h3{
	background: url(images/bg_jd03.gif) no-repeat;
	height: 30px;
	font: 1.1em verdana, arial, helvetica, sans-serif;
	font-weight: bold; 
	color: #ffffff; 
	padding: 5px 0 0 20px ;
}


#rightbelow ul{
	margin: 0;
	padding: 0;
}

#rightbelow ul li{
	list-style-type: circle;
	margin: 8px 0 8px 15px;
	color:#21691e;
}

#rightbelow a{
	color: #21691e;
	text-decoration: none;	
}

#rightbelow a:hover{
	color: #242f24;
}


.clear { clear: both; margin: 0; }

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

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

#footer{
	text-align: center;
	clear: both;
	border-top: 1px solid #ccc;
	height: 40px;
	margin: 30px 0 0 0;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
}

#footer ul {
	margin: 10px;
	padding: 0 0 10px 0;
}

#footer ul li{
	display: inline;
	list-style-type: none;
	border-right: 1px solid #575f64;
	margin: 0;
	padding: 0 7px 0 8px;
}

#footer li a {
	color: #575f64;
	text-decoration: none;
}
#footer li a:hover {
	color: #a3c5a3;
	text-decoration: none;
}

#footer .borderftr { border: none ; }

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

a.commentlink {
	text-decoration:none; 
	color: #990000;
}
	
}
.gcomment { font-size:12px; border-left: none; vertical-align:middle; border-right:none; margin-bottom:3px; border-bottom: 1px solid #f3f3f3; padding:3px; background-color:#F7F7F7; }
.gcomment a{text-decoration:none; color:#a02b1f;}
.ucomment { border-left: none; border-right:none; margin-bottom:3px; border-bottom: 1px solid #f3f3f3; padding:3px; background-color:#fbfbf1; }
ol.commentlist { padding: 0; margin: 0 0 1px; width:100%; }
ol.commentlist li { list-style: none; margin: 0; padding: 13px 13px 1px;}
ol.commentlist li.commenthead { list-style: none; margin: 0; }
ol.commentlist li.commenthead h2 { margin: 0;}