/* www.w3schools.com
background : background-color background-image background-repeat background-attachment background-position
font       : font-style font-variant font-weight font-size/line-height font-family; *bugs opera
border     : border-width border-style border-color;
	         border-width (thin, medium, thick, length)
             border-style (none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset)

padding    : padding-top padding-right padding-bottom padding-left; (lenght / %)
margin     : padding-top padding-right padding-bottom padding-left; (lenght / %)

*/

body { padding:0; margin:0; 
	font-family:verdana,arial,helvetica; 
	background:#000 url(images/bg10.jpg) no-repeat top left; 
	color:#999;
	font-size:11px; behavior:url(csshover.htc); 
	background-attachment: fixed; 
}

a { color:#888; text-decoration:none; }
a:hover { color:#666; text-decoration:underline;}

tr,td { font-family:verdana,arial,helvetica; color:#999; font-size:11px; }


/* layout  ------ */
#container { margin-left:300px; padding:0; width:530px; text-align: left; }
#containerisi { padding:0; }

#headimage { height:135px; margin:0; background:#000 url(images/top3.jpg) no-repeat top left; }

#leftside { float:left; margin-top:30px; width:213px; background: url(images/hulu2.jpg) no-repeat top left; padding:0; }
#lefttisi {	padding:0; margin:0; color:#555; }

.wrap { clear:both; padding:0; margin:0;}
#mainside {	float:right; padding:0; margin:0; width:290px; background:#000 url(images/top4.jpg) no-repeat top left;}
#mainisi { padding:0; margin-top:95px; color:#bbb; font-size:11px; border-color: #eee; text-align: left;}


.box_top { }
.box_top h2 { color: #336699; padding:10px 5px 5px 10px; margin: 0;	font-size: 11px; }
.box { padding:0; margin-top:10px; }
.box_isi { padding:0 10px; color: #555; }
.box_bottom { margin-bottom: 20px; }
	
#footer { clear:both;  height:100px;margin-top:60px; background: url(images/bottom.jpg) no-repeat top left;}
#footer h3 { margin:0; padding-top: 40px; font-size: 11px; color:#888;text-align:center; font-weight:normal;}
#footer a { color:#a00; font-weight:bold; }


/* Text Size -> h1: page title, h2: list title, h3: list text, h4: list link, h5: list date */

h1 { font-size:18px; font-weight:normal; margin: 0 0 15px 0; padding:0; color: #bbb; }
h3 { font-size:12px; font-weight:normal; color: #ccc; }
h1.modul {font-size:14px; font-weight:bold; color:#333; text-decoration:none; margin:20px 0 10px 0; text-align: left;}
h5.modul {font-size:9px; font-weight:normal; color:#f60; text-decoration:none; margin:0; padding:0;}

.tablist { margin-bottom:10px; padding:0; }
.tablist h2 { font-size:12px; font-weight:normal; text-decoration:none; margin:0; padding:0;}
.tablist h2:hover { text-decoration:underline;}
.tablist h3 { font-size:11px; font-weight:normal; text-decoration:none;  margin:0; padding:0;}
.tablist h4 { font-size:11px; font-weight:normal; color:#090; text-decoration:none; }
.tablist h5 { font-size:9px; font-weight:normal; color:#888; text-decoration:none; margin:0; padding:0;}

.progallery { clear:both; margin-bottom:10px; padding:0; text-align:right; background:url(images/latarprogal.jpg) no-repeat top left;}
.progallery h2 { font-size:11px; font-weight:bold; text-decoration:none; margin:0; padding:0; color:#ddd;}
.progallery h3 { font-size:11px; font-weight:normal; text-decoration:none;  margin:8px 0; padding:0;}
.progallery h4 { font-size:11px; font-weight:normal; color:#090; text-decoration:none; }
.progallery h5 { float:right; font-size:9px; font-weight:normal; color:#888; text-decoration:none; margin:0; padding:0;}
.progallery img { float:left;margin-bottom:10px; padding:0; border:2px solid #ccc;}
.batas { clear:both; margin:20px 0; padding:0; border:1px solid #000; height:5px; background:#000 url(images/batas.gif) no-repeat;}

.guestbook { clear:both; margin-bottom:10px; padding:0; text-align:right;background:url(images/back_gb.jpg) no-repeat top left; }
.guestbook h2 { font-size:11px; font-weight:bold; text-decoration:none; margin:0; padding:0;}
.guestbook h3 { font-size:11px; font-weight:normal; text-decoration:none;  margin:10px 0; padding:0;}
.guestbook h4 { font-size:11px; font-weight:normal; color:#090; text-decoration:none; }
.guestbook h5 { font-size:9px; font-weight:normal; color:#888; text-decoration:none; margin:0; padding:0;}




.fp { margin-bottom:10px; padding:0; }
.fp h2 { font-size:11px; font-weight:normal; color:#f60; text-decoration:none; margin:0; padding:0;}
.fp h2:hover { text-decoration:underline;}
.fp h3 { font-size:11px; font-weight:normal; text-decoration:none; }
.fp h4 { font-size:11px; font-weight:bold; text-decoration:none; color:#060;}
.fp h4 { text-decoration:underline; }
.fp h5 { font-size:9px; font-weight:normal; color:#888; text-decoration:none; margin:0; padding:0;}

.listimages {  margin-bottom:10px; padding:0; }
.listimages h3 { float:right; font-size:11px; font-weight:normal; color:#ddd; text-decoration:none; margin-bottom:40px; padding:0;}
.listimages img { clear:both; float:left; margin:0; padding:0; border:2px solid #aaa;}


.search { font-size:12px; font-weight:normal; text-decoration:none; margin-bottom:20px;} 
.search h3 { font-size:15px; font-weight:normal; color:#00f; text-decoration:none; margin:0; } 
.search h3:hover{ text-decoration:underline; } 

h3.search {}
h3.search:hover { }

.pagidiv { margin-top: 5px; }
.pagitext { font-size:12px;	font-weight: normal; text-decoration:none; color:#ddd;}
.pagitextcur { font-size:12px;	font-weight: normal; text-decoration:none; color:#e00;}

.TbBorder {	font-weight:normal; background:transparent; color:#000; }
.TbTitle { font-size:11px; font-weight:bold; line-height:22px; height:22px; text-align:center; background:transparent; color:#777; }
.TbTools { background:transparent; color:#999; padding:5px; text-align:right; }
.TbFieldA { font-size:11px; font-weight:normal; background:transparent; color:#999; text-align:right; width:100px; }
.TbFieldB {  background:transparent; color:#999;  }
.TbFieldBHover { background-color:#f8f8f0; color: #000;}
.TbDesc {  color: #000000; }

form {	margin-bottom:1px }
.button { font-family:verdana,arial,helvetica; font-size:11px; background:#ccc; color:#222; border:1px solid #999; }
.ctext { font-family:verdana,arial,helvetica; font-size:11px; background:#ccc; color:#222; border:1px solid #999; }
.ctexterr { font-family:verdana,arial,helvetica; font-size:11px; background:#ccc; color:#222; border:1px solid #f55; }