/*
Theme Name: ZonaBerita
Description: The original Zona Berita Theme, Design by IntermediaWork
Designer URI: http://www.intermediawork.com/
Author: S Wibowo
*/
@import url("./style/menu.css");
@import url("./style/catmenu.css");
@import url("./style/slider.css");
@import url("./style/form.css");
@import url("./style/adv.css");
@import url("./style/tab.css");
@import url("./style/comments.css");
@import url("./style/polling.css");
@import url("./style/relatedbox.css");
@import url("./style/side-box.css");
* {
outline: 0;
padding: 0;
margin: 0;
border: 0;
text-decoration: none;
vertical-align: baseline;
white-space: normal;
font-family:Arial;
font-size:12px;
}
.clear {
	clear: both;
}
a {
color:#006291;
}

a:hover {
color: #009FE9;
}
html, body {
line-height: 1;
}

hr {
display: none;
}

blockquote:before, blockquote:after, q:before, q:after {
content: '';
}

blockquote, q {
quotes: "" "";
}

ul {
list-style-type: none;
}

ol {
list-style-type: decimal;
list-style-position:outside;
margin:0;
padding:0;
}
body {
width:100%;
margin:0 auto 70px auto;
padding:0;
background:#000;
border-top:5px solid #9F0606;
}
#wrapper {
width:977px;
margin:0 auto;
}
#header {
width:977px;
height:172px;
margin:0 auto 16px auto;
}
.head-a {
width:977px;
height:111px;
}
.head-b {
width:977px;
height:29px;
background:url(./img/bg-head-b.gif) repeat-x left top;
}
.head-c {
width:977px;
height:32px;
background:url(./img/bg-head-c.gif) repeat-x left top;
}
.logo {
width:281px;
height:111px;
float:left;
}
#content-box {
width:977px;
margin:0 auto 0 auto;
overflow:hidden;
}
#content-left {
width:656px;
float:left;
}
#content-right {
width:304px;
float:right;
}
/**
#content-left-index {
width:656px;
margin:16px auto 0 auto;
background:url(./img/bg-left-index.gif) repeat-y top;
overflow:hidden;
}
**/
#content-left-index1 {
width:656px;
margin:16px auto 0 auto;
padding:0;
overflow:hidden;
}
#content-left-index2 {
width:636px;
margin:0 auto 16px auto;
background:#222;
padding:10px;
overflow:hidden;
}
/*============= PAGE ======================*/
#content-left-page {
width:656px;
margin:16px auto 0 auto;
overflow:hidden;
}
#isi h1 {
display:block;
font-family:Arial;
font-size:23px;
font-weight:normal;
color:#B9B9B9;
line-height:32px;
margin-bottom:16px;
}
#isi {
font-family:Arial;
font-size:12px;
line-height:18px;
color:#B9B9B9;
}
#isi p {
margin-bottom:18px;
}
/*============= END PAGE ======================*/

/*============= SINGLE ========================*/
.singlebg {
width: 977px;
display:block;
margin:0 auto 16px auto;
padding:0;
overflow:hidden;
background:url(./img/bg-single.gif) repeat-y left top; 
}
#content-left-single {
width:636px;
margin:0 auto 0 auto;
overflow:hidden;
float:left;
}
#entry-single {
display:block;
margin:0 auto 16px auto;
overflow:hidden;
border-bottom:1px solid #333;
}
#entry-single h1, #content-left-single h1 {
display:block;
font-family:Arial;
font-size:18px;
font-weight:normal;
color:#B9B9B9;
line-height:32px;
margin-bottom:16px;
}
#entry-single h5 {
display:block;
margin-bottom:3px;
}
#entry-single h5 a {
display:block;
font-family:Arial;
font-size:13px;
font-weight:bold;
color:#FFF;
}
#entry-single h5 a:hover {
color:#B9B9B9;
}
#entry-single ul {
display:block;
list-style:none;
overflow:hidden;
list-style:none;
padding:0;
}
#entry-single ul li{
display:block;
list-style:none;
overflow:hidden;
padding-left:15px;
background:url(./img/bullet1.gif) no-repeat left 6px;
line-height:18px;
}
#entry-single ol {
margin-left:23px;
padding:0;
}
#entry-single ol li{
background: none;
padding-left: 0;
line-height:18px;
}


