/*  
Theme Name: JerukHitam
Theme URI: http://www.jerukhitam.com/
Description: Simple
Author: Yohan Naftali
Author URI: http://yohanli.com/
Version: 0.0.1
Tags: Brown, Orange, Black, Simple, Sidebar
.
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: #3b5998;
  text-decoration:none;
  }

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

blockquote {
  background:#eee;
  border-top:1px solid #bebebe; 
  border-left:1px solid #bebebe; 
  border-bottom:1px solid #e0e0e0;
  border-right:1px solid #e0e0e0; 
  padding:5px 15px;
  margin:10px 0px 10px 0px;
  color:#000;
  font-size:9pt;
  }

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

strong {
  font-size:110%;
  }

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

/*---------------------------------------------------------------------------------------
   Wrapper 
---------------------------------------------------------------------------------------*/
#wrapper {
  margin:0 auto;
  width:970px;
  text-align:left;
  background:#fff;
  }

/*---------------------------------------------------------------------------------------
   Menu Atas
---------------------------------------------------------------------------------------*/
#topmenu {
  text-align:left;
  float:left;
  width:970px;
  height:30px;  
  background:url(images/topmenu.png) #000 repeat-x;
  }

#topmenu ol {
  list-style:none;    
  }

#topmenu li{ 
  display:block; 
  float:left;
  border-right:1px solid #f86;    
  }

.itemmenu{ 
  display:block;
  color:#110;
  font-size:9pt;
  line-height:30px;
  padding:0 20px 0 15px;
  text-transform:none;  
  background:url(images/itemmenu.png) #000 repeat-x; 
  }

.itemmenu:hover { 
  color:#afa; 
  text-decoration:none;
  background:#f86;
  }

.highlightmenu{ 
  display:block;
  color:#afa;
  font-size:9pt;
  line-height:30px;
  padding:0 20px 0 15px;
  text-transform:none; 
  background:url(images/topmenu.png) #000 repeat-x; 
  }

.highlightmenu:hover { 
  text-decoration:none;
  }

#search {
  float:right;
  color:#f20;
  display:inline;
  width:300px;
  line-height:30px;
  background:url(images/searchbox.png) #f86 repeat-x;
  }

/*---------------------------------------------------------------------------------------
   Header
---------------------------------------------------------------------------------------*/
#header {
  float:left;
  width:970px;  
  height:80px;
  background:url(images/header.png) #000 repeat-x;
  border-bottom:2px solid #0f0;
  }

#header #logo {
  float: left;
  width: 100px;
  padding:10px;
  }

#header #judul {
  float: left;
  width: 550px;
  }

#header #judul h1 {  
  padding: 0;
  margin-top: 10px;
  }

#header #judul h1 a {
  color: #fff;
  font-size: 24pt;
  text-decoration: none;
  }

#header #judul span {
  padding: 0;
  color: #f40;
  font-size: 11pt;
  }


/*---------------------------------------------------------------------------------------
   Kotak RSS
---------------------------------------------------------------------------------------*/
#kotakrss {
  float:left;  
  padding:10px;
  width:280px;
  height:60px;
  background:url(images/rssbox.png) repeat-x;
  }

#kotakrss a{
  text-decoration:none;
  }

.feedinfo {
  float:left; 
  height:26px; 
  width:88px;
  margin-left:21px;
  margin-top:10px;
  background:url(http://feeds.feedburner.com/~fc/JerukHitam?bg=000000&amp;fg=FF6600&amp;anim=1) no-repeat top left;
  }

.rss2icon { 
  float:left; 
  height:21px; 
  width:52px;
  margin-top:10px;
  background:url(images/rss-icon.gif) no-repeat top left;
  }

.plusmo { 
  float:left; 
  height:19px; 
  width:97px; 
  margin-top:10px;
  background:url(http://plusmo.com/res/graphics/fbplusmo.gif) no-repeat top left;
  }

#isiblog {
  width:670px;    
  float:left;
}

/*---------------------------------------------------------------------------------------
   Sidebar Kiri
---------------------------------------------------------------------------------------*/
#leftsidebar {
  width:180px;
  background:#5f0;
  float:left;
  }

#iklan {
  background:#d41;
  float:left;
  width:180px;
  height:150px;
  }

#catnav {  
  background:#fff;
  float:left;    
  width:180px;
  }

#catnav h2.BarTitle {
  text-align:center;
  font-size:12pt;
  font-weight:normal;
  }

#catnav li a:hover { 
  color:#afa; 
  text-decoration:none;
  background:#999;
  }

