body {
  text-align:center;
  background: #E5E9ED url(ijo.jpg) repeat-x;
  color: #585858;
  font-size: 9pt;
  font-family: "trebuchet ms", helvetica, sans-serif;
  margin: 0px;
  }
  h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
    letter-spacing: -1px;
    font-size: 12pt;
    text-transform: lowercase;
    }
  h2,h3,h4,h5,h6 {
    color: #334D00;
    }
  h2 {
    margin-top:30px;
    border-bottom: 1px solid #E4DF94;
    }
#contentheader {
  background:#fff url(headku.jpg) no-repeat;
  height:190px;
  }  
  #menus {float:right; margin-right:54px; margin-top:75px; }
  #menus li {display: inline; font-size:14px; font-family:"Courier New", Courier, monospace; text-transform:uppercase; font-weight:bold;}
  #menus a {display:block; float:left; color:#ccc; height:36px; padding-top:10px; padding-left:20px; padding-right:10px; text-decoration:none;}
  #menus a:visited,active {display:block; float:left; color:#ccc; height:36px; padding-top:10px; padding-left:20px; padding-right:10px; text-decoration:none;}
  #menus a:hover {display:block; float:left; height:36px; padding-top:10px; padding-left:20px; padding-right:10px; text-decoration:none; background:url(bunga.jpg) no-repeat; color:red;}
  /* Hides from IE-mac \*/
  * html #menus {float:right; margin-right:35px; margin-top:85px; }
  * html #menus a:hover {display:block; float:left; height:36px; padding-top:10px; padding-left:20px; padding-right:10px; text-decoration:none; background:url(bunga.gif) no-repeat; color:red;}
  /* End hide from IE-mac */ 
 #breads { margin-left:516px; }
  #breads a { font-weight: bold; color: #585858; text-transform: uppercase; text-decoration:none; }
  #breads a:hover { font-weight: bold; color:red; text-decoration:none;}
  #bread a { font-weight: bold; color: #585858; text-transform: uppercase; text-decoration:none; }
  #bread a:hover { font-weight: bold; color:red; text-decoration:none;}
#frame {
  width:998px;
  margin-right:auto;
  margin-left:auto;
  margin-top:0px;
  padding:0px;
  text-align:left;
  background:#fff url(bgku.jpg) repeat-y;
  }
#contentleft {
  width:560px;
  padding-left:25px;
  padding-right:12px;
  float:left;
  }
  #contentleft  a {color: #334D00; text-decoration:none; }
  #contentleft  a:hover {color: red; text-decoration:none;}
  #contentleft .postinfo {display:block; font-size:11px; color:#666666; font-variant:normal; font-weight:normal; letter-spacing: 0px;  }
  #contentleft .postinfo a {color: #008FD9; text-decoration:none;}
  #contentleft .postinfo a:hover {color: red; text-decoration:underline;}
  #contentleft .date a {color: #008FD9; text-decoration:none; padding-left:20px;background:url(arrow.gif) no-repeat;}
  #contentleft .lengkap a {color: #008FD9; text-decoration:none; padding-left:20px;background:url(arrow.gif) no-repeat;}
  #contentleft .date a:hover {color: red; text-decoration:underline;}
  #contentleft .lengkap a:hover {color: red; text-decoration:underline;}


#framekanan {
  width:370px;
  float:left;
  background: url(bgkanan.jpg) repeat-y;   ;
  }

