/* Created by Anton Hilman of Kreasitek.com */

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background:url(../img/bg_ramadhan.jpg) no-repeat top center #b9be00 fixed;
}
a:link, a:visited {
color: #000;
text-decoration:none;
}
a:hover {
color: #CC0000;
text-decoration:underline;
}
h3 {
margin:3px 0 5px 0;
}
h1 {
color:#CC0000
}
#wrapper { 
 margin: 0 auto;
 width: 980px;
}
#faux {
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
 background-color:#FFFFFF;
 border-bottom:13px solid #F1F1F1;
}
#header {
 color: #333;
 width: 980px;
 padding: 0px;
 height: 110px;
 margin: 0px 0px 0px 0px;
 background:url(../img/header.jpg) no-repeat top center #000;
}
#navigation {
 color: #333;
 height:26px;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background: url(../img/bg_menu.gif) repeat-x top center #000;
font: bold 13px Arial;
width: 100%;

margin-bottom: 1em;
border: 1px solid #000;
border-width: 1px 0;
}
#head{
height:60px;
background:url(../img/head.jpg) no-repeat top right;
}
.head {
font-size:50px;
padding:0 0 0 10px;
color:#CCCCCC
}
#rightcolumn { 
 display: inline;
 color: #333;
 margin: 10px 20px 10px 0;
 padding: 0px;
 width: 300px;
 float: right;
}
#konten { 
 float: left;
 color: #333;
 margin: 10px 0 10px 10px;
 padding: 0px;
 width: 640px;
 display: inline;
 position: relative;
}
#konten_detail { 
 float: left;
 color: #333;
 margin: 10px 0 10px 10px;
 padding: 0 10px 0 10px;
 width: 620px;
 display: inline;
 position: relative;
}
#footer { 
 width: 960px;
 clear: both;
 color: #333;
 background-color:#DDD;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 border-top:5px solid #CCCCCC;
}
.clear { clear: both; background: none; }

#atas {
margin:0px 10px 10px 10px;
}

#tengah {
margin:10px;
}

#bawah {
margin:10px;
}

#kolom3 {
margin:0px;
background-color:#FFFFFF;
}

.slider {
float:left;
width:340px;
}
.slider img{
border:none;
}
.headline {
float: right;
width:260px;
}
.populer {
float:left;
width:260px;
}
.rekreasi {
float: right;
width:350px;
background-color:#FCEFEA;
}
.perempuan {
float:left;
width:300px;
margin:0 0 10px 0;
background-color:#FAF9E8;
min-height:370px;
}
.resensi {
float: right;
width:300px;
margin:0 0 10px 0;
background-color:#E7E7E7;
min-height:370px;
}
.feature {
background-color:#F1F1F1;
margin:0 0 10px 0;
}
.sosok {
background-color:#1F1A17;
margin:0 0 10px 0;
}
.blitz {
background-color:#F4F3E3;
margin:0 0 10px 0;
}
.pendidikan {
background-color:#FEEDDC;
margin:0 0 10px 0;
}
.kolom1 {
float: left;
margin:20px 0 20px 20px;
width:300px;
background-color:#F4F4F4;
}
.kolom2 {
float: left;
margin:20px 20px 20px 20px;
width:300px;
background-color:#F4F4F4;
}
.kolom3 {
float: right;
margin:20px 20px 20px 0;
width:300px;
background-color:#F4F4F4;
}
.boxmodul{
border:1px solid #FFAE92;
}
.boxmodul2{
border:1px solid #DDD;
padding:5px;
min-height:250px;
}
.boxmodul3{
min-height:250px;
}
.boxhead {
height:20px;
padding:4px 0 0 43px;
color:#FFF;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
background:url(../img/bg_head.gif) no-repeat left center #FFF;
}
.boxhead2 {
height:20px;
padding:4px 0 0 43px;
color:#FFF;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
background:url(../img/bg_head2.gif) no-repeat left center #FFF;
}
.boxisi {
padding:10px;
}
.boxisi2 {
padding:0px;
margin:5px 0 5px 0;
}
.banner {
margin:10px 0 10px 0;
text-align:center;
background-color:#F1F1F1;
}
.banner2 {
padding:5px;
text-align:center;
background-color: #FFFFFF;
}