.leftsidebaradds {
  background:#f40;
  float:left;
  width:180px;
  }

/*--------------------------------------------------------------------------------------- 
   Menu 
---------------------------------------------------------------------------------------*/
#nav {
  width:177px;
  margin:0 0 0 0;
  padding:0;
  list-style:none;
  }

#nav li {
  display:block;
  list-style:none;
  float:left;
  width:100%;
  margin:0;
  padding:0;
  background:#eee;  
  border-top:1px solid #fff;
  border-left:1px solid #fff;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  }

#nav a {
  display:block;
  line-height:20px;
  margin:0;
  padding:0 20px 0 15px;
  font-size:9pt;
  color:#3b5998;
  }

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

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

#nav li:hover ul {
  left:auto;
  }
	
#nav li li {
  float:left;
  margin:0;
  padding:0;
  width:100%;
  line-height:30px;
  height:30px;
  list-style:none;
  border-top:1px solid #fff;
  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;
  }


/*--------------------------------------------------------------------------------------- 
   Index Informasi
---------------------------------------------------------------------------------------*/
.indeksinfo {
  float:left; 
  width:325px;
  height:145px;
  padding: 2px 5px 3px 5px;
  color:#fff;
  background:url(images/indeksinfo.png) #111 repeat-x;
  }

.indeksinfo h2.BarTitle {
  text-align:center;
  font-size:12pt;
  font-weight:normal; 
  }

.indeksinfo li {
  font-size:9pt;
  margin:0;
  padding-left:0px;
  }

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

.indeksinfo ul {
  padding:0 5px 0 15px;
  }

/*--------------------------------------------------------------------------------------- 
   Top Content 
---------------------------------------------------------------------------------------*/
#main {
  width:670px;   
  float:left;
  }
#main h2.pageTitle {
  text-align:center;  
  font-size:14pt;
  color:#3b5998;
  }
#main .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/postitem.png) #eee repeat-x; 
  }
#main .topPost h2.topTitle a {
  font-size:15pt;
  font-weight:normal;
  color:#3b5998;
  height:32px;
  padding-left:40px;
  background:url(images/logo32.png) no-repeat top left;

  }
#main .topPost h2.topTitle a:hover {
  color:#0a0a3a;
  text-decoration:none;
  }
#main .topPost p.topMeta {
  color:#888; 
  }
#main .topPost div.topContent {
  font-size:9pt;
  color:#000;
  margin:8px 0;
  text-align:justify;
  }

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

#main .ndPost {
}

#nextprevious {
  width:650px;
  float:left;
  padding:10px;
  }

#nextprevious a {
  color:#F60;
  }

/*--------------------------------------------------------------------------------------- 
   Download Page
---------------------------------------------------------------------------------------*/
#downloadpost {
  width:608px;   
  float:left;
  background:url(images/postitem.png) #eee repeat-x; 
  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;
}

#downloadpost h2.topTitle a {
  font-size:15pt;
  font-weight:normal;
  color:#3b5998;
  }

#downloadpost h2.topTitle a:hover {
  color:#0a0a3a;
  text-decoration:none;
  }

.downloaditem{
  font-size:11px;
  float:left;  
  width:258px;
  height:20px;
  padding-top:5px;
  border-bottom:1px solid #cccccc;
  background:#eee;
  }

.downloaditem a{
  font-size:11px;
  color:#f40;
  }

.downloaditem p{
  padding:0px;
  }

.downloadtags{
  font-size:11px;
  float:left;
  height:20px;
  padding-top:5px;
  width:200px;
  border-bottom:1px solid #cccccc;
  background:#eee;
  }

.downloadtags a{
  font-size:11px;
  color:#00f;
  }

.ratingdownload {
  font-size:11px;
  float:left;
  height:20px;
  padding-top:5px;
  width:150px;
  border-bottom:1px solid #cccccc;
  background:#eee;
  }

#downloadadd{
  float:left;
  width:670px;
  background:#000;
  }

.navigasidownload{
  float:left;
  width:608px;
  padding:20px 0 10px 0;
  }

.navigasiitem{
  float:right;
  color:#fff;
  height:20px; 
  width:30px;
  text-align:center;
  text-decoration:none;
  background:url(images/downloadnavi.png) no-repeat;
  line-height:20px;
  display:block;
  }

.navigasiitem{
  float:right;
  color:#fff;
  height:20px; 
  width:30px;
  text-align:center;
  text-decoration:none;
  background:url(images/downloadnavi.png) no-repeat;
  line-height:20px;
  display:block;
  }