/*============= END SINGLE =====================*/

#content-left-index-left1 {
width:315px;
float:left;
}
#content-left-index-right1 {
width:315px;
float:right;
}
#content-left-index-left {
width:305px;
float:left;
}
#content-left-index-right {
width:305px;
float:right;
}
.entry-index {
display:block;
margin:0 auto 27px auto;
}
.entry-index h3 {
display:block;
height:35px;
line-height:35px;
border-bottom:2px solid #393939;
margin-bottom:13px;
overflow:hidden;
}
.entry-index h3 .eileft {
float:left;
font-family:Arial;
font-size:14px;
font-weight:bold;
color:#9F0606;
text-transform:uppercase;
}
.entry-index h3 .eiright {
float:right;
margin-top:10px;
}
.entry-index h3 .eiright a {
display:block;
width:45px;
height:15px;
font-size:10px;
text-indent:-500px;
background:url(./img/a-index.gif) no-repeat left -16px;
}
.entry-index h3 .eiright a:hover {
background:url(./img/a-index.gif) no-repeat left top;
}
.entry-index ul {
display:block;
width:100%;
list-style:none;
margin:0 auto;
padding:0;
}
.entry-index li {
display:block;
padding:0 0 0 15px;
background:url(./img/bullet-red.gif) no-repeat left top;
}
.entry-index li a {
font-family:Arial;
font-size:12px;
color:#B9B9B9;
line-height:16px;
}
.entry-index li a:hover {
color:#FFF;
}
.eiisi {
display:block;
margin:0 auto 16px auto;
color:#B9B9B9;
overflow:hidden;
}
.eiisi h2, isi-artikel-side h2 {
display:block;
margin-bottom:7px;
}
.eiisi h2 a {
font-family:Arial;
font-size:12px;
line-height:14px;
font-weight:bold;
color:#CCCCCC;
}
.eiisi h2 a:hover, .isi-artikel-side h2 a:hover, .entry-index li a:hover {
color:#FFF;
}
.eiisi p {
font-family:Arial;
font-size:12px;
line-height:18px;
}
.eiisi .thumbnail {
display:inline;
width:100px;
height:100px;
float:left;
margin-right:10px;
padding:0;
border:none;
overflow:hidden;
}
/*=============== BOX HEADLINE ====================== */
#box-headline {
width:656px;
height:225px;
padding:0 0 16px 0;
border-bottom:1px solid #222;
margin-bottom:16px;
overflow:hidden;
}
#box-headline4 {
display:block;
width:300px;
padding:10px;
margin-bottom:16px;
overflow:hidden;
background:#222;
float:float;
}
#box-headline4 h2 {
display:block;
padding-bottom:10px;
}
#box-headline4 h2 a {
font-size:15px;
font-weight:bold;
color:#CCC;
}
#box-headline4 h2 a:hover {
color:#FFF;
}

#box-headline4 p {
display:block;
font-family:Arial;
font-size:12px;
color:#B9B9B9;
line-height:18px;
}
.entry-boxline .medium {
float:left;
margin-right:10px;
}
#box-headline4 .medium {
margin:0 0 6px 0;

}
.entry-boxline p {
font-family:Arial;
font-size:12px;
line-height:18px;
color:#B9B9B9;
}
.entry-boxline h2 {
margin-bottom:16px;
}
.entry-boxline h2 a {
font-family:Arial;
font-size:16px;
font-weight:bold;
color:#FFF;
line-height:23px;
}
/*=============== END BOX HEADLINE ====================== */

#content-left-category {
width:656px;
margin:0 auto 0 auto;
float:left;
padding-bottom:16px;
}
#content-left-category h1 {
display:block;
font-family:Arial;
font-size:27px;
font-weight:normal;
color:#FFF;
line-height:36px;
margin-bottom:16px;
}

