a {
  text-decoration:none;
}

a:hover {
 text-decoration:underline;
}  

img.isi-ki {
  margin-right: 10px;
}

.comment{
  background-color:#eee;
}

#wrap{
  width:800px;
  margin: 20px auto;
}

#header{
    background:#fff url(images/header.jpg) no-repeat;
	padding-top: 5px;
	height: 140px;
}

#header h1{
  color: #fff;
  margin: 10px 50px;
}

#header a {
color: #fff;
text-decoration: none;
}

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

#header h3{
  color:white;
  margin: 10px 50px;
}

#top{
    background:#0000FF url(images/top.jpg) no-repeat;
	height:20px;
}

#content{
    background:#0000FF url(images/middle.jpg) repeat-y;
	padding:5px 20px;
}

#bottom{
    background:#0000FF url(images/bottom.jpg) no-repeat;
	height:20px;
}

#footer{
   text-align:center;
}

.left{
   width:530px;
   padding: 0px 5px 5px 5px;
   text-align:justify;
   float:left;
   /*background-color:#FFFF99;*/
}

.left h2{
   background-color:#000;
   color:#fff;
   margin: 0px -5px 5px -5px;
   padding-left:5px;
}

.right{
   width:200px;
   padding: 0px 5px 5px 5px;
   float:right;
   /*background-color:#33FFFF;*/
}

.right h3{
   background-color:#000;
   color:#fff;
   margin: 0px -5px 5px -5px;
   padding-left:5px;
}

.right ul{
   margin-left:0px;
   padding-left:0px;
}

.right li{
  list-style-type: none;
}

.right a {
color: #336699;
text-decoration: none;
font-weight:bold;
}

.right a:hover {
color: #111;
}

#comment_form{
   border:1px solid black;
   padding:5px 10px;
}

/*form cari */
div.search-form{
  margin-top: 15px;
}
input.button{
 margin-top:10px;
}


/* Class for single image listing (fancy function) 
 * It gives a grey 1px border around image
*/
.photo { 
	padding: 5px; 
	margin: 5px; 
	border: 1px solid #999; 
	display: block; 
	float: left; 
}

.photo:hover	{ border-color: #ccc; }