.navigasiitem:hover{
  text-decoration:none; 
  color:#f40;
  }

.navigasicurrentitem{
  float:right;
  color:#fff;
  height:20px; 
  width:30px;
  text-align:center;
  text-decoration:none;
  background:url(images/downloadnavicurrent.png) no-repeat;
  line-height:20px;
  display:block;
  }


.navigasicurrentitem:hover{
  text-decoration:none; 
  color:#fff;
  }

/*--------------------------------------------------------------------------------------- 
   Comments 
---------------------------------------------------------------------------------------*/
#comments {
  margin-bottom:10px;
  margin-top:15px;
  background:#ddd;
  width:630px;
  padding:20px 20px 20px 20px;
  color:#000;
  }
#comments h3 {
  font-size:9pt;
  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:9pt;
  font-style:normal;
  color:#000;
  }
.commentlist small.commentmetadata a {
  color:#000;
  }
.commentlist p {
  color:#000;
  }
#respond {
  clear:both;
  margin-top:15px;
  }
textarea#comment {
  width:610px;
  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 Kanan
---------------------------------------------------------------------------------------*/
#rightsidebar {
  float:left;  
  width:300px;
  }

.kotaksidebar{
  width:300px;
  float:left;
  background:#000;  
  }

.kotaksidebar a{
  color:#000;
  }

#komentarterbaru {
  float:left; 
  width:290px;
  height:145px;
  padding: 2px 5px 3px 5px;
  color:#fff;
  background:url(images/indeksinfo.png) #111 repeat-x;
  }

#komentarterbaru h2.BarTitle {
  text-align:center;
  font-size:12pt;
  font-weight:normal; 
  }

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

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

#komentarterbaru ul {
  padding:0 5px 0 15px;
  }


.rightinfo {
  float:left; 
  width:290px;
  padding: 2px 5px 5px 5px;
  color:#fff;
  background:url(images/indeksinfo.png) #65431c repeat-x;
  }

.rightinfo a {
  font-size:9pt;
  padding-left:5px;
  color:#f40;
  }

.rightinfo h2.BarTitle {
  text-align:center;
  font-size:12pt;
  font-weight:normal; 
  }

.rightinfo h2.BarTitle a{
  font-size:12pt;
  font-weight:normal; 
  color:#fff;
  
  }

.rightinfo li {
  font-size:9pt;
  margin:0;
  padding-left:0px;
  }

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

.rightinfo ul {
  padding:0 5px 0 15px;
  }

.rightinfo p {
  padding:0;
  }


#boxkanan {
  float:left; 
  width:280px;
  padding: 10px 10px 10px 10px;
  color:#fff;
  background:#000;
  }


#fanboxfb {
  float:left; 
  width:300px;
  height:450px;
  padding: 10px 0 10px 0;
  background:#fff;
  }

/*---------------------------------------------------------------------------------------
   Underbar
---------------------------------------------------------------------------------------*/
#underbartop { 
  float:left;
  width:970px;
  background:#000;
  }

.kotakunderbartop{ 
  float:left;
  background:#000;  
  }

#underbars { 
  float:left;
  width:970px;
  height:95px;
  background:#000;
  }

#histats{
  float:left;
  height:95px;
  width:125px;
}

#underbaradd{
 float:left;
 height:60px;
 width:244px;
 padding-left:20px;
}

#googleaddsensebawah{
 float:left;
 height:60px;
 width:234px;
}

#validator {
  float:left;
  height:31px;
  width:88px;
  }

#addthis {
  float:left;
  height:16px;
  width:120px;
  }

#alexa {
  float:left;
  width:120px;
  height:95px;
  }

/*---------------------------------------------------------------------------------------
   Footer
---------------------------------------------------------------------------------------*/
#footer {
  float:left;
  width:100%;
  text-align:center;  
  height:30px;
  background:#f40;
  font-size:9pt;
  color:#000;
  }

/*--------------------------------------------------------------------------------------- 
   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;
  }

.jeruksharelogo { 
  float:left;
  padding:2px 0 0 20px; 
  height:16px; 
  background:url(images/jericon.png) no-repeat top left;
  }

.twittershare { 
  float:left;
  margin-left:20px;  
  height:20px; 
  width:66px;
  background:url(images/twitter.png) no-repeat top left;
  }

.fbshare { 
  float:left;
  height:18px;
  }

.delicousbookmark { 
  float:left;
  margin-left:20px;  
  height:20px; 
  width:75px;
  background:url(images/delicous.png) no-repeat top left;
  }

.fbfanbox {
  border:none; 
  width:300px; 
  height:198px;
  }