/*  
Theme Name: Yohantheme
Theme URI: http://yohanli.com/
Description: Simple
Author: Yohan Naftali
Author URI: http://yohanli.com/
Version: 0.0.1
Tags: grey, white, one-columns, threaded-comments, fixed-width
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

/*---------------------------------------------------------------------------------------
   Defaults 
---------------------------------------------------------------------------------------*/
* {
  margin:0;
  padding:0;
  }

h1, h2, h3, h4, h5, h6, p {
  margin:0;
  padding:10px 0;
  font-family:arial, verdana, sans-serif;
  }

h2 img {
  color:#fff;
  margin-bottom:-8px;
}

hr {
  color:#eee;
  border:1px solid #eee;
  }

pre {
  height:auto; 
  }

fieldset {
  margin:0;
  padding:0; 
  border:0;
  }

dd {
  padding-left:15px;
  }

tr {
  vertical-align:top;
}

p {
  font-size: 9pt;
  }

a {
  color: #00F;
  text-decoration:none;
  }

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

blockquote {
  background:#eee;
  border-top:1px solid #cecece; 
  border-left:1px solid #cecece; 
  border-bottom:1px solid #bebebe;
  border-right:1px solid #bebebe; 
  padding:5px 15px;
  margin:10px 10px 5px 15px;
  color:#000;
  }

code {
  color:#3366cc;
  font-style:italic;
  }

strong {
  font-size:110%;
  }

/*---------------------------------------------------------------------------------------
   Body
---------------------------------------------------------------------------------------*/
body {
  text-align:center;
  font-family:tarial, verdana, sans-serif;
  background:#f5f5f5; 
  }

/*---------------------------------------------------------------------------------------
   Header and wrapper 
---------------------------------------------------------------------------------------*/
#wrapper {
  margin:0 auto;
  width:970px;
  text-align:left;
  }

#topmenu {
  text-align:left;
  float:left;
  width:970px;
  height:30px;  
  background:#eeeeee;
  border-top:1px solid #fff; 
  border-left:1px solid #fff; 
  border-bottom:1px solid #cccccc;
  border-right:1px solid #cccccc; 
  }

#topmenu ul {
  list-style:none;
  }

#topmenu li {
  display:block;
  float:left;
  border-top:1px solid #fff; 
  border-left:1px solid #fff; 
  border-right:1px solid #cccccc;
  }
#topmenu li a {
  display:block; 
  font-size:9pt;
  line-height:30px;
  padding:0 20px 0 15px;
  text-transform:none;
  }
#topmenu li a:hover {  
  text-decoration:none;
  background:#333;
  }

#toprss {
  float:right;
  color:#eee;
  margin:5px 0 0 0;
  display:inline;
  width:65px;
  line-height:40px;
  }

#toprss a{
  color:#eee;
  text-decoration:none;
  }

#header {
  float:left;
  width:970px;  
  height:105px;
  background:#eee;
  
  border-top:1px solid #fff;
  border-left:1px solid #fff;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  }

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

#kotakpencari{
  padding: 29px 4px 29px 8px;
  float:right;
  width:173px;
  }


/*--------------------------------------------------------------------------------------- 
   Menu 
---------------------------------------------------------------------------------------*/
#catnav {
  margin:0 0 0 0;
  padding:0;
  clear:both;
  height:30px;
  width:970px;
  background:#eeeeee;
  border-top:1px solid #fff; 
  border-left:1px solid #fff; 
  border-bottom:1px solid #cccccc;
  border-right:1px solid #cccccc; 
  }

#nav {
  list-style:none;
  }

#nav li {
  list-style:none;
  float:left;
  margin:0;
  padding:0;
  border-top: 1px solid #fff; 
  border-left: 1px solid #fff; 
  border-right: 1px solid #cccccc; 
  }

#nav a {
  display:block;
  line-height:30px;
  margin:0;
  padding:0 20px 0 15px;
  font-size:10pt;
  color:#f00;
  }

#nav li a:hover {
  color:#0F0;
  text-decoration:none;
  display:block;
  background:#333;
  }

#nav li ul {
  list-style:none;
  position:absolute;
  width:150px;
  left:-999em;
  }

#nav li:hover ul {
  left:auto;
  }
	
#nav li li {
  float:left;
  margin:0;
  padding:0;
  width:200px;
  line-height:30px;
  height:30px;
  list-style:none;
  border-top:1px solid #fff;
  border-left:1px solid #fff;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc; 
  background:#e4e4e4;  
  }
	
#nav li li a {  
  color:#f60;   
  }
	
#nav li li a:hover {
  background:#333;
  }

#nav li:hover{ 
  /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;
  }




/*--------------------------------------------------------------------------------------- 
   Isi Blog
---------------------------------------------------------------------------------------*/
#isiblog {
  width:100%;  
  border-top:1px solid #fff;
  border-left:1px solid #fff;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc; 
  background:#f5f5f5;
  float:left;
}

/*--------------------------------------------------------------------------------------- 
   Top Content 
---------------------------------------------------------------------------------------*/
#main {  
  width:663px;
  float:left; 
  background:#f5f5f5;
  }
#main h2.pageTitle {
  background:url(images/bayangan1x9.gif) #fff left top repeat-x;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  text-align:center;
  padding:15px 30px 10px 30px;
  font-size:14pt;
  color:#f00;
  }
.topPost {
  font-size:9pt;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc; 
  padding:10px 30px 10px 30px; 
  background:url(images/bayangan1x9.gif) #fff left top repeat-x;
  }
.topPost h2.topTitle a {
  font-size:15pt;
  font-weight:normal;
  color:#00f;
  }
.topPost h2.topTitle a:hover {
  color:#0f0;
  text-decoration:none;
  }
