/*
Design by Nuzuli Fitriadi (ungoh@nuzulifitriadi.com)
		  Amir Hamzah Z (amir.hamzah.z@gmail.com)
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background:#e5e5e4 url(../images/body.jpg) repeat-y center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #474848;
}

h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #6ca400;
	font-weight: normal;
	margin: 0px;
	padding-left: 20px;
}

h1 {
	letter-spacing: -1px;
	font-size: 2.6em;
	font-weight: normal;
}

#container {
	width:995px;
	height:auto;
	background:#fff;
	margin:0 auto;
	padding-bottom:5px;
	}
#header {
	float:left;
	width:975px;
	height:70px;
	}
#header .logo{
	float:left;
	width:400px;
	height:70px;
	margin-left:5px;
	}

#header .bannersatu {
	float:right;
	width:400px;
	margin:5px 0 0 0;
	height:60px;
}
#header h1 span {
	color:#ff0000;
	}
#header .topbanner2 { width:400px; float:right; font:arial; color:#cccccc; margin:3px 0 3px 5px; }	


/* menu */
#menu { width:975px; margin: 0 10px 0 10px; background:#143D55; }

#bannerdua {
	float:left;
	width:975px;
	height:60px;
	margin: 0 10px 0 10px;
	}
/* bendera */
#bendera {
	width:975px; height:20px; background: url(../images/benderaback.gif) repeat-x; float:left; margin:0 10px 0 10px;
	}
/* Bingkai Besar */
#bingkaibesar {
	width:973px;
	float:left;
	margin:10px;
	}

/* K I R I */
#bingkaikiri {
	float:left;
	width:650px;
	margin:10px 8px 10px 0;
	}
#bingkaifoto {
	width:650px;
	float:left;
	height:200px;
	background:url(../images/pattern.jpg);
	}
#bingkaifoto .foto { float:left; width:267px; height:200px;}
#bingkaifoto .judulfoto a { float:right; margin:0 5px 0 0; width:320px; color:#fff; 
						  font-size:16px; font-weight:bold;
						  text-shadow: #000 1px 1px;}
#bingkaifoto .judulfoto a:hover { color:#fff; text-shadow: #990000 1px 1px;}
#bingkaifoto .penulis {float:right; margin:5px 5px 0 0; width:320px; color:#fff; font-family:Arial; font-size:10px; }
#bingkaifoto .caption {float:right; margin:5px 5px 0 0; width:320px; height:100px; color:#fff; }
#bingkaifoto .lainnya {float:right; width:220px; height:62px; }
#bingkaifoto .lainnya li {
	width: 68px;
	height: 60px;
	display: block;
	overflow: hidden;
	padding: 0; 
	}
#bingkaifoto .lainnya li a:link, a:visited, a:active { border:none; text-decoration:none; }
#bingkaifoto .lainnya li a:hover { border:none; opacity:0.4;filter:alpha(opacity=40);}
#bingkaifoto .lainnya.horizontal li {margin-right: 5px; float: left; }
#bingkaifoto .fotolain {float: right; text-align: right; width:100px; height:2px; color:#fff; text-decoration: none; margin: 5px 8px 0 0; font-size: smaller;}

#bingkaikiri_left {
	width:338px;
	height:auto;
	float:left;
	margin:0 10px 10px 0;
	}
#isikiri_left {
	width:328px;
	float:left;
	margin-bottom:10px;
	}
#isikiri_left .temaleft {
	width:328px; height:28px; 
	font-family: Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:bold; color:#990000;
	padding:5px 2px 5px 5px; background: url(../images/backnewstop.gif) repeat-x;
	text-transform:uppercase; border-top: 1px solid #cad5db; border-left: 1px solid #cad5db; border-right: 1px solid #cad5db;
		-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
		-webkit-border-radius-top-left: 5px; -webkit-border-radius-top-right: 5px;
	}
#isikiri_left .temaleft a {
	text-decoration:none; color:#990000;
	}
#isikiri_left .newsleft {
	width:325px; height:auto; color:#fff;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;
	padding:2px 5px 5px 5px; background:url(../images/pattern.jpg);
	border-right: 1px solid #cad5db; border-left: 1px solid #cad5db;
	}
#isikiri_left .newsleft a {
	width:325px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;
	color:#fff; padding:2px 5px 5px 0; text-shadow: #000 1px 1px;
	text-transform:capitalize; display:block; text-decoration:none;
	}
