/* Stylesheet */


* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: 0;
	outline: none;
}
   	
.clear { clear:both; }

abbr { border-bottom:1px dotted #ccc; }

del { text-decoration:line-through; color:#ccc; }

#navlist li{
     display:inline;
     list-style-type:none;
     padding:0px 10px 0px 0px;
          }
   
    ul#navlist {
      width:320px;
      float:left;
      }

    ul#pencarian {
      width:180px;
      float:right;
      }

     #navlist li b { text-shadow: #fff 0.1em 0.2em 0.3em; }
           
         
div#alas {
    margin:0px auto;
    width:500px;
    font: normal 82%/1.2em "Helvetica Neue", Helvetica, 'Lucida Grande', Arial, sans-serif;
    border-top:1px dotted #ccc;
    padding-top:10px;
	}
	
	div#alas .grid_al {
	    width:250px;
		float:left;
		text-align:left;
		}
		
		div#alas .last {
		    text-align:right;
			}
	
	    span.grid_al_na  {
		    padding-left:30px;
		    }
		span.kus {
            
            }			
		
/* grid */

span#grid {
    margin-left:28px;
}	
	
	
body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	color: #525252;
	line-height:1.6em;
	text-align:justify;
        background:#eee;
}


div#halaman {
    width:600px;
	margin:0px auto;
	margin-top:2em;
	}

	
div#isi, div#menu-isi, div#isi-arsip {
        width:500px;
	float:right;
	font-size: 13px;
	font-family: Arial;
	margin-bottom:22px
	}

        
          div#isi-arsip { margin:0px; }

      div.tetangga {
           border-top:1px dotted #ccc;
           padding:10px;
       }	
	
	
div#sampingan, div#tagline {	
    width:80px;
    float:left;
    font-size:12px;
	}

	h3.judul {
	font-size:26px;
	font-weight:normal;
	color:#d90000;
	margin-bottom: 6px;
 line-height:22px;
	        }
		
	#tagline h1 {
       text-align:right;
       font-weight:bold;
       font-size:16px;
}



div#alas {
    clear:both;
	margin-left:100px;
	}
	
	div#alas .grid_al {
	    width:250px;
		float:left;
		text-align:left;
		}
		
		div#alas .last {
		    text-align:right;
			}
	
	    span.grid_al_na  {
		    padding-left:30px;
		    }
		span.kus {
            
            }			

a {
	color:#d90000; text-decoration:underline;
}

a:hover, h3.judul a {
    text-decoration:none;
    	}

a.zoom { border:opx; }
	
h3.judul a { /*color:#221a0d;*/ color:#d90000; }

h3.judul, a.next-prev { font-family: Georgia; font-style:italic; }


ul {
	list-style-type:square;
	margin-bottom:1em;
}

div#isi li ul, li ol {margin:0 1.5em;}
	
	div#isi ul, ol {
	     margin:0 1.5em 0em 4em;	   
		}
	
	ul li {
	    list-style-type: circle;
		margin: 1em 0 .5em; 
			}
		
	ol li {
        list-style-type:lower-roman; 
        margin: 1em 0 0.5em; 
		        }	

          ol li ul li { list-style-type:lower-alpha; margin: 1em 0 .5em;  }	

