@charset "utf-8";
body {
	background-color: #880c0c;
	color:#c6423d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

#ajax-loader { float:right; height:32px; padding-right:18px;}

#menu { margin-top:20px; padding-left:110px; }
#menu ul { padding:0px; margin:0px; } 
#menu ul li { float:left; margin:0px 10px 0px 0px; list-style:none; padding:0px; } 
#menu ul li a { display:block; text-indent:-2000px; height:26px; }
#menu ul li a.bt-home { background:url(images/bt-home.png) top left no-repeat; width:45px; }
#menu ul li a.bt-about { background:url(images/bt-about.png) top left no-repeat; width:113px; }
#menu ul li a.bt-undangan { background:url(images/bt-undangan.png) top left no-repeat; width:88px; }
#menu ul li a.bt-peta { background:url(images/bt-peta.png) top left no-repeat; width:86px; }
#menu ul li a.bt-buku { background:url(images/bt-buku.png) top left no-repeat; width:87px; }
#menu ul li a.bt-galeri { background:url(images/bt-galeri.png) top left no-repeat; width:51px; }
#menu ul li a:hover { background-position:bottom; } 

#page-top { clear:left; padding-top:10px; background:url(images/page-top.png) bottom no-repeat; height:9px; width:743px; }
#page-middle { background:url(images/page-middle.png) repeat-y; padding-bottom:32px; }
#page-bottom { background:url(images/page-bottom.png) no-repeat top; height:17px; width:743px; }

#container { clear:both; display:block; }
#content { display:block; }

#dummy, #dummy2, #dummy3 { position:absolute; left:-5000px; top:-2000px; }

#meta { width:743px; padding-bottom:15px; font-size:11px; letter-spacing:-1px; }
#meta ul li { list-style:none; float:left; margin-right:20px; }
#meta a { text-decoration:none; }

table td { text-align:center; padding:2px 5px 2px 5px; vertical-align:top; }
small { font-size:11px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; }
h1 { 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:29px; 
	font-style:italic; 
	font-weight:normal;
	letter-spacing:-2px;
	padding:10px 0px 0px; margin:0px; 
	color:#CC6600;
}

a { color:#c6423d; }

a:hover  {
	color:#CC6600;
	text-decoration:none;
}

#gb td.field { text-align:left; }
#title { text-align:left; margin:10px 20px 10px 0px; padding:10px 20px 10px 20px; 
	background:url(images/bg-tt.png) no-repeat right top; }
td.caption { text-align:right; width:200px; }

input, textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
.red { color:red; }
#status { padding-right:20px; } 
#list { margin:0px 25px 0px 250px; }

ul.list-buku-tamu { list-style:none; padding:0px; margin:0px 0px 10px 0px; }
ul.list-buku-tamu li { margin-bottom:5px; text-align:left; padding:3px 5px; }
ul.list-buku-tamu li.alt { background: #f3dcbb url(images/bg-bubble.png) top right no-repeat;  }

.paging { 
	background:url(images/bg-paging.png) no-repeat left top; 
	padding:10px 10px 10px 10px; margin-bottom:10px; text-align:right; font-size:11px; }
.paging a, .paging-right a { text-decoration:none; }
.paging .active, .paging-right .active { font-weight:bold; }
.paging-right { 
	background:url(images/bg-paging-right.png) no-repeat left bottom; 
	padding:10px 10px 10px 10px; margin-bottom:10px; text-align:right; font-size:11px; }
	
li.beruang, li.panda { margin:5px 0px; padding:5px 0px; list-style: none; }

ul.galeri { list-style:none; margin:40px 0px; padding:0px 40px 0px 40px; }
ul.galeri li { margin:0px 5px 5px; padding:0px; float:left; }
ul.galeri li img { border:3px solid white; }

#galeri img { border:10px solid white; }