@charset "utf-8";
/* 
	PEPADI - CSS Document
	25.05.10 - www.pepadi.com 
*/

/*RESET*/

.right{width:230px; float:right; padding:10px; background:#51531a; margin-bottom:10px; color:#FFFFCC}
.right a{color:#CCCC33}
.right h3 a, .right h3{color:#FFF; font-weight:bold}
.right h4{font-size:93%}

#pnews{width:658px; float:left;padding:10px; color:#CC9933}
#pnews .th{width:300px; height:144px; margin: 0 15px 10px 0; border: 2px solid #4c4d1e}
#pnews li{padding: 20px 0 30px 0; display:block; width:658px; float:left; border-bottom: 1px solid #4a4c13}
#pnews h1 a,#pnews h1{color:#e9ef3e; font-family:"Times New Roman", Times, serif; display:block}
#pnews h1 a:hover{color:#FFFFCC}
#pnews h4, #news h4 a{color:#e4e5bf}
#pnews h5{color:#999966; font-weight:bold}

#agenda{width:658px; float:left;padding:10px; color:#FFFFCC}
#agenda .th{width:300px; height:144px; margin: 0 15px 10px 0; border: 2px solid #4c4d1e}
#agenda li{padding: 2px 0 2px 0; display:block; width:658px; float:left}
#agenda h1,#pnews h1{color:#CC9933; font-family:"Times New Roman", Times, serif; display:block}
#agenda h1 a:hover{color:#FFFFCC}
#agenda h4, #news h4 a{color:#e4e5bf}
#agenda h5 a{color:#CCCC99; font-weight:bold}
.detail h1{ color:#e9ef3e}
.detail {color:#FFFFCC}

.comment {width:560px; padding: 30px 10px 10px 60px; float:left}
.comment li{width:540px; background: #bebe54; padding: 10px; margin: 5px 0 10px 0; display:block; font-size:85%; color:#333300;-moz-border-radius:5px;-webkit-border-radius:5px }
.comment form{width:540px; padding: 20px 10px; display:block; float:left; background:#bebe54;-moz-border-radius:5px;-webkit-border-radius:5px}

#tentangp{color:#dddbae;background:#000 url(../images/tpl/bg_tentang.jpg) no-repeat top right; width:940px; padding:10px}

#galeri{width:630px; display:block; float:left; padding: 0 0 20px 0}
#galeri ul li{display:inline ;float:left}
#galeri li{display:block; background:#000; width:200px; padding:3px 3px 10px 3px;-moz-border-radius:2px;-webkit-border-radius:2px; float:left; margin-right:4px; height:20em}
#galeri li h3, #galeri li h5, #galeri li h6{display:block; width:190px; padding:0 5px 0 5px; color:#666}
#galleri a{color:#99CC00}

#gdetail{width:700px; padding: 10px 109px; float:left}
#gdetail h4{display:block; width:500px; float:left}
#gdetail h5{display:block; width:200px ; float:right}
#gdetail div{width:700px; padding:10px 0}
#gdetail img{border: 2px solid #666}

#profile{background:url(../images/tpl/bg_profile.jpg) no-repeat top; height:39.85em}
#profile div{ width:570px; padding-left: 20px; padding-top: 30px}
#profile div p{font-size:93%; color:#CCCC99}
#profile h1{color:#CC9933}

#keanggotaan1{background:url(../images/tpl/bg_keanggotaan.jpg) no-repeat top; height:39.85em}
#keanggotaan1 div{ width:550px; padding-left: 20px; padding-top: 30px}
#keanggotaan1 div p{font-size:93%; color:#CCCC99}
#keanggotaan1 h1{color:#CC9933}

#mitra1{background:#393023 url(../images/tpl/bg_mitra.jpg) no-repeat bottom}
#mitra1 div{ width:550px; padding-left: 20px; padding-top: 30px}
#mitra1 div p{font-size:93%; color:#CCCC99}
#mitra1 h1{color:#CC9933}
#mitra1 li{width:530px; display:block; padding: 10px; color:#CC9}
#mitra1 li h5{color:#FFCC00; font-weight:bold}

#before li{padding:10px 0 0 0}