/* logo */
.logo{height: 118px; width:321px; float: left;}
.logo span{display: block; padding: 13px 0 0 0;}

/* menu statis */
.horizontal-menu{font-weight: bold; height:30px; overflow: hidden; text-align:right; margin-top: 2px;}
.horizontal-menu-content{padding: 8px 10px;}
.horizontal-menu-item{padding:10px; color: #fff; background: #72A32A;}
.horizontal-menu-item span{}
.horizontal-menu-item:hover, .horizontal-menu-content a.active{ background: #fff; color: #666;}


/* search */
.search{width: 240px; float:left;}
.search form{padding: 6px 10px 0 10px; color: #fff;}
.search .text{border: 1px solid #fff; background: #fff; width: 120px;color: #333;}
.search .button{background: #72A32A !important;border: 1px solid #72A32A !important;color: #fff;width: 30px; padding:0px;}

/* marque */
.marque{ clear: both; padding:6px 10px; background: #fff; border: 1px solid #DCEAF6; margin: 10px;}


/* banner */
.banner{}
.banner-content{padding: 10px 0 0 0;}
.banner-item{padding: 0 0 8px 0;}
.banner-info{display: none;font-size: 11px;color: #999;}
.banner-item a img{border: 1px solid #fff !important;padding: 2px;background: #fff;}
.banner-item a:hover img{background: #fc0;}

#banner-01{padding: 20px 20px 0 0;}
#banner-01 .banner-item{padding: 0px !important; text-align:right;}
#banner-02{padding: 0 0 10px 0;text-align: center;}
#banner-03{padding: 10px 0; text-align: center;}
#banner-04{padding: 0 0 10px 0; text-align: center;}

/* welcome */
.welcome{color: #444; padding: 10px 0; margin-bottom: 15px;}
.welcome h2{font-size: 18px !important;margin: 0px;padding: 0px;color: #333;}
.welcome a{color: #333;}
.welcome a:hover{color: #fff;}

/* iklan-baris */
.iklan-baris{padding: 0px 0px 10px 0;margin-bottom: 10px;}
.iklan-baris-item{padding: 15px 15px 10px 15px;;margin-bottom: 10px; border: 1px solid #ccc; background: #f5f5f5;}
.iklan-baris-item h3{font-size: 14px; font-weight:bold}
.iklan-baris-content{padding: 10px 0;}
.iklan-baris-content img{float: left;border: 1px solid #efefef;background: #fff;padding: 5px;margin: 0 10px 5px 0;}
.iklan-baris-info, .iklan-baris-tag{font-size: 11px;clear: both;}
.iklan-baris h2{padding: 10px 0 0 0;color: #333;font-size: 18px;}

/* premium ads */
#iklan-baris-premium .iklan-baris-item{ background: #BFDF5A; padding: 15px 15px 10px 15px; border: 1px solid #678910;}
#iklan-baris-premium .iklan-baris-item h3 a{ color: #678910;}
#iklan-baris-premium .iklan-baris-item h3 a:hover{ color: #222;}
#iklan-baris-premium .iklan-baris-info a, #iklan-baris-premium .iklan-baris-tag a{color: #678910;}
#iklan-baris-premium .iklan-baris-info a:hover, #iklan-baris-premium .iklan-baris-tag a:hover{color: #222;}
#iklan-baris-premium .iklan-baris-type{ font-size: 10px; color: #fff; text-align: right}

/* utama ads */
#iklan-baris-utama {padding: 0px !important;}
#iklan-baris-utama .iklan-baris-item{ background: #ffcc00; padding: 15px 15px 10px 15px; border: 1px solid #f80;}
#iklan-baris-utama .iklan-baris-item h3 a{ color: #333;}
#iklan-baris-utama .iklan-baris-item h3 a:hover{ color: #af0000;}
#iklan-baris-utama .iklan-baris-content img{border: 1px solid #fd0}
#iklan-baris-utama .iklan-baris-info a, #iklan-baris-utama .iklan-baris-tag a{color: #af0000;}
#iklan-baris-utama .iklan-baris-info a:hover, #iklan-baris-utama .iklan-baris-tag a:hover{color: #333;}
#iklan-baris-utama .iklan-baris-type{ font-size: 10px; color: #fff; text-align: right}

/* horizontal menu bottom */
.horizontal-menu-bottom{padding: 0 10px; text-align:center}
.horizontal-menu-bottom-content{padding: 8px 8px 4px 8px;}
.horizontal-menu-bottom-item{padding: 0 4px;color: #fff;}
.horizontal-menu-bottom-item:hover{color: #fc0;}

/* menu vertical */
.menu{background: url(../images/box_bg.gif) repeat-y; margin-bottom: 15px;}
.menu h3{background: url(../images/box_top.gif) no-repeat top left; padding: 10px; color: #72A32A;}
.menu ul{list-style-type: none;margin: 0px;padding:0px 0px 10px 10px;}
.menu ul li{margin: 0px;padding: 0px;}
.menu ul li a{display: block;color: #333; width: 164px;padding: 2px 10px ;font-weight: bold;}
.menu ul li a:hover{background: #f5f5f5; color: #af0000;text-decoration: none;}
.menu ul.children{padding: 0px; margin: 0px;}
.menu ul.children li{padding: 0px;}
.menu ul.children li a{ display: block;color: #333; width: 154px;padding: 2px 10px 2px 20px;font-weight: normal;}
.menu ul.children li a:hover{background: #f5f5f5; color: #af0000;text-decoration: none;}
.menu-bottom{ background: url(../images/box_bottom.gif) no-repeat bottom left; height: 10px;}


/* login */
.login{background: url(../images/box_bg.gif) repeat-y left; margin-bottom: 15px;}
.login .text{width:100px;}
.login h3{background: url(../images/box_top.gif) no-repeat top left; padding: 10px; color: #72A32A;}
.login-content{padding: 2px 6px}
.login-content table{width: 95%;}
.login-content td{padding: 6px 4px;}
.chapca{padding-bottom: 4px;}
.login .button{background: #72A32A;border: 1px solid #72A32A; color: #fff;}
.lupa-passowrd{font-size: 11px; color: #333;}
.lupa-passowrd:hover{font-size: 11px; color: #Af0000;}
.login-bottom{ background: url(../images/box_bottom.gif) no-repeat bottom left; height: 10px;}

/*std-table*/
.std-table table{width: 100%;}
.std-table th{background: #666;padding: 4px 10px;border-bottom: 1px solid #fff;color: #fff;}
.std-table td{padding: 4px 10px;border-bottom: 1px solid #efefef;}
.std-table .even td{background: #f5f5f5;}

/* statistik */
.statistik{background: url(../images/box_bg.gif) repeat-y; margin-bottom: 10px;}
.statistik h3{ background: url(../images/box_top.gif) no-repeat top left; padding: 10px; color: #72A32A;}
.statistik-content{padding: 0px 10px;}
.statistik-bottom{ background: url(../images/box_bottom.gif) no-repeat bottom left; height: 10px;}

/* iklan-top */
.iklan-utama{background: #fff; padding: 2px 10px; border: 1px solid #ccc;}
.iklan-top{ width: 49.5%; float: left; background: #fff;}
.iklan-top h3{ background:url(../images/iklan_top.gif) repeat-x left top; padding: 13px 10px 10px 15px; color: #fff; font-weight: bold;}
.iklan-top ul{ margin:0; padding:6px; list-style:none;}
.iklan-top li{ padding: 4px; border_bottom: 1px solid #ddd; font-size: 11px;}
.iklan-top a{color: #006699; font-weight:bold;}
.iklan-top a:hover{color: #333; font-weight:bold;}
.iklan-plus{ width: 49.5%; float: right; background: #fff;}
.iklan-plus h3{ background:url(../images/iklan_plus.gif) repeat-x left top; padding: 13px 10px 10px 15px; color: #fff; font-weight: bold;}
.iklan-plus ul{ margin:0; padding:6px; list-style:none;}
.iklan-plus li{ padding: 4px; border_bottom: 1px solid #ddd; font-size: 11px; }
.iklan-plus a{color: #990000; font-weight:bold;}
.iklan-plus a:hover{color: #333; font-weight:bold;}

/*news*/
#news-frontpage{clear: both; margin-top: 15px;}
.news h2{ margin: 0px !important; background: url(../images/berita.gif) repeat-x top left; padding: 11px 15px; font-size: 14px; color: #fff; font-weight: bold !important;}
.news-item{padding: 8px 0}
#news-frontpage .news-item{padding: 8px 10px;}
.news-item h3{padding: 4px 0px !important; font-weight: bold !important; font-size: 12px;}
.news-item h3 a{color: #333;}
.news-item h3 a:hover{color: #af0000;}
.news-item-content{line-height: 150%;}
.news-item-content img{padding: 2px;border: 1px solid #ddd;margin: 0 8px 4px 0;background: #fff;float: left;}
.news-bottom{padding: 10px 0 0 0;text-align: right;}
.news-bottom a{color: #af0000;}
.news-bottom a:hover{color: #333;}
.news-item-info{ font-size: 11px;}

/* popular tag */
.popular-tag{background: url(../images/box_bg.gif) repeat-y; }
.popular-tag h3{background: url(../images/box_top.gif) no-repeat top left; padding: 10px; color: #72A32A;}
.popular-tag h3 span{display: block;padding: 8px 0 0 4px;}
.popular-tag p{line-height: 18px;padding: 0px 10px; margin: 0px !important;}
.popular-tag a{color:#333;text-transform: lowercase;padding: 2px 4px;}
.popular-tag a:hover{color:#af0000;}
span.small{font-size: 12px;}
span.medium{font-size: 15px;}
span.large{font-size: 18px;}
span.largest{font-size: 21px;}
.popular-tag-bottom{background: url(../images/box_bottom.gif) no-repeat bottom left;  text-align: right;padding: 0px 30px 20px 10px;margin-bottom: 20px;}
.popular-tag-bottom a{background: none;}
.tag-clouds{line-height: 180%;}
.tag-clouds span{width: 210px;float: left;display: block;overflow: hidden;white-space: nowrap;margin-right: 10px;}
.tag-clouds span a:hover{background: #689B05;padding: 4px;color: #fff;}