*,html{
	padding:0px;
	margin:0px;
	}
body{
	background:url(images/bg.main.jpg) repeat-x top #f3f6fa;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	text-align:center;
	}
a{	
	color: #ef7d00;
	text-decoration:none;
}
a:visited{	
	color: #ef7d00; 
	text-decoration:none;
}
a:hover{
	color: #FF6600;
	text-decoration: underline;
}

/* HEADER */
#header{
	margin:0px auto;
	width:996px;
	height:125px;
	}
.topmenu{
	padding-top:5px;
	padding-left:5px;
	text-align:left;
	color:#e3edf3;
	margin:0px 0px 0px 0px;
	width:600px;
	height:33px;
	float:left;
	}
.bahasa{
	padding-top:5px;
	padding-left:5px;
	text-align:right;
	color:#e3edf3;
	margin:0px 0px 0px 0px;
	width:380px;
	height:33px;
	float:right;
	}
.bahasa a{
	color:#e3edf3;
	text-decoration:none;
	float:right;
	margin-right:5px;
	}
.logo{
	margin:0px 0px 5px 0px;
	width:996px;
	height:136px;
	float:left;
	overflow:hidden;
	}
.logo-kiri{
	margin:0px;
	width:321px;
	height:88px;
	float:left;
	}
	
	
/* MAIN BOX */
#mainbox{
	margin:0px auto;
	width:996px;
	height:auto;
	}
.mainbox-atas{
	float:left;
	background:url(images/bg.mainbox.atas.gif) no-repeat top center;
	height:32px;
	width:996px;
	}
.mainbox-tengah{
	float:left;
	background:url(images/bg.mainbox.tengah.gif) repeat-y center;
	min-height:800px;
	width:996px;
	}
.mainbox-footer{
	border-top:1px #007cc3 solid;
	float:left;
	background:url(images/bg.mainbox.footer.jpg) repeat-y center;
	min-height:100px;
	width:996px;
	}
.mainbox-bawah{
	float:left;
	background:url(images/bg.mainbox.bawah.gif) no-repeat top center;
	height:31px;
	width:996px;
	margin:0px 0px 10px 0px;
	}
.mainbox-isi{
	margin:5px 5px 5px 7px;
	width:986px;
	float:left;
	height:auto;
	}
.mainbox-isi-footer{
	margin:10px;
	float:left;
	text-align:left;
	width:800px;
	}
.mainbox-logo-footer{
	width:150px;
	margin:10px;
	border-right:1px #999999 solid;
	float:left;
	text-align:center;
	}
.mainbox-isi-footer a{
	color:#007cc3;
	padding:2px 3px 2px 3px;
	}

.mainbox-menu{
	float:right;
	width:990px;
	height:31px;
	margin:0px 0px 0px 0px;
	}
ul.topnav {
	position:relative;
	list-style: none;
	padding: 0px;	
	margin:0px 0px 0px 0px;
	float: left;
	width: 990px;
	height:31px;
}
ul.topnav li {
	float: left;
	position: relative; 
}
ul.topnav li a{
	font-size:12px;
	font-weight:bold;
	width:auto;
	padding:6px 20px 7px 20px;
	height:15px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	margin:0px;
	margin-top:2px;
	margin-bottom:2px;
	position: relative;
	border-right:1px solid #60a7d0;
	text-shadow: black 0.1em 0.1em 0.2em;
}
ul.topnav li a:hover{
	color:#f8c300;
}
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; 
	left: 0; top: 31px;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 220px;
	float:left;
	margin-left:-1px;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-bottom: 1px solid #017cc2;
	border-left: 1px solid #017cc2;
	border-right: 1px solid #017cc2; 
	width: 220px;
	text-align:left;
	float:left;
	display:block;
	z-index:50000;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 210px;
	font-size:12px;
	padding:5px;
	height:20px;
	background: #3d9bd1;
	padding-left: 5px;
	text-transform:inherit;
	font-weight:normal;
	margin:0px;
	text-shadow:none;
}
html ul.topnav li ul.subnav li a:hover { 
	background: #5dbbf0;
	color:#000000;
}