.menu {background-color:#E7E7E7;border-bottom:1px solid #d7d7d7; height:23px;width:330px;margin-left:25px;}
.menu ul {margin:0px; padding:0px; list-style:none; text-align:center;}
.menu li {display:inline; line-height:23px;}
.menu li a {color:#585858; text-decoration:none; padding:5px 5px 6px 5px; }
.menu li a.tabactive {border-left:1px solid #d7d7d7;border-top:1px solid #d7d7d7; border-right:1px solid #d7d7d7; color:#000000; background-color:#ffffff; font-weight:bold;  position:relative;}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4,#tabcontent5,#tabcontent6 {font-weight: bold;font-size: 12pt;background:#ffffff url(kadalbg.jpg) no-repeat; border:1px solid #d7d7d7; border-bottom:0px solid #fff;width:315px; height:70px; text-align:left;padding:6px 0px 0px 12px;margin-left:25px;}	
#tabcontent1 a,#tabcontent2 a,#tabcontent3 a,#tabcontent4 a,#tabcontent5 a,#tabcontent6 a {padding-left:20px;background: url(arrow.gif) no-repeat center left;color: #334D00; text-decoration:none; }
#tabcontent1 a:hover,#tabcontent2 a:hover,#tabcontent3 a:hover,#tabcontent4 a:hover,#tabcontent5 a:hover,#tabcontent6 a:hover {color: red; text-decoration:none;}
#pencarian, #populer, #most {background-color:#ffffff; border:1px solid #d7d7d7;  border-top:0px solid #fff; width:315px; text-align:left;padding:6px 0px 10px 12px; margin-bottom:5px; margin-left:25px;}	
  #most  a {color: #334D00; text-decoration:none; }
  #most a:hover {color: red; text-decoration:none;}
  #most li {margin-left:14px;}
#kananputih { background:#ffffff url(putihbg.jpg) no-repeat;}
#putih, #putih a, #putih:hover { color: #334D00;background:#ffffff; height:100px; text-decoration:none;}
#kananputih a {color: #334D00; text-decoration:none; }
#kananputih a:hover {color: red; text-decoration:none;}


.comment { background: #eee; color: #808080; border: 1px solid #ccc; padding:5px;border-top: 0px; width:365px; margin-bottom:20px; }
.gajah1 { background:#fff url(gajah1.jpg) no-repeat; width:310px;height: 40px; padding-left:67px;}
.gajah2 { background:#fff url(gajah2.jpg) no-repeat; width:310px;height: 40px; padding-left:67px;}
.gajah3 { background:#fff url(gajah3.jpg) no-repeat; width:310px;height: 40px; padding-left:67px;}
.gajah4 { background:#fff url(gajah4.jpg) no-repeat; width:310px;height: 40px; padding-left:67px;}
.kadal { background:#fff url(kadal.jpg) no-repeat; width:310px;height: 40px; padding-left:67px;}

#komentar {
  width:332px;
  padding-left:25px;
  padding-right:25px;
  float:left;
  }
  #komentar  li {font-size: 10pt; font-weight:normal; color: #334D00; text-decoration:none; }
  #komentar  a {font-size: 9pt; font-weight:normal; color: #008FD9; text-decoration:none; }
  #komentar  a:hover {font-size: 9pt; font-weight:normal;  color: red; text-decoration:underline;}  
  
.searchfield { background:#fff url(bgtxtsearch.jpg) no-repeat;font-weight:bold; font-size: 9pt; color:#628FAC; border:0px;height:25px;padding-left:11px; width:200px;}  
.searchbutton {
  cursor:pointer;
  border:0px;
  background:#fff;
  color:#666;
  font-weight:bold;
  }
.searchbutton:hover {
  color:red;
  }  
#footerframe {
  width:100%;
  background:#8DABA1 url(bg_footer.jpg) repeat-x;
  }
  #footer { 
  width:998px;
  height:174px;
  padding:0px;
  padding-top:80px;
  color:#fff;
  text-align:center;
  background:url(footer.png) no-repeat;
  }
  #footer a {color:#fff; text-decoration:none; }
  #footer a:hover {color:#fff; text-decoration:underline;} 
 	#pages {width:130px;float:right;margin-left:20px}	
quote,pre {
margin:0px 10px 10px 10px;
}
h1 {
font-size:14px;
padding-top:0px;
}




.bubble{
	background:url(tutorial_php.jpg) left top no-repeat;
	width:47px;
	height:42px;
	text-align:center;
	padding-top:6px;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	float:left;
	margin-right:8px;
  }
	.bubble .count{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:18px;
		color:#CC6600;
	}	


.hijau {	background: whitesmoke; padding:3px;  color: inherit; }
.biru { background: whitesmoke; padding:3px;  color: inherit; }
/* sNews */
fieldset { border: 1px solid #E4DF94; padding: 10px 8px; margin: 0 0 8px 12px; background: #FFFBC0; color: #000; }
input { padding: 2px; }
textarea { width: 97%; height: 20em; padding: 3px; }

#pagination { padding:8px; margin-left:8px; margin-top:20px; margin-bottom:20px;}
#pagination .pre{display:block; padding:3px; float:left;}
#pagination .next{display:block; padding:3px; float:right;}
#pagination .clear2 { clear:left; width:99%;}

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#komentar{display:none;} 
#contentheader{display:none;} 
#framekanan{display:none;} 
#kananputih{display:none;} 
#footerframe{display:none;} 
#most{display:none;} 
#pages{display:none;} 


}