.content-left-category-l {
width:315px;
float:left;
}
.content-left-category-r {
width:315px;
float:right;
}
.content-left-category-l ul, .content-left-category-r ul {
display:block;
margin-bottom:16px;
padding-bottom:16px;
list-style:none;
border-bottom:1px solid #333;
}
.content-left-category-l li, .content-left-category-r li {
display:block;
padding:0 0 0 15px;
background:url(./img/bullet.gif) no-repeat left 6px;
}
.content-left-category-l li a, .content-left-category-r li a {
font-family:Arial;
font-size:12px;
line-height:18px;
color:#B9B9B9;
}
.content-left-category-l li a:hover, .content-left-category-r li a:hover {
color:#FFF;
}
.content-left-category-l ul h3, .content-left-category-r ul h3 {
display:block;
line-height:30px;
font-family:Arial;
font-size:18px;
font-weight:normal;
color:#565656;
}
.lastlist-4 {
display:block;
width:304px;
float:right;
margin-right:16px;
overflow:hidden;
}
.isi-artikel-side h2 a {
font-family:Arial;
font-size:13px;
line-height:17px;
font-weight:bold;
color:#CCCCCC;
}
.isi-artikel-side .thumbnail {
display:block;
width:70px;
height:70px;
float:left;
margin-right:10px;
padding:0;
border:none;
}
.tanggal {
display:block;
font-family:Tahoma;
font-size:10px;
color:#777;
line-height:16px;
margin-bottom:2px;
}
.tanggal a {
font-family:Tahoma;
font-size:10px;
color:#777;
}
.tanggal a:hover {
color:#9F0606;
}
.jam {
width:50px;
height:18px;
line-height:18px;
font-family:Arial;
font-size:9px;
color:#FFF;
margin-right:5px;
text-align:center;
background:#990000;
float:left;
}
.entry {
display:block;
margin: 0 auto 26px auto;
font-family:Arial;
font-size:12px;
color:#B9B9B9;
}
.entry p {
line-height:18px;
margin:16px 0 0 0;
padding:0 0 0 0;
color:#B9B9B9;
}
#sidebar-kanan {
width:276px;
float:right;
overflow:hidden;

}
#sidebar-kanan div {
}
#sidebar-kiri{
width:240px;
float:left;
}
.sidebox {
width:100%;
display:block;
background:#FFF;
margin-bottom:26px;
}
.sidebox-right {
width:100%;
display:block;
background:#FFF;
margin-bottom:26px;
}
.sidebox-right ul {
list-style:none;
padding:0;
margin:0 auto;
}
.sidebox-right li {
list-style:none;
padding:0;
margin:0 auto;
height:23px;
}
.sidebox-right li a {
line-height:23px;
font-family:Arial;
font-size:12px;
background:url(./img/arrow.gif) no-repeat left 4px;
padding-left:13px;
color:#444;
}
.sidebox-right li a:hover {
color:#00AEEF;
}
.sidebox-right h1 {
font-size:13px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:bold;
text-transform: uppercase;
color:#222;
padding-bottom:5px;
}
#sidebar-kiri h1 {
height:26px;
font-size:13px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:bold;
text-transform: uppercase;
color:#222;
background:url(./img/h1-sidebar-kiri.gif) left top;
}
.sidebox .textwidget, .sidebox-right .textwidget {
font-family:Helvetica, Verdana, Arial;
font-size:12px;
line-height:18px;
color:#444;
}
.sidebox a {
font-family:Helvetica, Verdana, Arial;
font-size:12px;
color:#444;
}
.artikel-side {
display:block;
margin-bottom:16px;
}
.artikel-side h1 {
display:block;
height:26px;
line-height:26px;
font-family:Arial;
font-size:18px;
font-weight:normal;
color:#C4C4C4;
text-indent:10px;
background:#2A2A2A;
border:1px solid #2A2A2A;
}
.isi-artikel-side {
border-right:1px solid #2A2A2A;
border-left:1px solid #2A2A2A;
border-bottom:1px solid #2A2A2A;
padding:10px;
overflow:hidden;
}
.isi-artikel-side ul {
display:block;
padding:0;
list-style:none;
overflow:hidden;
}
.isi-artikel-side li {
display:block;
line-height:16px;
background:url(./img/bullet1.gif) no-repeat left 7px;
padding-left:12px;
border-bottom:1px solid #222;
}
.isi-artikel-side li a {
display:block;
color:#B9B9B9;
padding:2px 0 2px 0;
}

