/* CSS Document by mdennisa@gmail.com */
body{background:#b3894d url(../images/nav_bg.jpg) top center no-repeat; font-family:arial; font-size:12px;}

/* LAYOUT */
#wrapper{width:1000px; margin:0 auto;}
#header{height:72px;}
	#logo{background:url(../images/logo.gif) left no-repeat; width: 568px; height:61px;float:left;}
	#logo .title{ padding: 10px 0 0 70px; font-family:Trebuchet MS; color:#fff; font-weight:500; font-size:28px;}
	#address{float:right; padding-top:10px; text-align:right;}
	#address .alamat{color:#fff; font-weight:500;}
	#address .status{color:#dcac4b;}
	
#nav{background:url(../images/nav.jpg) repeat-x; line-height:30px; width:auto; height:1%; margin:0; padding:0; position:relative; z-index:6;}
	
	#nav li{float:left; list-style:none; margin:0; padding:0;}
	#nav li a{color:#7c4d2f; font-weight:bold; text-decoration:none; text-align:center; line-height:30px; padding:0px 22px ; margin:0; display:block;}
	#nav li a:hover{background:url(../images/hover.jpg) top left repeat-x; color:#fff;}
	#nav li ul{margin: 0; padding: 0; position: absolute; visibility: hidden; width:175px;}
	#nav li ul li{float: none; margin:0; padding:0; display:inline;}
	#nav li ul li a{background:url(../images/nav.jpg) repeat-x; color:#7c4d2f;margin:0; padding:0;}
	#nav li ul li a:hover{background:url(../images/hover.jpg) top left repeat-x; color:#fff;margin:0; padding:0;}
#content{}
	#contentupper{height: 255px; margin:0; padding:0;}
	#contentupperleft{background: url(../images/testi_bg.png) no-repeat; width:287px; height:256px; float:left; position:relative; z-index:5;margin:0; padding:0;}
		#testi{width:258px; margin:0 0 0 10px; padding-top:5px;}
			#testiimg{border:5px #fff solid; }
			#testidesc{color:#946c4f; text-align:center;}
	#contentupperright{float:left;width:712px; height: 257px; margin:0 0 1px -27px; position:relative; z-index:1;padding:0;}
	
	#maincontent{min-height:700px;background:#7a4b2d url(../images/bg_content.jpg) repeat-y; }
		#contentleft{float:left;  min-height:350px;width:260px; margin:0; padding:0; }
			#mutiara{background:url(../images/mutiara_bg.jpg) no-repeat; width:253px; height:242px; margin: 10px 0 0 3px;}
				#mutiaratitle{ color:#b84007; font-size:18px; padding: 5px 0 0 15px;}
				#mutiaradesc{ color:#544831; width: 200px; text-align:center; font-size:14px; font-family:georgia; margin:0 auto; padding-top:5px;}
				
			#container{padding:10px 0 20px 5px; width:253px; margin: 0 auto; }
				#contgallery{width:60px;float:left; margin:3px 0px 3px 3px; border: 1px #362e26 solid;}
				#contguru{width:250px; padding-bottom:10px;}
					#contimage{float:left; margin-left:10px;}
							#contimage img{width:60px; height:80px;}
						#contdesc{float:left;margin-left:10px;}
				#viewallcont{width:65px; height:25px; margin:20px 0 0 150px;}
				#viewallcont a img{border:none;}
			#banner{margin:7px 0 0 10px;}
				#banner a img{border:none;}
			
		#contentright{float:left; width:730px; min-height:350px; margin:0 0 0 5px;; padding:0; }
			#welcome{ width:720px; margin-left:10px;}
				#welcomeimg{float:left; width: 200px; margin-left:20px;}
				#welcomenote{float:left; width:450px; margin-left:30px;}
		#subcontent{width:720px;}
			#subcontentleft{float:left; width:330px;  padding-left: 30px;}
			#subcontentright{float:left;  width:330px;padding-left: 15px;}
				
			#subdesc{background:url(../images/subcontent_bg.jpg) no-repeat; height: 323px; position:relative;}
			#subnews{font-family:georgia; width:300px; margin:0 auto; padding-top:10px;}
				#subnews li{margin-left: 10px;}
		#viewall{ width:65px; height:25px; position:absolute; bottom:20px; right: 20px;}
		#viewall a img{border:none;}
#footer{ background:#452412; height:40px;}
	#copydev{width:auto; color:#fff; font-size:10px; text-align:center; line-height:40px;}
	#copydev a {color:#0033FF;}
	
/*content.php*/

#contbody{margin: 5px 0 20px 35px;width:670px; padding:10px 0 10px 0;}
#contbody ol{padding:2px 0 10px 20px; margin:0;}
#contbody ol li{padding-bottom:3px;}

/*news.php*/
#news{font-family:georgia; width:690px; margin:0; padding-top:10px;}
	#news li{padding:0; margin-left:15px;}

/*guest.php*/
#guestlist{ border-bottom:dotted 2px; padding:8px 5px;}
#isibuku{}


/*guru.php*/
#listguru{width:330px;float:left;margin-top:10px;}
#fotoguru{width:100px;float:left;}
#desguru{width:220px; float:left;margin-left:5px;}

/*gallery.php*/
#gallery{width:120px; float:left; margin-right:20px;}
#galleryimg{width:120px; background:url(../images/gallery_frame.png) no-repeat; height:115px;}
#galleryimg img{padding:8px 0 0 13px; border:none;}
#gallerycap{font-size:10px; text-align:center; width:110px; }

/*gallery_detail.php*/
#dgallery{width:120px; float:left; margin-right:20px;}
#dgalleryimg{width:120px; background:url(../images/gallery_frame.png) no-repeat; height:115px;}
#dgalleryimg img{padding:8px 0 0 13px; border:none;}
#dgallerycap{font-size:10px; text-align:center; width:110px; }

/* TEXT style */
h1,h2{margin:0; padding:0;}
h1{}
h2{font-weight:500; font-size:24px; }
.greentext{color:#60a1b7;}
.line{color:#c0a48b; margin-left:20px;} 
.browntext{color:#452412; }
.greytext{color:#828282;}
.bigger{font-size:16px;}
.redlink{color:#f2a995; text-decoration:none;}
.brownline{color:#5f412f;}
.black{color:#000;}
/* IMG or THUMB style */

/* TABLE style */
.tablehead{background-color: #78492b; color:#fff;}
/* FORM style */
form{margin:0; padding:0;}
.inputtx{width:250px; border:inset 1px #ccc; background:#dddfdb; font-size:10px; height:16px; }
.commentx{width:520px; border:inset 1px #ccc; font-size:10px; background:#dddfdb;height:150px;}
.buttontx{ background:#dddfdb; border:0px; text-align:center; width:60px; height: 20px; margin-top:5px; cursor:pointer;}

/* MISC */
.clear{clear:both;}
.stripe{ background-color:#fdd279;}
.stripe2{ background-color:#FEDF9E;}

/* Pagination styling */
div.pagination {
padding: 3px;
margin: 3px;
text-align:center;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin: 2px;

text-decoration: none; /* no underline */
color: #000;
}
div.pagination a:hover, div.pagination a:active {
text-decoration: underline;
background-color: #7a4b2d;
color: #fff;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin: 2px; 
font-weight: bold;
background-color: #7a4b2d;
color: #FFF;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin: 2px;
color: #777;
}
/* end pagination styling */