/* CSS Document */
/****************
	Layout
*****************/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	background:url(../images/bg.gif) #716f70 repeat-x;
	margin:0px;
	text-align:center;
}

a{
  text-decoration:none;
}

a,li {
  color:#FFFFFF;
}
.container {
	width:1000px;
	margin:0px auto;
}

.header {
	width:1000px;
	height:86px;	
	margin:0px auto;
	background:url(../images/header.gif) top left;
}

.navTop{
    margin:0px 5px 0px 5px;
    height:34px;
    background:url(../images/bg-nav-right.gif) top right no-repeat;
  }
  
.navTop ul{
    margin:0px;
    padding:0px;
    margin-right:20px;
    background:url(../images/bg-nav-center.gif) repeat-x; 
    height:34px;
    list-style-type:none;   
}

.navTop li{    
    height:34px;
    float:left;
    text-align:left;
}

.navTop li a{
  display:block;
  height:34px;
  padding-top:10px;
  width:100px;
  text-align:center;
  background:none;
}
.navTop li a.active{
    background:url(../images/bg-nav-active.gif) repeat-x;
}
.navTop li.first a{     
    background:url(../images/bg-nav-left.gif) top left no-repeat;    
}
.navTop li a:hover{
  color:#C0C0C0;
  background:url(../images/bg-nav-active.gif) repeat-x;
}


.navTop li.first a.active,.navTop li.first a:hover{     
    background:url(../images/bg-nav-left-active.gif) no-repeat;    
}

.greenArea{
  height:231px;
  margin:0px 5px 0px 5px;
}
  .headArea{
    float:left;
    margin:10px;
  }
  
   .tabsHeadItems
   {
    display:none;
    float:left;
    color:#4b494a;
   }
   
   .tabArea{
    width:650px;
    text-align:left;
   }
   
  .slideArea{
   width:282px;
   height:218px;
   margin-top:2px;
   background:url(../images/bg-slide.gif);
   float:right;
  }
    .slideContent{
      margin:10px 0px 0px 4px;
    }
    
    .slideContent img{
      width:250px;
      height:186px;
      display:none;
      border:0px;
    }
    
    

/* Panel Kiri */
.contentPanel
{
  width:680px;
  margin:0px;
  float:left;
}
 
  .contentArea{
   float:left;
   width:680px;
   background:url(../images/bg-content-all.gif) repeat-y;
  }
  .borderContentTop{
    width:680px;
    height:10px;
    float:left;
    background:url(../images/bg-content-top.gif) no-repeat bottom left;
  }
  .borderContentLeft{
    width:8px;
    height:100px;
    float:left;
    background:url(../images/bg-content-left.gif) no-repeat;
  }
  .borderContentCenter{
    float:left;
    width:664px;
    text-align:left;
    background:url(../images/bg-content-center.gif) repeat-x;
  }
  
  /* content */
  
     .loadingContent{
       position: fixed;
       width:200px; 
       height:50px; 
       border:1px solid red;
       z-index:1;
       left: 303px; 
       display:none;
       top: 280px;
       background:#CC6600;
       color:white;
       padding:1px;
     }
     
     .toggleAJAX{
       position: fixed;
       width:70px; 
       height:18px; 
       z-index:2;
       right: 0px; 
       top: 200px;
       background:#505600;
       color:white;
       padding:1px;
       border:1px solid red;
      }
     
     .toggleAJAX a{ 
      text-decoration:underline;
     }
     * html .loadingContent,* html .toggleAJAX{ /* ie6 hack */
        position: absolute;
        margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
        }
     
     .modulTitle{
      background:#caad09 none repeat scroll 0 0;
      border:1px solid #d5bf47;
      padding:5px;
      margin-bottom:10px;
      font-size:18px;
      
     }
     .borderContentCenter .judul{
      font-size:15px;
      background:#97b20b;
      height:20px;
      padding-left:5px;
      border-top:1px dashed #e0e0e0;
      margin-bottom:5px;
      font-weight:bold;
     }
     
     
     .borderContentCenter a:hover{
      color:#d6d5d7;
     }
     .borderContentCenter .date{
       width:48px;
       height:50px;
       background:url(../images/date-bg.gif) no-repeat;
       padding:2px 0 0 0px;
       float:left;
       margin-right:5px;
       text-align:center;
       text-transform:uppercase;
      
      }
      .borderContentCenter .date .month{
        margin-top:-3px;
        color:#fff;
      }
      
      .borderContentCenter .date .day{
       color:#999999;
       font-size:18px;
       margin-top:5px;
      }
      
      .borderContentCenter .desc{
       margin-bottom:10px;
      }
      
      
      .borderContentCenter .desc .waktu{
       font-weight:bold;
       color:#94989c;
      }
      .borderContentCenter .desc .hit{
       font-weight:bold;
       color:#fd8816;
      }
      .borderContentCenter .desc .kategori{
       font-weight:bold;
       color:#a9c380;
      }
      .borderContentCenter .desc .cuplikan{
      text-align:justify;
      margin-top:6px;
      }
  
  
  .borderContentRight{
    width:8px;
    height:100px;
    float:left;
    background:url(../images/bg-content-right.gif) no-repeat;
  }
  .borderContentBottom{
    width:680px;
    height:10px;
    float:left;
    background:url(../images/bg-content-bottom.gif) no-repeat bottom left;
  }