.isi-artikel-side p {
display:block;
font-family:Arial;
font-size:12px;
line-height:18px;
color:#B9B9B9;
margin-top:7px;
}
.b-index {
height:18px;
overflow:hidden;
}

.b-index a{
float:right;
display:block;
width:52px;
height:18px;
font-size:10px;
text-indent:-977px;
background:url(./img/b-index.gif) no-repeat left top;
}
.b-index a:hover{
background:url(./img/b-index.gif) no-repeat left -18px;
}
/*====================== BREADCRUMB =====================*/
.breadcrumb{
width:636px;
height:25px;
line-height:25px;
padding:0;
margin:0 auto 16px 0;
border-top:1px solid #333;
border-bottom:1px solid #333;
overflow:hidden;
}
.brleft {
float:left;
font-family:Tahoma;
font-size:11px;
color:#666;
line-height:25px;
}
.brleft a {
font-family:Tahoma;
font-size:11px;
color:#00AED2;
}
.brleft a:hover {
color:#0087A4;
}

.brright {
float:right;
width:146px;
height:25px;
}
.brright a {
float:left;
list-style:none;
}
/*====================== END BREADCRUMB =====================*/

/*====================== SOCIAL =============================*/
#social {
display:block;
background:#690404;
border-top:1px solid #7F2929;
border-right:1px solid #7F2929;
border-bottom:1px solid #400101;
border-left:1px solid #400101;
padding:10px;
font-size:11px;
font-family:Arial;
color:#D9C0C0;
}
#social .btn_sub {
height:19px;
padding:2px 2px 3px 1px;
background:#410000;
color:#D9C0C0;
font-size:10px;
font-family:Arial;
}
/*====================== END SOCIAL =========================*/

.downloadlink {
display:block;
padding:10px 0 10px 35px;
border-top:1px solid #DDF6FF;
border-bottom:1px solid #DDF6FF;
margin:10px auto 10px auto;
clear:both;
}
.exec, .kat-kiri {
display:block;
margin:0 auto 26px auto;
padding:0;
}
.kat-kiri {
background:#444;
padding:15px;
}
.exec h1 {
font-size:13px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:bold;
text-transform:uppercase;
color:#222;
padding-top:1px;
}
.exec h1 a {
font-size:13px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:bold;
text-transform:uppercase;
color:#222;
padding-bottom:5px;
}
.exec h1 a:hover {
color:#00AEEF;
}
.exec ul, .kat-kiri ul {
list-style:none;
margin:0;
padding:0;
}
.exec li{
display:block;
list-style:none;
border-bottom:1px solid #DDF6FF;
margin:0;
padding:5px 0 5px 0;
font-family:Helvetica, Verdana, Arial;
font-size:12px;
font-weight:normal;
color:#444;
}
.kat-kiri li{
display:block;
list-style:none;
margin:0;
padding:2px 0 2px 0;
color:#444;
}
.kat-kiri li a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
color:#00AEEF;
background:url(./img/arrow2.gif) no-repeat left top;
padding-left:12px;
}
.kat-kiri li a:hover {
color:#57D1FF;
background:url(./img/arrow2.gif) no-repeat left -20px;
}
.exec li a {
display: block;
font-family:Helvetica, Verdana, Arial;
font-size:12px;
font-weight:normal;
color:#444;
float:left;
padding-right:5px;
}
.exec li a:hover {
color:#999;
padding-left:5px;
}

/*========================= TOKOH ========================*/
#kotak-tokoh {
display:block;
margin:0 auto;
margin-bottom:16px;
}
#kotak-tokoh .atas {
width:315px;
height:50px;
background:url(./img/tokoh-atas.gif) no-repeat;
}
#kotak-tokoh .tengah {
display:block;
padding:10px 10px 0 10px;
margin:0 auto;
background:url(./img/tokoh-tengah.gif) repeat-y top;
overflow:hidden;
}
#kotak-tokoh .bawah {
width:315px;
height:12px;
background:url(./img/tokoh-bawah.gif) no-repeat;
}
#kotak-tokoh .thumbnail {
width:90px;
height:90px;
float:left;
margin-right:10px;
padding:3px;
background:#222;
}
#kotak-tokoh .tengah p {
font-family:Arial;
font-size:12px;
color:#B9B9B9;
line-height:16px;
margin-top:5px;
margin-bottom:10px;
}
#kotak-tokoh .tengah h2 a {
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#FFF;
}
#kotak-tokoh .tengah h2 a:hover, #kotak-tokoh .tengah li a:hover {
color:#999;
}