/* TENGAH */
.tengah-1{
	float:left;
	min-height:500px;
	height:auto;
	width:196px;
	margin:0px 5px 0px 0px;
	}
.tengah-2{
	float:left;
	min-height:500px;
	height:auto;
	width:582px;
	margin:0px 5px 0px 0px;
	}
.tengah-3{
	float:left;
	min-height:500px;
	height:auto;
	width:196px;
	}
.rubrikbox{
	width:584px;
	float:left;
	height:30px;
	background:#000;
	color:#f8c300;
	text-align:left;
	border-bottom:4px solid #f8c300;
	}
.rubrik{
	margin:5px 3px 3px 10px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	}

/* BOX */
.boxbiru{
	float:left;
	margin:0px 0px 8px 0px;
	border:1px solid #479dd6;
	border-bottom:5px solid #649ebf;
	width:194px;
	min-height:10px;
	background:#f6f8f9;
	}
.boxbiru-atas{
	float:left;
	margin:0px 0px 8px 0px;
	width:194px;
	height:20px;
	padding:5px 0px 5px 0px;
	background: #479dd6;
	color:#000;
	border-bottom:2px solid #f8c300;
	}
.boxbiru-isi{
	margin:5px;
	text-align:left;
	}
.boxbiru-judul{
	margin:0px 5px 0px 10px;
	text-align:left;
	color: white; 
	text-shadow: black 0.1em 0.1em 0.2em;
	font-size:12px;
	font-weight:bold;
	}

.slidebox{
	width:582px;
	height:230px;
	float:left;
	background:url(images/bg.slide.jpg) center bottom no-repeat;
	text-align:left;
	}

.box-slide{
	float:left;
	text-align:left;
	padding:15px;
	margin-left:0px;
	}
.slide-info{
	float:left;
	text-align:left;
	padding:0px 0px 5px 0px;
	margin-left:0px;
	width:320px;
	}
.slideno{
	float:left;
	height:25px;
	margin:0px;
	padding:5px 0px 5px 0px;
	width:582px;
	}

#divTrigger{
	float:right;
	margin:0px 10px 0px 0px;
	}
#divTrigger a{
	text-decoration: none; 
	margin:2px; 
	background: #FFF;
	color: #000;
	float:left;
	padding:1px 8px 1px 8px;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
 }
 #divTrigger a:hover,#divTrigger a:active,.selected{ 
	background: #000000;
	color: #FFF;
 }
 #divContent{
	margin:0px;
	width:582px;
	height:195px;
	float:left;
	z-index:4000;
	text-align:left;
 }
 #divContent .mainbanner{ 
	display:none
 }	
 


/* TENGAH */
.boxabu{
	float:left;
	margin:8px 0px 0px 0px;
	border:1px solid #bfbfbf;
	border-bottom:8px solid #bfbfbf;
	width:582px;
	min-height:60px;
	background:url(images/bg.boxtengah.gif) top repeat-x #efefef;
	}
.boxabu-isi{
	margin:10px;
	text-align:left;
	}
.boxabu-judul{
	margin:10px 5px 5px 5px;
	padding:0px 0px 5px 0px;
	text-align:left;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	float:left;
	width:570px;
	border-bottom:1px solid #CCCCCC;
	}

.boxabu-1{
	float:left;
	margin:0px;
	width:290px;
	height:170px;
	overflow:hidden;
	text-align:left;
	margin-bottom:8px;
	}
.boxabu1-judul{
	margin:10px 5px 5px 5px;
	padding:0px 0px 5px 0px;
	text-align:left;
	color:#f5821f;
	font-size:14px;
	font-weight:bold;
	float:left;
	width:280px;
	border-bottom:1px solid #CCCCCC;
	}
.boxabu-1-isi{
	margin:5px;
	text-align:left;
	
	}

.boxabu-2{
        float:left;
        margin:0px;
        width:290px;
        min-height:210px;
        text-align:left;
        }
