{
margin: 0px;
padding: 0px;
}

a:link {
	color: #8A4500;text-decoration: none;
}

a:hover {
	
	color: #FF0000;;text-decoration: underline;
}

a:visited {
	color: #224386;;text-decoration: none;
}

body {
	
	background: #03152B url('g/back_all.gif');
	color: #333333;
	margin:0;font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}
p {
color:#333
}
h9 {
font-size:13px;z-index:5000;padding:5px 0;padding-left:20px;background: url('ajakcht.gif') no-repeat left center;color:#3366CC;font-family:Verdana
}

#content
{
	width: 100%;
	text-align: left;
}

#back
{
width: 97%;
background: #ffffff
}

#header {
	height: 200px;
	text-align: left;		
	background: #03152B url('g/back_all.gif');

}

#menu
{
width: 100%;
height: 47px;
background: url('g/button.jpg');
}

#menu ul {
	list-style: none;margin-left:21%;	
}

#menu li {
	
	display: inline; 
	
}

#menu a {
	float: left;
   display: block;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	padding: 13px 10px;
	background: url('g/button.jpg') no-repeat;

}

#menu a:hover {
	color: #F1F1F1;
	text-decoration: underline;
	background: url('g/button_r.jpg') no-repeat;
}


#logo {
background: url('g/header.jpg') no-repeat;
width: 100%;
height: 119px;
text-align: left;
padding-top: 30px
}

#logo h1 {
font-size:40px;letter-spacing: 2pt;margin-bottom:5px;margin-left:25%
}
#logo a {
	text-decoration: none;
	color: #ffffff;
}
#logo h2 a{font-size: 18px;letter-spacing: 2pt;margin-left:25%;margin-top:5px;margin-left:25%}

#lefte {padding:0 5px;
	width: 20%;
	margin-left:0;margin-right:5px;
	float:left;
	margin-top:-70px;background:#ffffff url('topgradient.jpg') repeat-x left top;border:8px solid #C6E2FF;font-size:11px
	
}
#lefte h2
{
font-size:15px;padding:5px 5px;color:#8A4500;background:#C6E2FF;margin:0 -5px
}
#lefte ul {
margin-left:15px;padding:5px 10px
}
#lefte ul li {
color: #555555;font-family:Tahoma;font-size:11px;margin-top:3px;
list-style-image: url('g/albi.png');	
}

#lefte a {
	color: #224386;
}
#lefte a:hover {
	color: #8A4500;
}

#lefte p
{
padding: 3px;
}
#postatas
{
float: right;
width: 75%;color:#CC6600;
padding-left: 5px;padding-right:5px;margin:5px 0;
}
#postatas h8{

float: left;
width: 150px;color:#333333;
font-size:15px;
}
#post
{
float: right;
width: 75%;color:#333333;
padding-left: 5px;padding-right:5px;line-height: 175%

}

#post h4
{
	margin: 0;
	padding: 0px;
	font-size: 12px;
	color: #224386;
}
#post a
{
color: #336699;
text-decoration: none;
}
#post a:hover {color: #EC981F}
#post h1 {
font-size:22px;padding:10px 5px;color:#222222;margin:10px 0
}
#post h2 {
font-size:17px;padding:5px 5px;color:#336699;margin:0;margin-bottom:5px;text-transform:uppercase;background:#f0f0f0
}
#post h3, #buta h3 {
font-size:14px;padding:5px 5px;color:#3366CC;margin:0;margin-bottom:5px;text-transform:uppercase;background:#f0f0f0 
}
#post ul, #post ol {
margin-left:10px;padding:5px 20px
}

#post ul li, #post ol li {
color: #555555;font-family:Tahoma;font-size:12px;margin-top:2px
}
#post ul li {
list-style-image: url('g/fahri.png')
}


.post-footer {
	background-color: #FAFAFA;text-align:right;
	padding: 5px; margin-top: 5px;margin-bottom:10px;
	font-size: 95%;
	border: 1px solid #f2f2f2;
}
.post-footer .date {
	background: url('g/clock.gif') no-repeat left center;
	padding-left: 20px; margin-left:5px; margin-right:5px; margin-top:0; margin-bottom:0
}
.post-footer .comments {
	background: url('g/comment.gif') no-repeat left center;
	padding-left: 20px; margin-left:5px; margin-right:5px; margin-top:0; margin-bottom:0
}
.post-footer .readmore {
	background: url('g/page.gif') no-repeat left center;
	padding-left: 20px; margin-left:5px; margin-right:5px; margin-top:0; margin-bottom:0
}



#footer {
	height: 57px;
	clear: both;
	padding-top: 10px;
	border-top: 4px solid #0089FF;
	background: url('g/footer.gif') repeat-x;text-align:center 
}

#footer p {
	margin: 0;
	font-size: 10px;
	text-align: center;
	color: #333;
}

#footer a {
	color: #ffffff;
}
code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 3px solid #EC981F;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	border-right:1px solid #f2f2f2; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; margin:10px; background:#FAFAFA url('g/aaa.png') no-repeat 8px 10px !important; border-left:5px solid #c0c0c0; padding-left:55px; padding-right:0; padding-top:20px; padding-bottom:20px 
}
blockquote h2 {
background:#FAFAFA;
}
/* form elements */
table {
	margin:10px; padding: 0;
	border: 1px solid #f2f2f2; 
	background-color: #FEFEFE;margin:5px;
}
tr {
border-left:0px none; border-right:0px none; border-top:0px none; border-bottom:1px dotted #e0e0e0; 
}
th {
border-bottom:1px solid #c0c0c0;background:#336699;color:#fff;font-weight:bold;font-size:13px;text-transform: uppercase;
}
td {
border-right:0px none; border-top:0px none; border-bottom:0px none; padding:3px; margin:2px
}
td:hover {
background:#F3F3F3;color:#336699;
}