#isikiri_left .newsleft a:hover {
	font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;
	color:#ff0000; display:block; text-shadow: #000 1px 1px;
	}
#isikiri_left .newslainnya {
	width:325px; height:auto; color:#000; border-bottom: 1px solid #cad5db; border-left: 1px solid #cad5db; border-right: 1px solid #cad5db;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;
	padding:2px 5px 5px 5px; background: #fff url(../images/backnewsbottom.gif) repeat-x bottom;
		-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;
		-webkit-border-radius-bottom-left: 5px; -webkit-border-radius-bottom-right: 5px;
	}
#isikiri_left .newsleft span {
		width:325px;
		color:#fff;
		font:italic 7pt Arial;
		padding:2px 5px 0 0;
		}

/* --------------------------------------------------------*/
	
#bingkaikiri_right {
	width:298px;
	float:right;
	margin-bottom:10px;
	}
#isikiri_right {
	width:298px;
	float:left;
	margin:0 0 10px 0;
	}
#isikiri_right .temaright {
	width:288px; height:28px; 
	font-family: Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:bold; color:#990000;
	padding:5px 2px 5px 5px; background: url(../images/backnewstop.gif) repeat-x;
	text-transform:uppercase; border-top: 1px solid #cad5db; border-left: 1px solid #cad5db; border-right: 1px solid #cad5db;
		-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
		-webkit-border-radius-top-left: 5px; -webkit-border-radius-top-right: 5px;
	}
#isikiri_right .temaright a {
	text-decoration:none; color:#990000;
	}
#isikiri_right .newsright {
	width:285px; height:auto; color:#fff;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;
	padding:2px 5px 5px 5px; background:url(../images/pattern.jpg);
	border-right: 1px solid #cad5db; border-left: 1px solid #cad5db;
	}
#isikiri_right .newsright a {
	width:285px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;
	color:#fff; padding:2px 0 5px 0; text-shadow: #000 1px 1px; text-decoration:none;
	text-transform:capitalize; display:block;
	}
#isikiri_right .newsright a:hover {
	font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;
	color:#ff0000; display:block; text-shadow: #fff 1px 1px;
	}
#isikiri_right .newslainnya {
	width:285px; height:auto; color:#000; border: 1px solid #cad5db;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;
	padding:2px 5px 5px 5px; background: #fff url(../images/backnewsbottom.gif) repeat-x bottom;
		-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;
		-webkit-border-radius-bottom-left: 5px; -webkit-border-radius-bottom-right: 5px;
	}
#isikiri_right .newsright span {
		width:385px;
		color:#fff;
		font:italic 7pt Arial;
		padding:2px 5px 0 0;
		}

	
/* K A N A N */
#bingkaikanan {
	width:310px;
	float:right;
	margin:10px 0 10px 0;
	}
#bingkaikanan .bannerkanan {
	width:310px;
	float:left;
	margin:0 0 10px 0;
	}

#isikanan {
	width:310px;
	float:left;
	margin:0 0 10px 0;
	}
#isikanan .temakanan {
	width:300px; height:28px; 
	font-family: Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:bold; color:#990000;
	padding:5px 2px 5px 5px; background: url(../images/backnewstop.gif) repeat-x;
	text-transform:uppercase; border-top: 1px solid #cad5db; border-left: 1px solid #cad5db; border-right: 1px solid #cad5db;
		-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
		-webkit-border-radius-top-left: 5px; -webkit-border-radius-top-right: 5px;
	}
#isikanan .temakanan a {
	text-decoration:none; color:#990000;
	}
#isikanan .newskanan a {
	width:297px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;
	color:#fff; padding:2px 0 5px 0; text-shadow: #000 1px 1px;
	text-transform:capitalize; display:block; text-decoration:none;
	}
#isikanan .newskanan a:hover {
	font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;
	color:#ff0000; display:block; text-shadow: #000 1px 1px;
	}
#isikanan .newskanan {
	width:297px; height:auto; color:#fff;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;
	padding:2px 5px 5px 5px; background:url(../images/pattern.jpg);
	border-right: 1px solid #cad5db; border-left: 1px solid #cad5db;
	}