.boxabu2-judul{
        margin:10px 5px 5px 5px;
		padding:0px 0px 5px 0px;
        text-align:left;
        color:#f5821f;
        font-size:14px;
        font-weight:bold;
        float:left;
        width:280px;
		border-bottom:1px solid #CCCCCC;
        }
.boxabu-2-isi{
        margin:5px;
        text-align:left;

        }

.boxabu-11{
	float:left;
	margin:5px;
	padding:2px;
	width:275px;
	height:190px;
	overflow:hidden;
	text-align:left;
	margin-bottom:8px;
	border:1px solid #999999;
	}


.listitem{
	float:left;
	margin:0px;
	width:580px;
	height:120px;
	overflow:hidden;
	text-align:left;
	margin-bottom:8px;
	}
.listitem-judul{
	margin:10px 5px 5px 5px;
	padding:0px 0px 5px 0px;
	text-align:left;
	color:#f5821f;
	font-size:14px;
	font-weight:bold;
	float:left;
	width:280px;
	border-bottom:1px solid #CCCCCC;
	}
.listitem-isi{
	margin:5px;
	text-align:left;
	
	}

.tgl{ 
	font-size:11px;
	color:#000000;
	}

.judul { font-family: Arial; font-size: 12pt; color: #000000; }
.judulsedang { font-family: Arial; font-size: 11pt; color: #000000; }
.judulbesar { font-family: Arial; font-size: 14pt; color: #000000; }

/* DETAIL */

.judul a, a.judul{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	}
.judul a:hover, a.judul:hover{
	color:#3366FF;
	}

.judul1 a, a.judul1{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	}
.judul1 a:hover, a.judul1:hover{
	color:#FF6600;
	}

.judul2 a, a.judul2{
	font-size:22px;
	line-height:24px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	}
.judul2 a:hover, a.judul2:hover{
	color:#FF6600;
	}

.judul3 a, a.judul3{
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	}
.judul3 a:hover, a.judul3:hover{
	color:#346b89;
	}
.tgl1{
	font-size:11px;
	color:#999999;
	}
.juduldir a, a.judul{
	font-size:12px;
	text-decoration:none;
	color:#000000;
	}
.juduldir a:hover, a.judul:hover{
	color:#3366FF;
	}	
.judul { font-family: Arial; font-size: 14pt; color: #000000; }
.judulsedang { font-family: Arial; font-size: 11pt; color: #000000; }
.judulbesar { font-family: Arial; font-size: 14pt; color: #000000; }

.juduldetail{
	float:left;
	background:#f3f0f0;
	height:auto;
	width:582px;
	margin:10px 0px 1px 0px;
	}
.juduldetail span{
	float:left;
	margin:15px;
	font-size:20px;
	line-height:26px;
	font-weight:bold;
	}
.infodetail{
	float:left;
	background:#e4e4e4;
	color:#333;
	height:auto;
	width:582px;
	margin:0px 0px 10px 0px;
	}
.infodetail .infodetail-1{
	float:left;
	margin:4px 0px 4px 15px;
	}
.infodetail .infodetail-2{
	float:right;
	margin:4px 15px 4px  0px;
	}
.infodetail .infodetail-11{
	float:left;
	width:270px;
	margin:4px 0px 4px 15px;
	}
.infodetail .infodetail-22{
	float:left;
	width:270px;
	margin:4px 0px 4px  15px;
	}

.judul-list{
	float:left;
	background:#2c486d;
	color:#ffffff;
	min-height:25px;
	width:625px;
	padding:3px;
	font-weight:bold;
	font-size:14px;
	}
.judul-list1{
	float:left;
	margin-left:10px;
	}
.judul-list-isi{
	float:left;
	background:#a6b4d1;
	color:#000000;
	min-height:100px;
	width:625px;
	padding:3px;
	font-size:12px;
	}
.judul-list-isi1{
	float:left;
	margin-left:10px;
	}
.judul-list-isi1 a{
	color:#440202;
	}
.judul-list-isi1 a:hover{
	color:#1b3452;
	text-decoration:none;
	}
/* DETAIL */
.detailcontent{
	line-height:20px;
	text-align:left;
}
.detailcontent li,.detailisi li{
	margin-left:20px;
}
.detailcontent br{
	margin-bottom:5px;
	}
.detailisi{
	padding:10px;
	}
.detailisi img{
	padding:5px;
	max-width:540px;
}

.detailcontent p,br{
	padding:5px 0px 5px 0pc;
}
.detailprint{
	font-family: Verdana,Generva,arial;
	font-size:11px;
	text-align:center;
	padding:0px;
	width: 55px;
	height:15px;
	float:left;
	margin-right:5px;
	margin-left:10px;
	}
.detailemail{
	font-family: Verdana,Generva,arial;
	font-size:11px;
	text-align:center;
	padding:0px;
	width: 60px;
	height:15px;
	float:left;
	margin-right:5px;
	}
.detailpdf{
	font-family: Verdana,Generva,arial;
	font-size:11px;
	text-align:center;
	padding:0px;
	width: 55px;
	height:15px;
	float:left;
	margin-right:5px;
	}
.detailrss{
	font-family: Verdana,Generva,arial;
	font-size:11px;
	text-align:center;
	padding:0px;
	width: 55px;
	height:15px;
	float:left;
	margin-right:5px;
	}
.detailarsip{
	font-family: Verdana,Generva,arial;
	font-size:11px;
	text-align:center;
	padding:0px;
	width: 55px;
	height:15px;
	float:left;
	margin-right:5px;
	}
.detailbookmark{
	float:left;
	margin-right:5px;
	}
.imgdetail{
	margin:0px 8px 8px 0px;
	float:left;
	padding:0px 8px 8px 0px;
}

.imgdetail img{
	margin:0px;
	float:left;
	padding:3px;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	max-width:300px;
}

.detailpage{
	text-align:left;
	padding-bottom:20px;
	}
.pageitem{
	text-align:center;
	border:1px solid #ef7d01;
	padding:1px 4px 3px 4px;
	height:15px;
	margin-right:5px;
	cursor:default;
	}
.pageitem:hover{
	background-color:#CCCCCC;
	color:#FFFFFF;
	text-decoration:none;	
	}
.pageitem a:hover{
	color:#000;
	text-decoration:none;	
	}
.textbutton{
	text-align:center;
	border:1px solid #CCCCCC;
	padding:1px 4px 3px 4px;
	height:15px;
	margin-right:5px;
	cursor:default;
	}
.textbutton:hover{
	background-color:#666666;
	color:#FFFFFF;
	
	}
.isi {
	padding:8px;
	}

/* CONTACT */
.boxform{
	margin:10px;
	padding:10px;
	border:1px solid #999999;
	}
label {
	color: #000000;
	float: left;
	width: 100px;
	font-weight: bold;
	text-align: left;
	padding:3px;
	}
.inputbiasa,select,area{
	padding:3px;
	margin-bottom:5px;
	border:1px solid #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
.button{
	padding:3px;
	color:#FFFFFF;
	background:#007cc3;
	border:#007cc3 1px double;
	text-decoration:none;
	}
.button:hover{
	color:#FFFFFF;
	text-decoration:none;
	}
.button:active{
	color:#FFFFFF;
	text-decoration:none;
	}
.button:visited{
	color:#FFFFFF;
	text-decoration:none;
	}	

/* IMAGE */
.box-imgdepan{
	width:85px;
	float:left;
	margin-right:5px;
	height:85px;
	overflow:hidden;
	margin-bottom:5px;
	background:#FFFFFF;
	border:1px #999999 solid;
	}
.box-imgdepan2{
	width:225px;
	float:left;
	margin-right:5px;
	height:162px;
	overflow:hidden;
	margin-bottom:5px;
	background:#FFFFFF;
	border:1px #v solid;
	}
.img{
	float:left;
	border:1px #999999 solid;
	margin:5px;
	}	
.imgdepan{
	float:left;
	width:223px;
	height:160px;
	margin:1px;
	overflow:hidden;
	border:0px #000000 solid;
	}
.imgdepan img{
	height:160px;
	}

.box-imgdepan1{
	width:68px;
	float:left;
	margin-right:5px;
	height:97px;
	overflow:hidden;
	margin-bottom:5px;
	background:#FFFFFF;
	border:1px #999999 solid;
	}
.imgdepan1{
	float:left;
	width:65px;
	height:95px;
	margin:1px;
	overflow:hidden;
	}
.imgdepan1 img{
	height:95px;
	}

.imgdepan2{
	float:left;
	width:83px;
	height:83px;
	margin:1px;
	overflow:hidden;
	}
.imgdepan2 img{
	height:83px;
	}	
.komunitas-item{
	float:left;
	width:285px;
	height:75px;
	overflow:hidden;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:8px;
	}

.box-imgkomunitas{
	width:52px;
	float:left;
	margin-right:5px;
	height:52px;
	overflow:hidden;
	margin-bottom:5px;
	background:#FFFFFF;
	border:1px #999999 solid;
	}
.imgkomunitas{
	float:left;
	width:50px;
	height:50px;
	margin:1px;
	overflow:hidden;
	}
.imgkomunitas img{
	height:50px;
	}

.img-aneka{
	float:left;
	width:180px;
	height:100px;
	margin:1px;
	overflow:hidden;
	}
.img-aneka img{
	width:180px;
	}

/* KATEGORI */
#kategori{
	float:left;
	margin:0px;
	list-style:none;
	margin-bottom:10px;
	}
#kategori .hitam{
	float:left;
	padding:4px 3px 4px 15px;
	width:165px;
	background: url(images/bullet1.gif) center left no-repeat #efefef; 
	}
#kategori .putih{
	float:left;
	padding:4px 3px 4px 15px;
	width:165px;
	background: url(images/bullet1.gif) center left no-repeat #fff; 
	}
#kategori a{
	color:#000000;
	}
#kategori a:hover{
	color:#FF6600;
	text-decoration:none;
	}
#informasi{
	float:left;
	margin:0px;
	list-style:none;
	margin-bottom:10px;
	}
#informasi li{
	float:left;
	padding:4px 3px 4px 15px;
	width:165px;
	background: url(images/bullet1.gif) center left no-repeat #FFF; 
	margin:1px;
	}