label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 4px;
	border:1px solid #eee; border-bottom:1px dotted #336699;
	font: normal 1em/1.5em Verdana, sans-serif;
	color:#777
}
input:hover {
border:1px solid #C9D6F1
}
select {
	padding: 4px;
	border:1px solid #eee; border-bottom:1px dotted #336699;
	font: normal 1em/1.5em Verdana, sans-serif;
	color:#777;
}

textarea {
	width:95%;
	padding:4px;
	font: normal 11px Trebuchet MS, sans-serif;
	border:1px dotted #336699;
	height:100px;
	display:block;
	color:#777;
}
textarea:hover{
border:1px solid #C9D6F1
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #333;	
}
input.button:hover{
border:1px solid #C9D6F1
}
legend {
padding:2px 5px;border:1px solid #F0F0F0;background:#FAFAFA
}
.penggun li{
font-size:10px;font-family:Arial Narrow
}

.pgnonline li {	padding-left:20px; padding-right:20px; padding-top:4px; padding-bottom:4px;list-style-image: url('online.png');font-size:10px;font-style:Arial Narrow;
}
/* search form */
form.searchform {
	background: transparent;
	border: none;
	margin: 0; padding: 0;	
}
form.searchform input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #CCC; 
	background: #FFF;
	color: #333; 
	vertical-align: top;
}
form.searchform input.button {
	width: 55px;
	vertical-align: top;
}
.pageNum {
padding:1px 5px;border:1px solid #c0c0c0;margin:5px 2px;text-decoration: none;font-weight:bold;background:#EFF4FA
}
.pageNum2 {
padding:1px 2px;border:1px solid #f0f0f0;margin-right:2px;text-decoration: none;background:#f5f5f5;font-size:10px
}
.sevenbooks {
background: #FFF;color:#333
}
.sbook {
border: 1px solid #F0F0F0;padding:5px 5px;background:#FDFDFD;margin:5px 0;margin-top:10px
}
.tlsn {
padding:5px;margin:5px;width:71%;float:right;background:#FFFFFF;border-left:1px solid #f0f0f0
}
.tlsn1 {
margin:10px 2px;
display:block
}
.cmntr {
display:block
}
.cmntr1 {
background-color:#fff;margin-bottom:2px;margin-top:2px;display:block
}
.sbook img {
margin:5px;
}
.cmntr img, .cmntr1 img {
margin:3px;border:0
}

#layer2 {
color:#333333;position:fixed;bottom:30px;top:2px;left:0;visibility:hidden;width:95%;background:#F0F0F0;border:1px solid #666;padding:10px 3px;padding-top:0
}
#layer1 {
color:#333333;position:fixed;bottom:30px;top:2px;left:0;visibility:hidden;width:95%;background:#F0F0F0;border:1px solid #666;padding:10px 3px;padding-top:0
}
#layer3 {
color:#333333;right:235px;width:220px;background-color: #F5F5F5;border:1px solid #c0c0c0;position: fixed;bottom: 28px;z-index: 1000;visibility:hidden;overflow:hidden
}
#layer4 {
color:#333333;right:3%;width:222px;background-color: #F5F5F5;border:1px solid #c0c0c0;position: fixed;bottom: 30px;z-index: 1000;visibility:hidden;overflow:hidden
}
#layer3 a, #layer4 a, #layer1 a, #layer2 a {
color: #336699
}
#buta input, #buta textarea{
font-size:11px;font-family:Arial Narrow
}
.trnsp{
opacity:0.3;filter:alpha(opacity=30);font-size:80px;position:absolute;text-align:center
}
.krys{
width:30%;float:left;margin:5px;border:1px solid #f0f0f0;padding:5px;height:170px;
}
.bt1 {
border: 1px solid #ACC8E3;background:#fff;font-size:11px;margin:3px;margin-bottom:10px;font-family:Arial Narrow;padding:2px;color:#222
}
.tgl1 {
font-size:10px;font-family:Arial Narrow;text-align:right;margin:0;float:right
}
   
.rbroundbox { background: url(nt.gif) repeat; }
.rbroundbox1 { background: url(nt.gif) repeat; }
.rbroundbox2 { background: url(nt.gif) repeat; }
.rbroundbox3 { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 10px;text-align:center;height:150px;background:#FFFFFF  }
.rbroundbox { width: 32%; float:left;margin-right:5px;margin-bottom:5px}
.rbcontent a {color:#FFF}
.rbroundbox1 {margin:5px}
.rbcontent1 { margin: 0 10px;text-align:left;background:#FFFFFF  }
.rbroundbox2 { width: 32%; float:left;margin-right:5px;margin-bottom:5px}
.rbcontent2 { margin: 0 10px;text-align:left;background:#FFFFFF  }
.rbcontent3 { margin: 0 10px;background:#FFFFFF;padding:5px 10px;height:150px }
.rbroundbox3 { width: 48%; float:left;margin-right:5px;margin-bottom:5px}
.tgl_artikel {
font-size:10px;color:#666;margin-top:10px
}
.upperdeck {
font-size:10px;color:#336699;
}
.judul {
font-size:15px
}
.deskripsi {
font-size:12px;border-bottom:1px solid #c0c0c0;
}
#kanan {
font-size:10px
}