#isikanan .newslainnya {
	width:297px; height:auto; color:#000; border-bottom: 1px solid #cad5db; 
	border-left: 1px solid #cad5db; border-right: 1px solid #cad5db;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;
	padding:2px 5px 5px 5px; background: #fff url(../images/backnewsbottom.gif) repeat-x bottom;
		-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;
		-webkit-border-radius-bottom-left: 5px; -webkit-border-radius-bottom-right: 5px;
	}
#isikanan .newskanan span {
		width:325px;
		color:#fff;
		font:italic 7pt Arial;
		padding:2px 5px 0 0;
		}

#isikanan .spotlight {
	width:292px; height:218px;
	padding:13px 0 0 15px; background:url(../images/tv.gif) no-repeat;
	border-right: 1px solid #cad5db; border-left: 1px solid #cad5db;
	}

	
/* LIST */
#list { width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#list ul { list-style: none; }
#list ul li { }
#list ul li a { display:block; text-decoration:none; color:#000000; height:auto; padding: 2px 0 3px 10px;
  border-top-style:dashed; border-top-width:1px; border-top-color:#ccc; cursor:pointer;
  background: url(../images/listdiv.gif) no-repeat; }
#list ul li a:hover { color:#990000; background:#ebebeb url(../images/list.gif) no-repeat; padding: 2px 0 3px 10px; }
#list ul li a strong { margin-right:10px; }

/* LIST BREAKING NEWS*/
#breaklist { width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#breaklist ul { list-style: none; }
#breaklist ul li { }
#breaklist ul li a { display:block; text-decoration:none; color:#000000; height:auto; padding: 2px 0 3px 45px;
  border-top-style:dashed; border-top-width:1px; border-top-color:#ccc; cursor:pointer;
  background: url(../images/listdiv.gif) no-repeat; }
#breaklist ul li a:hover { color:#990000; background:#ebebeb url(../images/list.gif) no-repeat; padding: 2px 0 3px 10px; }
#breaklist ul li a strong { margin-right:10px; }
#breaklist span { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#990000; margin:3px 5px 0 10px; float:left; }

/* LIST BAWAH */
#listbawah { width:230px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:capitalize; font-weight:bold; }
#listbawah ul { list-style: none; }
#listbawah ul li { }
#listbawah ul li a { display:block; text-decoration:none; color:#000000; height:auto; padding: 2px 0 3px 10px;
  border-bottom-style:dashed; border-bottom-width:1px; border-bottom-color:#ccc; cursor:pointer; 
  background: url(../images/listdiv.gif) no-repeat;}
#listbawah ul li a:hover { color:#990000; background:#ebebeb url(../images/list.gif) no-repeat; padding-left:10px; }
#listbawah ul li a strong { margin-right:10px; font:italic; }


/* FOTO GALERI */
#galeri {
	width: 955px;
	height: auto;
	margin: 0 10px;
	background:url(../images/pattern.jpg);
	padding:5px;
	border:5px #1e1e1e solid;
	}

/* FRAME BAWAH */
#framebawah {
	width: 975px;
	height: 260px;
	margin: 10px;
	color:#fff;
	padding-bottom:5px;
}
#kotakbawah {
	width:233px; height: 250px;
	float:left;
	margin:5px;
	}
#kotakbawah .temabawah {
	width:230px;
	height:25px;
	font-family: Georgia, "Times New Roman", Times, serif; font-size:18px;
	border-bottom:3px #990000 solid;
	color:#000;
	text-transform:uppercase; text-decoration:none;
	}
#kotakbawah .temabawah a {
	color:#000; text-decoration:none;
	}
	
/* accordion */
.accordion {
	width: 325px;
}
.accordion h3 {
	background: url(../images/arrow-square.gif) no-repeat right -52px;
	padding: 5px 15px 5px 0;
	margin: 0;
	font: bold 100%/80% Arial, Helvetica, sans-serif;
	cursor: pointer;
	border-bottom: solid 1px #c4c4c4;
	line-height:normal;

}
.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion p {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 5px 10px;
	border-bottom: solid 1px #c4c4c4;
}


/* Footer */
.clear {
	clear: both;
	height: 2px;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 3px;
	font-size: 1px;
}
#footer {
	width: 975px;
	height: 110px;
	margin: 20px 10px 10px 10px;
	background:url(../images/pattern.jpg);
	color:#fff;
}

#footer p {
	padding-top: 20px;
	text-align: center;
	font-size: .8em;
	font-weight: bold;
}