p { margin:0 0 1.5em; text-shadow: #fff 0.1em 0.1em 0.1em; }

p.footnote { border-top:1px dotted #ccc; padding:10px 0 10px 0; }

p.tgl, strong {
	font-weight:bold;
	color:#333;
      margin-bottom:0px;
      text-align:right;
        }

p.tgl .tengah {
padding-top:10px;
}


p.tag {
      text-transform: uppercase;
      color:#ccc;
	font-size:11px;
      line-height:10px;
      margin-bottom:10px;
	text-align:right;
}

p.tag:hover {
      color:#000;
}


p.short {
       color:#000;
       font-size:11px;
       margin-bottom:4px;
       text-align:right;
       }

 span.left, span.right {
       width:250px;
       float:left;
       font-weight:bold;
        }

 span.right { text-align:right; font-weight:bold; }

 span.tweet_text, em { font-family: Georgia, Times, serif; font-style:italic; }

 span.ijo { color:#6b9809; font-weight:bold; }
 
 span.abang { color:#e83843; font-weight:bold; }

 span.caps { }


code {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	font-weight: 500;
	overflow:auto;
      	}


p code, li code {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	font-weight: 500;
	background:#fafbf1;
 padding:4px;
        	}

p code.error { color:#c00; }

p.komentar {
        font-weight:bold;
	color:#333;
        margin-bottom:0px;
         }
        
pre {
	width:500px;
	overflow:auto;
        background:#fafbf1;
        margin-bottom:2em;
        -webkit-box-shadow: 1px 1px 2px #a9ac94;
	-moz-box-shadow: 1px 1px 2px #a9ac94;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
        border-radius: 5px; 
}

	
 img { 
padding: 0;
margin: 5px 0 5px 0;
border: 4px solid #f3f0e7;
}

/*
img { 
         padding: 5px;
	 background: #fff;
	 -webkit-box-shadow: 1px 1px 2px #a9ac94;
	 -moz-box-shadow: 1px 1px 2px #a9ac94;
	 -webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
}
*/

img.clock {
    padding-right:4px;
    border:0px;
    display:inline;
    width:16px;
    height:16px;
    margin-bottom:-4px;
 }

img.ikon {
     border:none;
     display:inline;
     margin-bottom:-10px;
     padding-right:10px;
}

img.no-border, img.fontimg {
     border:none;
     border:0px;
     }

h1 img.fontimg { border:0px; height:22px; padding:4px; margin-top:-4px; } 

/* tipografy based on http://code.google.com/p/typogrify/ */
	
    .caps {font-size:.92em;}
    .amp {color:#666; font-size:1.05em;font-family:"Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua",serif; font-style:italic;}    
    .dquo {margin-left:-.38em;}
	

object, iframe { width:500px; margin-bottom:2em; text-align:center; }

/*
blockquote {
display: block;
padding: 0 60px;
width: 400px;
font-style:italic;
font:Georgia;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}
*/

blockquote {
	font-size: 180%;
	font-style: italic;
	font-family: georgia, times new roman, sans-serif; 
	font-color: #aaa;
	}
blockquote p:before {
	content: '“';
	font-size: 120%;
	font-family: georgia, times new roman, sans-serif;
	color: #aaa;
	margin: 0 0 10px 0px; *margin: 0 0 10px 12px;
	}
blockquote p:after {
	content: '”'; 
	font-size: 120%;
	font-family: georgia, times new roman, sans-serif;
	color: #aaa;
	}



#LSResult { position: absolute; background-color: #fff; width: 180px; }
 #LSShadow { padding: 5px; } 
 #LSRes { background-color: #fff; }
  .LSRow { padding: 0 5px; border-bottom:1px dotted #ccc; -moz-border-radius:10px; -webkit-border-radius:10px;}
  #LSHighlight { background-color: #aaa; } 
  #LSHeader { padding: 2px 2px 8px; }

  input#livesearch {
         font-family: Arial;
         font-size:12px;
         border:1px solid #ccc;
         padding:2px;
         text-align:center;
         color:color:#525252;
         }

 .lsDate { display: block; color: #555; } 	

/*
ul.bdr li { margin:0px; list-style-type:none; font-size:16px; margin-bottom:22px; border-bottom:1px dotted #ccc; padding:6px;}
*/

/* about */
#about img { width: 50px; height: 50px; border:none; }
#about a { padding: 3px; display: block; float: left;}
#about a:hover { background: #f3f0e7; }

div#isi ul#chat, ol.daft-komen {
        margin: 0;
	padding: 0;
}

div#isi ul#chat li {
        list-style-type:none;
        border-top:1px dotted #ccc;
        padding:5px 0px 5px 0px;
        margin:0px;
        }

div#isi ul#chat li:first-child {
        border:none;
       } 

div#isi ul#chat li:last-child {
       margin-bottom:16px;
      }

dt dd { line-height:18px; margin:0px; }

dd { border-top:1px dotted #ccc;
     padding:5px 0px 5px 0px;
     position:relative;	
     margin:5px 0px 0px 0px;
     text-shadow: #fff 0.1em 0.2em 0.3em;
}

span.date {
	position:absolute;
	right:0px;
        font-weight:bold;
}

span.tweet_text  { color: #343434; font-weight: lighter; font-size:12px; rexr-align:left;}

/* comments */

h4#comments-header {
    margin-bottom:10px;
    }

div#cpreview {
    margin-bottom:20px; 
}

div.gravatar {
    width:60px;
    padding:0px 5px 0px 5px;;
    float:left;
}

div.komen-bodi {
    float:right;
    width:430px;
}


input.disabled { /* display:none; */ }

input[type=text], textarea {
	font-size: 12px;
	padding: 3px;
	color: #777;
        border:1px solid #ccc;
        -moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	}

input[type=text]:focus, textarea:focus {
	background: #fff;
	color: #333;
	border-color: #666;
        -moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	}

.button {
    background-image: url(http://kusaeni.com/files/36px-blended.png); 
    display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
        margin-right:20px;
         }

.button:hover							{ background-color: #111; color: #fff; }
	.button:active							{ top: 1px; }

#txpCommentPreview { 
    font-size: 11px; 
    color:#fff;
    font-weight:bold;
    text-shadow: 0 1px 1px rgba(0,0,0,.75);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
    background-color: #d90000;
    cursor:pointer;
    }

#txpCommentSubmit {
   font-size: 11px; 
    color:#fff;
    font-weight:bold;
    text-shadow: 0 1px 1px rgba(0,0,0,.75);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
    background-color: #2daebf;
    cursor:pointer;
    }