/* CSS Document */

.body{width: 984px; margin: 0 auto; text-align: left;}
.wrapper{ width:972px; padding:8px 6px 6px 6px; background:url(../images/shadow.gif) repeat-y #fff; background-position: 482px 0px; border-bottom:2px solid #fff;}

.nav{background:#3E8794; border-bottom:2px solid #fff; height:30px;}
.top-nav {}
.top-nav ul {margin: 0px;padding: 0px; list-style:none;;}
.top-nav ul li {float:left; position:relative;}
.top-nav ul li a {padding: 1px 10px; color: #f2f9fe; line-height:28px; text-decoration: none; font-weight: bold; display: block; margin-right:1px;}
.top-nav ul li a:hover, .top-nav ul li a:active, .top-nav ul li a.active {color: #3E8794; text-decoration: none; background:#88C8D5}
.top-nav ul ul{position:absolute; width:250px; z-index:99; margin-left:-1px; left:-999px; padding:0 0 6px 0; background:#3E8794;}
.top-nav ul li:hover ul, .top-nav ul li.hover ul {left: auto;}
.top-nav ul li:hover, .top-nav ul li.hover{position:static;}
.top-nav ul li li{width:100%; border-right:none; display:block; margin-bottom:5px;}
.top-nav ul li li a{line-height:20px; background:none; color:#fff}
/*
.top-nav ul li li a{display:block; line-height:28px; width:200px; w\idth:160px; margin:0; border-bottom:1px solid #b5b5b5; padding:0px 20px; background:url(../images/top_nav_bg.gif) repeat-x left top !important;}
.top-nav ul li li a:hover{background:#e7f6fd !important; text-decoration:none; color:#022a8a;}
*/
.header{height:144px; background:url(../images/bg-header.gif) repeat-x #fff; padding:0 0 7px 0;}
.header-logo{float:left; width:378px; padding:10px 0 0 10px;}
.header-logo h1{font-family:"Times New Roman", Times, serif; font-size:40px; font-weight:normal;}
.header-logo h1 a{color:#011440; font-family:"Times New Roman", Times, serif;}
.header-logo h1 a:hover{text-decoration:none; color:#0437b1;}
.header-logo span{font-size:12px; margin-top:-12px; display:block; font-weight:bold;}
.header-logo img{border:none;}
.header-right{width:510px; float:right; text-align:right; margin:15px 0 0 0;}

.search{text-align:left; padding:4px 4px 4px 10px; border-left:1px solid #ababab; border-right:1px solid #ababab;}
.search h3{ font-size:12px; font-weight:bold; background:url(../images/bg-h.gif) no-repeat; height:27px; line-height:27px; padding:0 0 0 30px; margin:0 0 4px 0;} 
.search table{ width:100%;}
.search td{ font-size:11px; padding:3px 2px; text-align:11px; height:11px;}
.search .type{ width:120px;}
.search form{padding:2px 0 0 0;}
.search .text{font-size:11px; width:290px; background:url(../images/search_bg.gif) no-repeat right 1px #fff; padding:2px 3px;}
.search .button{padding:2px 3px; font-size:11px;}

.content{}
.main{width:655px; float: right; }
.main-content{padding:4px 4px 4px 0;}
.main-content p{text-align:justify; padding:0 0 10px 0;}
.main-content h1{font-size:18px; line-height:100%; margin-bottom:16px;}
.main-content h2{font-size:16px; line-height:100%; margin-bottom:10px;}
.main-content h3{font-size:14px; line-height:100%;}

/* welcome message */
.welcome{padding:0; margin:0 0 20px 0;}
.welcome h1{margin:0 0 10px 0; padding:0; font-weight:bold; font-size:16px; color:#011440;}
.welcome p{padding:0; text-align:justify;}

/* iklan baris */
.iklan-baris{ padding:8px 0 0 0;}
.iklan-baris-item{margin-bottom: 20px; border-bottom: 1px solid #c0c0c0; padding-bottom:10px;}
.iklan-baris-item h3{font-weight:normal; font-size:16px; font-weight:bold; margin-bottom:0px;}
.iklan-baris-item h3 a{color:#F7941D;}
.iklan-baris-item h3 a:hover{text-decoration:none; color: #444444;}
.iklan-baris-item p img {float:left; margin:0 8px 8px 0;}
.iklan-baris .sideleft{ float:left; width:130px;}
.iklan-baris .siderright{ float:right; width:515px;}
.iklan-baris image{text-align:center;}
.iklan-baris-info{clear:left; font-size:11px; padding:5px 0; border-top: 1px dashed #C0C0C0; color:#9FB839;}
.iklan-baris-info a{ color:#9FB839; font-weight:bold;}
.iklan-baris-info dl dt {float:left; margin-bottom:4px;}
.iklan-baris-info dl dd {margin-left:100px; margin-bottom:4px;}
.iklan-baris-date{text-align:right; font-size:11px; margin-bottom:5px; color:#999;}
.image {text-align:center;}
.image-big {text-align:center; margin-bottom:10px; position:relative;border: 1px solid #ccc; padding:5px 0;}
.image-list {margin-bottom:10px; padding:5px 3px;border: 1px solid #ccc;}
.image-list img {padding:0 3px;}
.image-loading {background:#333; color:#fff; position:absolute; left:0; top:0; z-index:10; padding:2px 5px;}
.single {border:none;}

.detail-ads{}
.detail-ads table {width:100%;}
.detail-ads table td {padding-left:5px; width:25%;}
.ads-even {background:#ccc;}
.ads-info td {border-bottom:1px dashed #ccc;}

#iklan-baris-premium{margin-bottom: 15px !important; padding:0 !important;}
#iklan-baris-premium .iklan-baris-item{border:none; background:#E5E3E4; margin: 6px 0!important; padding:7px !important;}
#iklan-baris-premium .iklan-baris-item h3{padding: 0; border:none;}
#iklan-baris-premium .sideleft{ float:left; width:194px; padding:0 0 0 0;}
#iklan-baris-premium .siderright{ float:right; width:440px;}
#iklan-baris-premium .iklan-premium-text{padding:0; text-align:right; color:#EF3133;}
#iklan-baris-premium .iklan-premium-text span{display:block; padding:0 7px 3px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}
#iklan-baris-premium h4{color:#777; text-transform:uppercase !important; font-weight:normal; margin-bottom:5px;}
#iklan-baris-premium .iklan-baris-item ul {}
#iklan-baris-premium .iklan-baris-item ul li {list-style: none; border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:7px; font-size:11px; color:#666;}
#iklan-baris-premium .iklan-baris-item ul li a{color:#011440; font-weight:bold; font-size:12px;}

.tag-clouds{margin-top: 15px; line-height:170%;}
.tag-clouds a{text-transform: lowercase; margin: 0 8px 0 0;}
.tag-clouds a span{font-size:16px;}
.tag-clouds a:hover span{text-decoration:underline; color: #e50001;}

.ads-form{margin-bottom:30px;}
.ads-form p{padding:5px 0;}
.ads-form form{margin:10px 0 0 0;}
.ads-form label{display:block; margin-bottom:3px;}
.ads-form input, .ads-form textarea{width:450px;}
.ads-form .button{width:120px; background:#666; color:#fff; font-weight:bold;}
.ads-form .submit-msg{padding:7px; background:#B25D5D; color:#fff;}

/* Sidebar */
.sidebar{width:300px; float:left; margin:0 0 0 4px;}


/* popular tag */
.popular-tag{padding: 7px 7px 7px 10px;	border-left:1px solid #ababab; border-right:1px solid #ababab;}
.popular-tag h3{font-size:12px; font-weight:bold; background:url(../images/bg-h.gif) no-repeat; height:27px; line-height:27px; padding:0 0 0 30px; margin-bottom:5px;}
.popular-tag p{padding:0; text-align:justify;}
.popular-tag a{text-transform: lowercase;}
.popular-tag p span {margin: 0; font-size:14px;}
.popular-tag a:hover span{text-decoration:underline; color: #FA2D2D;}
span.small{color:#888;}
span.medium{color:#000;}
span.large{color:#666; font-weight:bold;}
span.largest{color:#444; font-weight:bold;}

/*kontak*/
.kontak{padding: 6px 0 10px 10px;
	border-left:1px solid #ababab;
	border-right:1px solid #ababab;}
.kontak h3{font-size:12px; font-weight:bold; background:url(../images/bg-h.gif) no-repeat; height:27px; line-height:27px; padding:0 0 0 30px;}
.kontak .ym{ background:url(../images/bg-ym.gif) no-repeat; padding:10px 8px 2px 80px; background-position:0 10px;}
.kontak .ym table { width:100%;}
.kontak .ym td{ font-size:12px;}
.kontak .tweeter{ height: 75px; width:270px; padding:4px 0px; overflow:hidden;}
.kontak .fb{ height:78px; width:270px; padding:4px 0px; overflow:hidden;}

/* menu vertical */
.category{
	padding: 10px 0 10px 10px;
	border-left:1px solid #ababab;
	border-right:1px solid #ababab;
}

.category h3{ font-size:12px; font-weight:bold; background:url(../images/bg-h.gif) no-repeat; height:27px; line-height:27px; padding:0 0 0 30px;}
.category .cat-left{
	padding:10px 0;
}


.category .cat-right{
	padding:10px 0;
}
.category ul{
	margin: 0;
	padding: 0 0 10px 10px;
	list-style: none;
	font-size: 11px;
}

.category ul li{display: block; width: 92px; float: left; padding: 1px 0;}


.category a{
	color: #333;
}
.category a:hover{
	color: #F79927;
	font-weight: bold;
}
.category h4{
	font-size: 12px;
	margin: 5px 0;
}

/*mid*/
.mid{ padding:0;}
.mid-right{ float:right; width:125px;}
.mid-left{ float:left; width:160px;}
.mid .banner-content {margin-bottom:10px;}

.statistic{padding:7px; margin-bottom:0px; font-size:11px;}
.statistic h3{font-size: 12px; font-weight: bold; padding:0 0 5px 0; margin-bottom:5px; border-bottom:1px solid #fabf77;}
.statistic ul{list-style-type: none;margin: 0px;padding:0px;}
.statistic ul li{margin: 0px;padding: 0 0 5px 0; line-height:170%}
.statistic ul li span.statistic-label{display:block; float:left; width:90px;}
.statistic ul li span.statistic-value{display:block; float:right; width:55px; text-align:right; font-weight:bold;}

.advertisment-160x600{background:#faebca; padding:7px; text-align:center; margin-bottom:10px;}

.cs{padding: 0 10px;}

.footer{ padding:10px 10px 20px 10px; background:#343434; margin-bottom:10px; color:#fff; text-align:center;}
.footer a {color:#fff; text-decoration:underline;}
.footer a:hover {color:#fed700;}
.footer-nav{text-align:center;}
.footer-nav ul{margin:0; padding:0;}
.footer-nav ul li {display:inline; list-style:none;}
.footer-nav ul li a {padding: 0 7px 5px 0; color:#fff; text-decoration: none; margin:0 1px; font-size:0.9em;}
.footer-nav ul li a:hover, .footer-nav ul li a:active {text-decoration:underline; color:#fed700;}

/* banner */
.banner{}
.banner-content{padding: 0;}
.banner-item{padding: 4px 0; text-align: center;}
.banner-info{display:none; font-size: 11px; color: #666;}
.banner-item a img{border:none;}
.banner-item a:hover img{}


#banner-01 .banner-item{padding:0 0 10px 0; text-align:left;}

#banner-02 .banner-item{padding:0 0 8px 0; text-align:left;}
#banner-02 .banner-item a img{border:1px solid #dedede; padding:3px;}
#banner-02 .banner-item a:hover img{border:1px solid #978c5f;}

#banner-mainpage{margin-bottom:15px;}

#banner-header{padding:20px 12px 0 0;}
#banner-header .banner-item{padding: 0; text-align: right;}

#banner-07{ margin-bottom:10px; padding:7px;}
#banner-07 table{background:none !important;}
#banner-07 table td{line-height:120%;}
#banner-07 .banner-item{text-align:left;}
#banner-07 .banner-item a{color:#011440; font-weight:bold;}
#banner-07 .banner-item a:hover{color:#2d9514;}
.banner125{ height:125px; width:125px; overflow:hidden; margin-bottom:9px;}

/*round*/
.roun-ats{ background:url(../images/roun-ats.gif) no-repeat; height:8px; width:300px;}
.roun-bwh{ background:url(../images/roun-bwh.gif) no-repeat; height:8px; width:300px; margin-bottom:10px;}

.image-big {text-align:center; margin-bottom:10px; position:relative;border: 1px solid #ccc; padding:5px 0;}
.image-list {margin-bottom:10px; padding:5px 3px;border: 1px solid #ccc;}
.image-list img {padding:0 3px;}
.image-loading {background:#333; color:#fff; position:absolute; left:0; top:0; z-index:10; padding:2px 5px;}

.links{padding: 4px 10px 4px; 10px;border-left:1px solid #ababab;border-right:1px solid #ababab;}
.links h3{font-size:12px; font-weight:bold; background:url(../images/bg-h.gif) no-repeat; height:27px; line-height:27px; padding:0 0 0 30px; margin-bottom:10px;}
.links p{margin:0; padding:0 0 7px 0;}
.links ul{list-style-type: none;margin: 0px;padding:0px;}
.links ul li{margin: 0px;padding: 1px 0px;}

.pi-submn {list-style:none; margin-top:30px;}
.pi-submn li {display:inline;}
.pi-submn li a {padding:6px 8px; background:#292929; color:#fff;}