#informasi a{
	color:#000000;
	}
#informasi a:hover{
	color:#FF6600;
	text-decoration:none;
	}

/* BUKU TERBARU */
.bukuitem{
	float:left;
	width:135px;
	height:215px;
	border:1px solid #CCCCCC;
	background:#f6f5f5;
	margin:0px 3px 5px 3px;
	}
.bukuitem-isi{
	float:left;
	margin:5px 5px 5px 5px;
	height:180px;
	overflow:hidden;
	text-align:center;
	}
.bukuitem-detail{
	float:left;
	width:135px;
	height:20px;
	background:#d8dada;
	margin:0px;
	padding-top:5px;
	text-align:center;
	color:#999999;
	}
.bukuitem-detail a{
	padding:3px 5px 3px 3px;
	color:#999999
	}
.bukuitem-imgbox{
	float:left;
	width:120px;
	height:138px;
	border:1px solid #CCCCCC;
	background:#f6f5f5;
	margin:0px;
	overflow:hidden;
	padding:1px;
	}
.bukuitem-imgbox img{
	width:120px;
	}

.jalanpintas-item{
	float:left;
	width:180px;
	height:76px;
	overflow:hidden;
	}
.jalanpintas-item img{
	float:left;
	margin:0px 0px 0px 0px;
	}