.topPost p.topMeta {
  color:#888; 
  }
.topPost div.topContent {
  font-size:9pt;
  color:#000;
  margin:8px 0;
  text-align:justify;
  }

.topPost div.topContent ul, .topPost div.topContent ol {
  padding:0 0 0 30px;
  }
.topPost div.topContent ul li, .topPost div.topContent ol li {
  color:#000;
  }
.topPost span.linkpages {
  font-size:9pt;
  font-style:italic;
  color:#000;
  margin-bottom:10px; display:block;
  }
.topPost span.linkpages a:hover {
  color:#ddd;
  }

#nextprevious {
  width:660px;
  float:left;
  margin:10px 0 10px 0;
  }
#nextprevious a {
  color:#F60;
  margin:10px 10px 10px 10px;
  }

/*--------------------------------------------------------------------------------------- 
   Comments 
---------------------------------------------------------------------------------------*/
#comments {
  margin-bottom:10px;
  margin-top:15px;
  background:#fff;
  width:632px;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc; 
  padding:0 15px 10px 15px;
  color:#000;
  }
#comments h3 {
  font-size:10pt;
  font-weight:normal;
  color:#766;
  margin:15px 0;
  padding:0;
  }
#comments p a {
  color:#000;
  }
#comments p a:hover {
  color:#010;
  }
#comments p {
  padding:0;
  margin:7px 0;
  }
ul.commentlist, ul.trackback  {
  list-style-type:none;
  margin:10px 0;
  font-size:9pt;
  }
.commentlist li, .trackback li {
  margin:10px 0 15px 0;
  padding:10px;
  background:#eee;
  border:none;
  list-style-type:none;
  }
.commentlist li.alt {
  background:#fff;
  border:none;
  margin-top:10px;
  }
.commentlist li.cleared {
  background:transparent;
  border:none;
  }
.commentlist a:hover {
  color:#0F0;
  }
.commentlist a.gravatar {
  float:left;
  margin:0 15px 10px 0;
  width:60px;
  }
.commentlist .commentbody {
  margin:0;
  padding:0;
  }
.commentlist .commentbody p a {
  text-decoration:underline;
  }
.commentlist cite {
  font-size:10pt;
  font-style:normal;
  color:#000;
  }
.commentlist small.commentmetadata a {
  color:#000;
  }
.commentlist p {
  color:#000;
  }
#respond {
  clear:both;
  margin-top:15px;
  }
textarea#comment {
  width:612px;
  background:#fff;
  color: #000;
  padding:10px;
  }
#comments #submit {
  margin:0;
  }
#extrastuff a {color:#222; font-size:0.8em;}
#extrastuff a:hover {color:#6598b8; text-decoration:none;}
#extrastuff #rssleft {float:left; width:250px;}
#extrastuff #trackright {float:right; width:180px; text-align:right;}

/*--------------------------------------------------------------------------------------- 
   Sidebars 
---------------------------------------------------------------------------------------*/
#sidebars {  
  float:left;
  width:305px;
  padding-left:2px;  
  }

#sidebarbox {
  padding-top:20px;
  padding-bottom:20px;
  background:url(images/bayangan1x9.gif) #fff left top repeat-x;
  float:left;
  width:303px;
  }

#sidebarbox li {
  font-size:9pt;
  margin:0;
  padding-left:5px;
  }

#sidebarbox li a{
  font-size:9pt;
  color:#f40;
  }

#sidebarbox ul {
  padding:0 10px 0 20px;
  }

#sidebarbox h2.BarTitle {
  text-align:center;
  font-size:14pt;
  font-weight:normal;
  color:#3b5998;
  }

#informasiterbaru {
  float:left; 
  width:273px;
  padding: 20px 20px 20px 10px;
  background:url(images/bayangan1x9.gif) #fff left top repeat-x;
  }

#informasiterbaru h2.BarTitle {
  text-align:center;
  font-size:14pt;
  font-weight:normal;
  color:#3b5998;
  }

#informasiterbaru li {
  margin:0;
  padding-left:10px;
  }

#informasiterbaru li a{
  font-size:7pt;
  color:#3b5998;
  }

#informasiterbaru ul {
  padding:0 0 0 30px;
  }

/*---------------------------------------------------------------------------------------
   Footer
---------------------------------------------------------------------------------------*/
#footer {
  float:left;
  width:970px;
  text-align:center;  
  height:30px;
  background:#cccccc;
  font-size:10pt;
  color:#544;
  border-top:1px solid #fff; 
  border-left:1px solid #fff; 
  border-bottom:1px solid #777;
  border-right:1px solid #777; 
  }

/*--------------------------------------------------------------------------------------- 
   Misc 
---------------------------------------------------------------------------------------*/
.highlight {
  color:#222;
  font-weight:bold;
  }

.cleared {
  margin:0;
  padding:0;
  clear:both;
  }

.alignleft {
  float:left;
  margin:5px 10px 5px 0;
  }
.alignright {
  float:right;
  margin:5px 0 5px 10px;
  }
.aligncenter,
div.aligncenter {
  margin:10px auto;
  text-align:center;
  display:block;
  }

img.alignleft {
  float: left;
  margin:5px 10px 5px 0;
  }

img.alignright {
  float:right;
  margin:5px 0 5px 10px;
  }

img.aligncenter {
  margin:10px auto;
  text-align:center;
  display:block;
  }

.wp-caption {
  border:1px solid #ddd;                           
  text-align:center;
  background-color:#f3f3f3;
  padding-top:4px;
  }

.wp-caption img {
  margin:0;
  padding:0;
  border:none;
  }

.wp-caption p.wp-caption-text {
  font-size:11px;
  line-height:17px;
  padding:0 4px 5px;
  margin:0;
  color:#f60;
  }