h1,h2,h3,h4,h5,h6,ol,ul,li,td,th,table,big,small,pre,blockquote,code,body 
{ padding:0; margin:0; /* reset semua padding,margin */ }
body									
{ font-size:62,5%;/* Resets 1em to 10px */ font-family:"Trebuchet MS", "Sans"; }
a										
{ text-decoration:none; color:#369; /* standarisasi warna anchor */ }
a:hover								
{ text-decoration:underline }
html>body .foo 					
{ height: auto }

/* Kontainer dasar */
#dasar								
{ width:890px; margin:0 auto; font-size:15px; }

/* Bagian atas: logo, search, menu */
#atas 								
{ padding:0;}
#menu									
{ padding-top:5px; margin-bottom:5px; }
#menu a.logo						
{ float:left; background:url(/images/logo1.gif) no-repeat; display:block; width:96px; height:78px; }
#menu .link							
{ width:578px; float:right; padding-top:40px; }
#menu .link ul						
{ list-style-type:none; }
#menu .link ul li					
{ display:block; float:right; text-transform:uppercase; }
#menu .link ul li a.home 		
{ background:url(/images/home.gif) no-repeat; width:70px; height:25px; display:block; }
#menu .link ul li a.artikel 	
{ background:url(/images/artikel.gif) no-repeat; width:64px; height:25px; display:block; }
#menu .link ul li a.tutorial	
{ background:url(/images/tutorial.gif) no-repeat; width:75px; height:25px; display:block; }
#menu .link ul li a.login 		
{ background:url(/images/login.gif) no-repeat; width:48px; height:25px; display:block; }
#menu .link ul li a.logout 	
{ background:url(/images/logout.gif) no-repeat; width:75px; height:25px; display:block; }
#menu .link ul li a.list 		
{ background:url(/images/list.gif) no-repeat; width:26px; height:25px; display:block; }
#menu .link ul li a.tambah 	
{ background:url(/images/tambah.gif) no-repeat; width:26px; height:25px; display:block; }
#menu .google_search				
{ float:right; padding:0 0 2px 10px;  }

/* bagian tengah */
#tengah					
{ margin:10px 0; }
#kiri						
{ float:left; width:559px; }
#post						
{ border:0px solid #d0d0d0; }
#isi						
{ height:1%; }
#isi p					
{ margin:0 0 18px 0; color:#444; }
#isi b
{ color:#222; }
#isi code
{ color:#387044; font-weight:bold; font-size:smaller; }
#isi p.desc				
{ margin:5px 0; font-size:13px; color:#71818F; }
#isi span.kat			
{ border:1px solid #ddd; margin-right:5px; padding:0 2px; font-size:11px; font-weight:bold; color:#657787; background:#EBEFF2; float:left; }
#isi h3					
{ font-size:20px; color:#333; }
#isi img					
{ display:block; margin:10px; }
#isi img.l				
{ float:left; display:block; margin:10px; }
#isi img.r				
{ float:right; display:block; margin:10px; }
#isi pre					
{ font-size:12px; color:#fff; font-family:Courier New, "Lucida Sans Unicode", Monospace; overflow-x:scroll; padding:15px; background:#222; margin-bottom:20px; }
#isi big					
{ color:#000; font-size:16px; font-weight:bold; }
#isi ol,#isi ul		
{ margin:0 0 23px 23px; color:#444; }
#isi li					
{ padding:3px 0; }
#isi a.header			
{ font-size:20px; color:#036; text-decoration:none; }
#isi a.header:hover	
{ text-decoration:underline; }
#penulis					
{ font-size:13px; color:#71818F; }
#paging					
{ padding:5px 0; }
#paging .p_rumah				
{ float:left; display:block; width:25px; height:25px; background:url(/images/arrow_up.png) no-repeat; }
#paging .p_kiri			
{ float:left; display:block; width:25px; height:25px; background:url(/images/arrow_back.png) no-repeat; }
#paging .p_kanan			
{ float:right; display:block; width:25px; height:25px; background:url(/images/arrow.png) no-repeat; }
#paging .p_rumah_n				
{ float:left; display:block; width:25px; height:25px; background:url(/images/arrow_up_n.png) no-repeat; }
#paging .p_kiri_n			
{ float:left; display:block; width:25px; height:25px; background:url(/images/arrow_back_n.png) no-repeat; }
#paging .p_kanan_n			
{ float:right; display:block; width:25px; height:25px; background:url(/images/arrow_n.png) no-repeat; }
#garis					
{ clear:both; margin-bottom:17px; border-top:1px solid #d0d0d0; }
#kanan					
{ width:300px; float:right; border-left:0px solid #999; padding:10px; background:#f5f5f5; }
#google_connect		
{ border:1px solid #ccc; margin-bottom:10px }
#ads_kanan				
{ margin-bottom:10px; }
#google_translate_element		
{ background:#e0e0e0; border:1px SOLID #fff; padding:10px; margin-bottom:10px }
#hub						
{ border:1px solid #d0d0d0; padding:10px; background:#fff; }
#hub .subjudul				
{ font-size:14px; color:#555; text-transform:lowercase; font-weight:bold; }
#hub ul					
{ font-size:12px; padding:5px 0; list-style-type:none; }
#hub ul li				
{ margin-bottom:5px; }
#hub ul li a
{ display:block; padding-left:17px; background:url(/images/icon_arrow.gif) left 4px no-repeat; }
.tipe						
{ font-size:11px; color:#999; font-weight:bold; }

/* Google connect */
#google_connect		
{ margin-bottom:10px; }
#google_connect h5	
{ font-size:17px; color:#333; padding:7px; }

#bawah					
{ padding-top:10px; color:#71818F; font-size:11px; }
#bawah a
{ font-weight:bold; }

/*Ads Campaign*/
p.fixed
{ position:fixed; bottom:5px; right:5px; margin:0; padding:0; }

/* clearer */
#clearer					
{ clear:both;}

/*CSS untuk Form*/
form.login     		
{ margin:10px; font-size:11px; }
fieldset.login      
 { border:1px solid #fff; padding:5px;}
label.login          
{ font-family:"Trebuchet MS", Sans; margin:2px 0; font-style:italic; }
input.login          
{ font-family:Courier New, "Lucida Sans Unicode", Monospace; font-size:13px; color:#000; border:1px solid #c0c0c0; margin:5px 0; padding:3px; background:#f9f9f9; }
input.submit  			
{ font: bold 84% 'trebuchet ms',helvetica,sans-serif; padding:5px; }
legend.login     		
{ color:#333; border: 1px solid #777; }
textarea.login			
{ font-family:Courier New, "Lucida Sans Unicode", Monospace; font-size:13px; color:#000; border:1px solid #c0c0c0; margin:5px 0; padding:3px; background:#f9f9f9; }

/*CSS untuk tabel*/
#mytable table 		
{ padding: 0; margin:10px 0; }
#mytable caption		
{ text-align: left; }
#mytable th				
{ padding:5px 10px; border-top:1px SOLID #c0c0c0; border-bottom:1px SOLID #c0c0c0; background:#f5f5f5; }
#mytable th.dark		
{ color:#444; letter-spacing:2px; text-align:center; }
#mytable td	        
{ border-bottom:1px SOLID #e0e0e0; padding:5px 10px; color: #444; font-size:13px; }
#mytable td.num 		
{ padding:10px 20px; text-align:right; font-weight:bold; }
#mytable td.judul		
{  }
#mytable td.kategori	
{  }
#mytable td.edit, #mytable td.del 
{ width:50px }

/* End of File*/