.rightPanel{
  float:left;
  margin-left:5px;
}
  
   .blockItem{
    margin-top:0px !important;
    margin-top:3px;
    text-align:left;
    margin-bottom:10px;
   }
    .blockTop{
      height:48px;
      width:310px;
      background:url(../images/bg-block-title.gif);
      font-size:18px;
      font-weight:bold;      
    }
    .blockTop span{
      margin-top:10px;
      margin-left:20px;
      float:left;
    }
    
    .blockContent{
      width:310px;
      background:url(../images/bg-block-content.gif);
    }
     .blockContentDetail{
      margin-left:10px;
      padding-top:10px;
    
     }
    .blockContent ul{
      margin:0px;
      padding:0px;
      margin-left:10px;
      list-style:none;
    }
    .blockContent ul li{
      height:25px;
      padding-top:3px;
      background:url(../images/garis-coklat.gif) bottom left repeat-x;
      width:290px;
    }
    
    .blockContent ul li a{
      width:200px;
      height:20px;
      display:block;
      padding-left:20px;
      font-family:georgia,arial,vardana;
      font-size:14px;
      color:#c9c9c9;
      background:url("../images/bullet1.gif") no-repeat center left;
    }
    .blockContent ul li a:hover{
      color:#d2b82d;
    }
    
    /*twitter dan detik */
    .blockContent ul.external{
      margin:0px;
      padding:0px;
      list-style:none;
      font-size:11px;
    }
    .blockContent ul.external li{
      padding-top:3px;
      width:290px;
      height:auto;
      background:none;
      border-bottom:1px solid #757374;
    }
    
    .blockContent ul.external a{
      padding:0px;
      background:none;
      font-size:11px;
    }
    ul .odd{
    color:#b0cf07;
    }
    ul .even{
    color:#38b7db;
    }
    
    
    .blockBottom{
      height:10px;
      width:310px;
      background:url(../images/bg-block-bottom.gif) no-repeat;
    }
        
    


.footer{
  width:100%;
  height:60px;
  float:left;
  text-align:center;
  background:#3a3a3a;
  border-top:2px solid #82990d;
}    
 .footerContent{
  width:1000px;
  text-align:left;
  margin:0px auto;
  clear:both;
 }

.paging{
      background:#696768;
      height:16px;
      padding-top:3px;
      border-top:1px solid #d1d1d1;
      margin-bottom:5px;
      text-align:right;
      margin-top:10px;
}
.paging a:hover{
  color:#ea5e32;
}
.paging b{
  border-top:1px solid #c6c5c6;
  border-right:1px solid #8a8989;
  border-left:1px solid #c6c5c6;
  border-bottom:1px solid #8a8989;
  padding:0px 2px 0px 2px;
}

.warning {
background:#c2c0c0 none repeat scroll 0 0;
border:1px solid #EFD709;
margin:10px;
padding:5px;
}

.show{
  display:block;
}
.hide{
  display:none;
}

.green{
  color:#8ea809;
}
.orange{
  color:#caad09;
}

.code{
  border:1px solid #d1d4cf;
  width:600px;
  padding:5px;
  font-family:courier,arial,tahoma;
}

pre,.kode{
  border:1px solid #ddbb1c;
  overflow-x:scroll;
  background:#efeee9;
}

pre li,.kode li{
  color:#000;
  padding:0px;
}
.kode{
	color:black;
}