/* CSS Document */

.body{width: 1000px;margin: auto;text-align: left;}

.top{background: url(../images/top_1.jpg) repeat-x; height: 14px; font-size: 11px;}

.header{background: url(../images/header.jpg) no-repeat; width:775px; height: 117px; float: right;}

.header-bottom{background: url(../images/top_2.jpg) repeat-x; height: 35px; overflow: hidden; clear: both;}



.sidebar{width: 230px;float: left;}

.sidebar-2{width: 230px;float: right;}

.sidebar-content{padding: 10px 15px 0px 5px;}

.sidebar-2 .sidebar-content{padding: 10px 5px 0px 15px;}



.content-title{}



.footer-wrap{ background: #8F9E86; padding: 10px 0;}

.footer{ text-align: center;}

.footer-content{color: #fff;}

.footer-content a{color: #fc0; font-weight:bold}

.footer-content a:hover{color: #333;}



.main{ width: 540px; float: left;}

.main-content{padding: 15px;}

.mycontent{padding: 10px 0;}



/* logo */

.logo{width: 225px; height: 117px; float: left;}



/* menu statis */

.horizontal-menu{margin-top: 5px; font-weight: bold; height:30px; overflow: hidden; text-align:right;}

.horizontal-menu-content{padding: 8px;}

.horizontal-menu-item{padding: 8px 12px; color: #fff; background: #718466;}

.horizontal-menu-item span{}

.horizontal-menu-item:hover, .horizontal-menu-content a.active{ background: #fff; color: #666;}







/* search */

.search{width: 260px; float:left; font-weight: bold; color: #fff;}

.search form{padding: 8px 10px 0 10px;}

.search .text{border: 1px solid #ccc; background: #ddd; width: 140px;color: #333; font-weight: normal;}

.search .button{background: #333 !important;border: 1px solid #333 !important;color: #fff;width: 30px; padding:0px;}



/* marque */

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





/* banner */

.banner{text-align:center;}

.banner-content{}

.banner-item{padding: 0 0 8px 0;}

.banner-info{display: none;font-size: 11px;color: #999;}

.banner-item a img{border: 1px solid #efefef !important;padding: 2px;background: #fff;}

.banner-item a:hover img{background: #efefef;}



#banner-01{margin-bottom: 10px}

#banner-01 .banner-item{padding: 0px !important;}

#banner-02{text-align: center;}

#banner-03{background: #fff; padding: 10px;}

#banner-04{width: 130px;float: right;text-align: right;padding-top: 25px;}

#banner-03 .banner-info{display: block;}



/* welcome */

.welcome{color: #444; padding: 10px 0;}

.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: 12px; font-weight:bold}

.iklan-baris-content{padding: 10px 0;}

.iklan-baris-content img{float: left;border: 4px solid #ddd;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: #83AB59; padding: 15px 15px 10px 15px;  border: 1px solid #83AB59; color: #fff;}

#iklan-baris-premium .iklan-baris-item h3 a{ color: #fff;}

#iklan-baris-premium .iklan-baris-content img{border: 4px solid #fff}

#iklan-baris-premium .iklan-baris-item h3 a:hover{ color: #fc0;}

#iklan-baris-premium .iklan-baris-info a, #iklan-baris-premium .iklan-baris-tag a{color: #fff;}

#iklan-baris-premium .iklan-baris-info a:hover, #iklan-baris-premium .iklan-baris-tag a:hover{color: #fc0;}

#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: #D48015; padding: 15px 15px 10px 15px;  border: 1px solid #D48015; color: #fff;}

#iklan-baris-utama .iklan-baris-item h3 a{ color: #fff;}

#iklan-baris-utama .iklan-baris-item h3 a:hover{ color: #af0000;}

#iklan-baris-utama .iklan-baris-content img{border: 4px solid #9C5E0F}

#iklan-baris-utama .iklan-baris-info a, #iklan-baris-utama .iklan-baris-tag a{color: #fff;}

#iklan-baris-utama .iklan-baris-info a:hover, #iklan-baris-utama .iklan-baris-tag a:hover{color: #af0000;}

#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-admin{border: 1px solid #ddd; padding: 2px; background: #fff; margin-bottom: 15px;}

.menu-admin-welcome{padding: 4px 10px; background: #efefef; margin: 6px;}

.menu-admin h3{background: url(../images/top_3.jpg) repeat-x top; padding: 10px; color: #fff;}

.menu-admin ul{list-style-type: none;margin: 0px;padding:0px 0px 10px 10px;}

.menu-admin ul li{margin: 0px;padding: 0px ;}

.menu-admin ul li a{display: block;color: #333; width: 166px;padding: 4px 10px 4px 18px;font-weight: bold; background:url(../images/icon_1.jpg) no-repeat; background-position: 2px 8px;}

.menu-admin ul li a:hover{color: #af0000;text-decoration: none;}

.menu-admin ul.children{padding: 0px; margin: 0px;}

.menu-admin ul.children li{padding: 0px;}

.menu-admin ul.children li a{ display: block;color: #333; width: 146px;padding: 4px 10px 4px 38px;font-weight: normal; background:url(../images/icon_2.jpg) no-repeat; background-position: 22px 8px;}

.menu-admin ul.children li a:hover{color: #af0000;text-decoration: none;}



/* menu vertical */

.menu{border: 1px solid #ddd; padding: 2px; background: #fff; margin-bottom: 15px;}

.menu h3{background: url(../images/top_3.jpg) repeat-x top; padding: 10px; color: #fff;}

.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: 166px;padding: 4px 10px 4px 18px;font-weight: bold; background:url(../images/icon_1.jpg) no-repeat; background-position: 2px 8px;}

.menu ul li a:hover{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: 146px;padding: 4px 10px 4px 38px;font-weight: normal; background:url(../images/icon_2.jpg) no-repeat; background-position: 22px 8px;}

.menu ul.children li a:hover{color: #af0000;text-decoration: none;}



/* login */

.login{border: 1px solid #ddd; padding: 2px; background: #fff; margin-bottom: 15px;}

.login .text{width:100px;}

.login h3{background: url(../images/top_3.jpg) repeat-x top; padding: 10px; color: #fff;}

.login-content{padding: 2px 6px}

.login-content table{width: 95%;}

.login-content td{padding: 6px 4px;}

#login-alert{padding: 5px ; display: none; font-size: 11px;}

.loading{height: 21px; padding: 0 !important; background: url(../images/loading.gif) no-repeat center 5px;}

.chapca{padding-bottom: 4px;}

.lupa-password{font-size: 11px; color: #333;}

.lupa-password:hover{font-size: 11px; color: #Af0000;}



/* popular tag */

.popular-tag{border: 1px solid #ddd; padding: 2px; background: #fff; margin-bottom: 15px;}

.popular-tag h3{background: url(../images/top_3.jpg) repeat-x top; padding: 10px; color: #fff;}

.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;}



/* cs */

.cs{border: 1px solid #ddd; padding: 2px; background: #fff; margin-bottom: 15px;}

.cs h3{background: url(../images/top_3.jpg) repeat-x top; padding: 10px; color: #fff;}

.cs-content{padding: 2px 6px}

.cs-content table{width: 95%;}

.cs-content td{padding: 6px 4px; font-size: 11px;}



/*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{border: 1px solid #ddd; padding: 2px; background: #fff; margin-bottom: 15px;}

.statistik h3{ background: url(../images/top_3.jpg) repeat-x top; padding: 10px; color: #fff;}

.statistik-content{padding: 2px 6px;}



/* iklan-top */
.iklan-utama{padding:3px; background:#e6f1da; margin-bottom:15px; border:1px solid #6F9144;}

.iklan-top{ width: 262px; float: left; background: url(../images/top_3.jpg) repeat-x top;}

.iklan-top h3{ background: url(../images/iklan_top_header.gif) no-repeat left top; padding: 10px 15px; color: #fff; font-weight: bold;}

.iklan-top ul{ margin:0; padding:6px 0; list-style:none;}

.iklan-top li{ padding: 4px; background: url(../images/bg-item.gif) repeat-x bottom; font-size: 12px; font-weight:bold;}
.iklan-top li a{color:#f10202;}
.iklan-top li a:hover{color:#000;}


.iklan-plus{ width: 262px; float: right; background: url(../images/top_3.jpg) repeat-x top;}

.iklan-plus h3{ background: url(../images/iklan_plus_header.gif) no-repeat left top; padding: 10px 15px; color: #fff; font-weight: bold;}

.iklan-plus ul{ margin:0; padding:6px 0; list-style:none;}

.iklan-plus li{ padding: 4px; background: url(../images/bg-item.gif) repeat-x bottom; font-size: 12px; font-weight:bold;}
.iklan-plus li a{color:#2222fe;}
.iklan-plus li a:hover{color:#000;}


/*news*/

#news-frontpage{clear: both; margin-bottom: 20px;}

.news h2{ margin: 0px !important; background: url(../images/top_3.jpg) repeat-x top left; padding: 10px 15px; font-size: 14px; color: #fff; font-weight: bold !important;}

.news-item{padding: 8px 10px; background: url(../images/bg-item.gif) bottom repeat-x}

.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;}



/* surat pembaca */

.surat-pembaca{clear: both;}

.surat-pembaca h2{ margin: 0px !important; background: url(../images/top_3.jpg) repeat-x top left; padding:10px 15px; font-size: 14px; color: #fff; font-weight: bold !important;}

.surat-pembaca-title{ font-size: 12px; font-weight: bold; padding: 10px 0;}

.surat-pembaca-send{ padding: 4px 0;}

.surat-pembaca-sender{ padding-bottom: 10px;}

.surat-pembaca-replay{ font-style: italic;}



.page-info-table table{ width: 100%;}

.page-info-table th{border: 1px solid #718466; background: #718466; color: #fff; padding: 4px 10px; text-align: left;}

.page-info-table td{border-bottom: 1px solid #efefef; background: #fafafa}