/*berita lain*/
.beritalain{
margin:20px 0;
}
.beritalain ul{
margin:10px 0 0 20px;
border-top:1px dotted #DDD;
}
.beritalain li{
padding:3px 0;
border-bottom:1px dotted #DDD;
list-style-type:square;
color: #666666;
font-size:12px
}
.cj {
text-align:center;
margin:0 0 10px 0;
padding-bottom:10px;
border-bottom:1px dotted #F1F1F1;
}
.detail_share {
margin:10px 0;
padding:5px 0 3px 0;
text-align:right;
border-bottom:3px solid #F1F1F1;
border-top:1px solid #F1F1F1;
}
.list_konten {
}
.list_item {
margin:10px 0;
padding:10px 0;
border-bottom:1px solid #F1F1F1;
}

/*list*/
.list ul{
margin:10px 0 0 15px;
border-top:1px dotted #DDD;
}
.list li{
padding:3px 0;
border-bottom:1px dotted #DDD;
list-style-type:square;
color: #666666;
font-size:11px
}
.list li a{
color:#BB0000;
font-size:13px;
padding-bottom:3px;
}
.list2 ul{
margin:10px 0 0 15px;
border-top:2px dotted #FFF;
}
.list2 li{
padding:2px 0;
border-bottom:2px dotted #FFF;
color:#666666
}
.putih a{
color:#FFFFFF;
}

/* MENU UTAMA */
.solidblockmenu{
margin: 0;
padding: 0;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #000;
border-width: 1px 0;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a,.solidblockmenu li a:visited{
float: left;
color:#FFFFFF;
padding: 4px 15px 5px 15px;
text-decoration: none;
border-right: 1px solid #CC0000;
border-left: 1px solid #990000;
}

.solidblockmenu li a:hover{
background: #FFF;
color:#000;
}
.solidblockmenu li .current {
background: url(../img/aktif.gif) repeat-x;
}

/*kopiraik*/
.kopiraik {
float:left;
width:400px;
font-size:11px;
color:#666666
}
.menu_bawah {
float: right;
width:500px;
text-align:right;
color: #999999;
font-size:12px;
}

/*tgl*/
.date {
font-size:11px;
color:#999999;
margin:0 0 5px 0;
}
.hppostmeta {
margin:10px 0;
color: #999999
}
.subjudul {
color:#CC0000
}

/* FOTO */
.box_foto_detail {float:left; width:350; margin:3px 10px 3px 0px; padding:5px; border:1px solid #DDD;}
.boxfoto{ text-align:center;}
.fotoberita {}
.teksfoto {
margin:5px 0;
color: #666666;
font-size:11px;
width:340px;
}
.thumb {
float:left;
margin:3px 8px 0 0;
padding:2px;
border:1px solid #DDD;
background-color:#FFFFFF;
}
.thumb2 {
margin:3px 8px 0 0;
padding:5px;
border:3px solid #DDD;
background-color:#FFFFFF;
}
.thumblitz {
margin:3px 8px 0 0;
padding:5px;
border:1px solid #DDD;
background-color:#FFFFFF;
}
.thumb_utama {
width:340px;
height:204px;
}
.thumbutama {
width:100px;
height:67px;
margin:5px 0 5px 5px;
}
.teksfoto_utama {
padding:5px;
color:#CCCCCC;
font-size:12px
}
.thumbnya {
background-color:#DDD;
margin:0 0 10px 0;
padding-left:5px;
}
.fotokiri {
width:100px;
float:left;
margin:3px 10px 0 0;
border:1px solid #999;
padding:1px;
}
.logo {
float:left;
margin-left:20px;
}
.top_banner {
float:right;
margin:20px 20px 0 0;
}
.tds a:link, .tds a:link { color:#D63724; }
.tds a:hover { color:#000000; text-decoration:underline; }