.imggaleri{
	float:left;
	margin:0px 5px 5px 7px;
	width:170px;
	height:65px;
	overflow:hidden;
	display:block;
	}
	
.imggaleri img{
	width:170px;
	height:auto;
	}	

/*halaman detail*/	
.boxabu-detail{
	float:left;
	margin:0px;
	width:580px;
	min-height:900px;
	text-align:left;
	}
.boxabudetail-judul{
	margin:10px 5px 5px 5px;
	text-align:left;
	color:#f5821f;
	font-size:13px;
	font-weight:bold;
	float:left;
	width:280px;
	}
.boxabu-detail-isi{
	margin:5px;
	text-align:left;
	}	
	
.box-imgdetail{
	float:left;
	margin:5px 5px 5px 5px;
	padding:3px 3px 3px 3px;
	overflow:hidden;
	display:block;
	background:#FFFFFF;
	border:1px #999999 solid;
	width:auto;
	height:auto;
	}
.imgdetail{
	float:left;
	margin:1px 1px 1px 1px;
	display:block;
	width:auto;
	height:auto;
	}

/*galeri*/
.boxabu-galeri{
	float:left;
	margin:8px 0px 0px 0px;
	padding:3px 3px 3px 3px;
	border:1px solid #bfbfbf;
	width:87px;
	min-height:80px;
	background:url(images/bg.boxtengah.gif) top repeat-x #efefef;
	text-align:center;
	}