#kotak-tokoh .tengah ul {
display:block;
list-style:none;
clear:both;
margin-top:16px;
border-top:1px solid #B2481E;
}
#kotak-tokoh .tengah li {
display:block;
padding:3px 0 3px 0;
border-bottom:1px solid #B2481E;
}
#kotak-tokoh .tengah li a {
font-family:Arial;
font-size:12px;
color:#EED8CF;
line-height:18px;
}
/*========================= END TOKOH ========================*/


/*========================= INSPIRASI ========================*/
#kotak-inpirasi {
display:block;
margin:0 auto;
margin-bottom:16px;
}
#kotak-inpirasi .atas {
width:315px;
height:50px;
background:url(./img/inspirasi-atas.gif) no-repeat;
}
#kotak-inpirasi .tengah {
display:block;
padding:10px 10px 0 10px;
margin:0 auto;
background:url(./img/inspirasi-tengah.gif) repeat-y top;
overflow:hidden;
}
#kotak-inpirasi .bawah {
width:315px;
height:12px;
background:url(./img/inspirasi-bawah.gif) no-repeat;
}
#kotak-inpirasi .thumbnail {
width:90px;
height:90px;
float:left;
margin-right:10px;
padding:3px;
background:#DB6E2B;
}
#kotak-inpirasi .tengah p {
font-family:Arial;
font-size:12px;
color:#EED8CF;
line-height:16px;
margin-top:5px;
margin-bottom:10px;
}
#kotak-inpirasi .tengah h2 a {
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#E59230;
}
#kotak-inpirasi .tengah h2 a:hover, #kotak-inpirasi .tengah li a:hover {
color:#DB6E2B;
}

#kotak-inpirasi .tengah ul {
display:block;
list-style:none;
clear:both;
margin-top:16px;
border-top:1px solid #B2481E;
}
#kotak-inpirasi .tengah li {
display:block;
padding:3px 0 3px 0;
border-bottom:1px solid #B2481E;
}
#kotak-inpirasi .tengah li a {
font-family:Arial;
font-size:12px;
color:#EED8CF;
line-height:18px;
}

/*========================= END INSPIRASI ========================*/


/*========================= KOTAK MINGGUAN  ========================*/
.kotak-mingguan {
display:block;
background:#615B44 url(./img/bg-kotak-mingguan.gif) no-repeat left top;
padding:10px 10px 10px 10px;
margin:0 auto 16px auto;
}
.kotak-mingguan h1 {
display:block;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
color:#D6C894;
padding:0 0 5px 0;
}
.kotak-mingguan .box h2 a {
color:#CDC39D;
}
.kotak-mingguan .box h2 a:hover {
color:#E0D198;
}
.kotak-mingguan .box{
display:block;
overflow:hidden;
margin:0 auto 16px auto;
}
.kotak-mingguan .thumbnail{
height:70px;
width:70px;
float:left;
margin-right:10px;
padding:3px;
background:#746E57;
}
.kotak-mingguan .box p{
line-height:16px;
color:#ACA37F;
margin-top:5px;
}
.c-index {
height:18px;
overflow:hidden;
}

.c-index a{
float:right;
display:block;
width:36px;
height:15px;
font-size:10px;
text-indent:-977px;
background:url(./img/c-index.gif) no-repeat left top;
}
.c-index a:hover{
background:url(./img/c-index.gif) no-repeat left -15px;
}
/*========================= END MINGGUAN ========================*/