.boxabu-galeri1{
	float:left;
	margin:5px;
	width:90px;
	min-height:90px;
	text-align:left;
	}
#jadwalsholat{
	border-top:1px solid  #CCCCCC;
	margin:5px;
	width:90%;
	}
#jadwalsholat td{
	text-align:left;
	padding:2px;
	border-bottom:1px solid  #CCCCCC;
	}
/* CSS FORUM DISKUSI */
.tforum{
	text-align:left;
	}
.tforum td{
	text-align:left;
	padding:5px;
	}
.theadgelap{
	height:2px;
	padding:5px;
	background-color:#6a77be;
	}
.thead{
	padding:5px;
	background-color:#c8d1fe;
	}
.thead td{
	padding:5px;
	background-color:#dddffc;
	text-align:center;
	}
.theadsub{
	padding:5px;
	background-color:#c5c7eb;
	}
.theadsub td{
	padding:5px;
	background-color:#feefa6;
	}
.theadsub1{
	padding:5px;
	background-color:#e1e3f6;
	}
.theadsub2{
	padding:5px;
	background-color:#f6f7fd;
	font-size:11px;
	}
.judulforum{
	font-size:16px;
	}
.foruminput{
	margin-left:0px;
}
.forumtextarea{
	margin-left:0px;
	width:650px;
	height:300px;
	background-color:#CCCCCC;
	text-align:left;
}
.forumdetail{
	border-top:1px solid #CCCCCC;
	width:98%;
	padding:5px;
	
}
.forumdetail img{
	padding:3px;
}

 .imgblock50{ display: block; overflow: hidden; border: 1px solid #555555; background-color:#FFFFFF; text-align: center; }
 .imgblock50 { width: 50px; height: 50px; margin: 0px auto; }
 .imgblock50 img { height: 50px; margin: 0px auto; }


.video-player{
	width:580px;
	float:left;
	height:200px;
	height:auto;
	margin:0px 0px 10px 0px;
	text-align:center;
	}

.boxsms{
	float:left;
	margin:0px;
	height:155px;
	width:180px;
	}
.boxsms li{
	padding:5px;
	width:175px;
	height:180px;
	overflow:hidden;
	color:#000;
	border-bottom:1px solid #FFFFFF;
	}	
.boxsms li a{
	color:#000066;
	}
.error{
	width:530px;
	float:left;
	margin:10px;
	padding:10px;
	text-align:center;
	border:1px solid #999999;
	background:#FFFFCC;
	color:#990000;
	}

.box-komentar{
	width:550px;
	float:left;
	margin:10px;
	}
.box-komentar-judul{
	width:550px;
	float:left;
	margin:0px 0px 10px 0px;
	padding:3px 5px 3px 5px;
	background:#CCCCCC;
	font-size:14px;
	font-weight:bold;
	}
.box-komentar{
	width:500px;
	float:left;
	margin:10px;
	}
.komentar-item{
	width:550px;
	float:left;
	padding-bottom:5px;
	border-bottom:1px solid #CCCCCC;
	margin:0px 0px 10px 0px;
	}
.komentar-nama{
	font-size:14px;
	font-weight:bold;
	}
.komentar-nomor{
	float:left;
	width:30px;
	height:30px;
	padding:5px 0px 0px 0px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	border:1px #999999 solid;
	margin:0px 5px 5px 0px;
	background:#ddd;
	}
.box-avatar{
	width:52px;
	float:right;
	margin-left:10px;
	height:52px;
	overflow:hidden;
	margin-bottom:10px;
	background:#FFFFFF;
	border:1px #999999 solid;
	}
.avatar{
	float:left;
	width:50px;
	height:50px;
	margin:1px;
	overflow:hidden;
	}
.avatar img{
	height:50px;
	}


/* VIDEO */
.video-item{
	width:230px;
	float:left;
	margin-right:5px;
	height:175px;
	overflow:hidden;
	margin-bottom:5px;
	color:#000000;
	}
.video-play{
	position:relative;
	display:inline;
	float:left;
	width:226px;
	text-align:center;
	}
.video-play img{
	margin-top:40px;
	}
.video-item-img{
	width:226px;
	float:left;
	margin:0px;
	border:2px solid #FF9900;
	height:100px;
	overflow:hidden;
	margin-top:-87px;
	}

.video-item1{
	float:left;
	margin-right:3px;
	height:110px;
	overflow:hidden;
	margin-bottom:5px;
	color:#000000;
	font-size:13px;
	}
.video-item1-img{
	width:80px;
	float:left;
	margin:0px 5px 5px 0px;
	border:2px solid #FF9900;
	height:80px;
	overflow:hidden;
	}
.video-item1-img img{
	height:80px;
	}
	
.program-item{
	float:left;
	margin-right:3px;
	height:110px;
	overflow:hidden;
	margin-bottom:10px;
	color:#000000;
	font-size:13px;
	padding-bottom:5px;
	}
.program-item-img{
	width:80px;
	float:left;
	margin:0px 5px 5px 0px;
	border:2px solid #FF9900;
	height:80px;
	overflow:hidden;
	}
.program-item-img img{
	height:80px;
	margin:-3px 0px 0px -3px;
	}
	
.jurnal-item{
	width:480px;
	float:left;
	margin-right:3px;
	height:120px;
	overflow:hidden;
	margin-bottom:10px;
	padding-bottom:5px;
	line-height:20px;
	}
.img-depan-box{
	width:100px;
	float:left;
	margin:0px 8px 8px 0px;
	border:2px solid #FF9900;
	height:100px;
	overflow:hidden;
	}

.video-player{
	border:2px solid #FF9900;
	padding:2px;
	background:#000000;
	width:550px;
	}
	
/* PHOTO GALLERY */
.galerikat-item{
	width:550px;
	float:left;
	margin:5px;
	height:170px;
	overflow:hidden;
	padding-bottom:5px;
	line-height:20px;
	text-align:left;
	border-bottom:1px solid #CCCCCC;
	}
.galerikat-item-desc{
	float:left;
	height:125px;
	overflow:hidden;
	width:330px;
	}
.galerikat-item-imgbox{
	width:200px;
	float:left;
	margin:0px 8px 8px 0px;
	padding:2px;
	border:1px solid #999999;
	height:150px;
	overflow:hidden;
	background:#FFFFFF;
	}
.galerithumb-item{
	width:175px;
	float:left;
	margin:3px;
	height:127px;
	overflow:hidden;
	padding-bottom:5px;
	line-height:20px;
	text-align:left;
	border:1px solid #999999;
	background:#FFFFFF;
	}
.galerithumb-item-imgbox{
	width:171px;
	float:left;
	margin:0px 8px 8px 0px;
	padding:2px;
	height:125px;
	overflow:hidden;
	}
.galerithumb-item-imgbox img{
	width:171px;
	}
.galeri-imgdetail{
	float:left;
	margin:3px;
	padding-bottom:5px;
	line-height:20px;
	text-align:left;
	border:1px solid #999999;
	background:#FFFFFF;
	padding:2px;
	}

.boxabu-panjang{
	width:540px;
	padding:10px;
	height:auto;
	text-align:left;
	background:#FFFFFF;
	float:left;
	margin:2px 10px 2px 10px;
	border:1px solid #999999;
	}