/*========================= KOTAK TERKINI ========================*/
.kotak-terkini {
display:block;
margin-bottom:16px;
}
.kotak-terkini h1 {
display:block;
font-family:Arial;
font-size:14px;
font-weight:bold;
color:#9F0606;
text-transform:uppercase;
padding-bottom:7px;
margin-bottom:7px;
border-bottom:2px solid #393939;
}
.kotak-terkini ul {
list-style:none;
padding:0;
overflow:hidden;
}
.kotak-terkini li {
display:block;
height:18px;
line-height:18px;
margin-bottom:3px;
}
.kotak-terkini li a {
color:#B9B9B9;
}
.kotak-terkini li a:hover {
color:#FFF;
}
/*========================= END TERKINI ========================*/


/*========================= SETTING GAMBAR ========================*/

/*========================= SEARCH =================================*/
.form-search {
width:227px;
height:19px;
overflow:hidden;
float:right;
background: url(./img/bg-form-search.gif) no-repeat;
border:none;
padding:0;
}
.form-search-input {
width:144px;
height:15px;
padding:2px 4px 2px 20px;
margin-right:2px;
float:left;
overflow:hidden;
color:#555;
background:none;
}
.form-search-button {
width:55px;
height:19px;
float:right;
display:block;
overflow:hidden;
background: url(./img/bg-btn-search.gif) no-repeat;
color:#FFF;
}
/*========================= END SEARCH =============================*/
p img{
max-width: 100%;
}
	
img.centered{
display: block;
margin-left: auto;
margin-right: auto;
}
	
img.alignleft {
padding:0;
margin: 3px 10px 5px 0;
border:0px solid #eee;
display: inline;
}

.alignleft {
float: left;
display: inline;
margin: 0;
margin-bottom: 5px;
}
img.alignright {
padding:0;
margin: 3px 0 5px 10px;
border:0px solid #eee;
display: inline;
}
.alignright {
float: right;
display: inline;
margin:0 auto 0 15px;
margin-bottom: 5px;
}

.aligncenter {
display: inline;
text-align: center;
}

.alignnone {
}

p.wp-caption-text {
padding:0;
font-size: 11px;
color: #555;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-family:Tahoma;
font-size: 11px;
line-height: 14px;
padding: 0;
margin: 7px 0 0 0;
}

/*===================== END SETTING GAMBAR ========================*/


/*============================= Navigation CSS =============================*/
.navigation {
	margin: 30px 0 0 0;
	display:block;
	clear:both;
}

.navigation a {
	padding:5px 10px;
	font-family:Arial;
	font-size: 10px;
	line-height: 14px;
	color: #444;
	font-weight: normal;
	text-transform:uppercase;
	background: #F2FCFF;
}

.navigation a:hover {
	color: #000;
	background: #DDF6FF;
}

.navleft {
	float: left;
	width: 40%;
}

.navright {
	float: right;
	width: 40%;
}

.navleft a {
	float: left;
	display: block;
}

.navright a {
	float: right;
	display: block;
}
/*============================= End Navigation CSS =============================*/

/*============================= MENU BAWAH =============================*/
.menu-bawah {
display:block;
height:36px;
float:left;
overflow:hidden;
}
.menu-bawah ul {
display: block;
line-height:36px;
overflow:hidden;
}
.menu-bawah li {
float:left;
}
.menu-bawah li a {
font-family:Arial;
font-size:12px;
padding-left: 10px;
color:#FFF;
line-height:36px;
}
.menu-bawah li a:hover {
color:#D15454;
}
/*============================= END MENU BAWAH =============================*/

#footer1  {
width:977px;
height:36px;
line-height:36px;
margin:0 auto;
clear:both;
border-top:1px solid #9F0606;
border-bottom:1px solid #400101;
background:#690404;
font-family:Helvetica, Verdana, Arial;
font-size:10px;
color:#D9EFFF;
}
#footer2 {
width:977px;
margin:0 auto;
padding:0 0 12px 0;
clear:both;
border-top:1px solid #5C1818;
border-bottom:1px solid #5C1818;
background:#4C0101;
overflow:hidden;
}
.footer2-left {
width:800px;
float:left;
}
.footer2-right {
width:154px;
float:right;
}

.legal {
padding:0 0 0 10px;
font-family:Arial;
font-size:10px;
color:#FFF;
float:left;
clear:both;
}
.logokecil {
width:144px;
height:38px;
padding-top:12px;
}