/*
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;
	background:url(../images/shop.gif) no-repeat;
}
#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;
	background:url(../images/backbanner.gif) top;
	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:640px;
	margin:10px 0 10px 0;
	}
#bingkaikiri .bannertiga {
	width:640px;
	float:left;
	text-align:center;
	margin-bottom:10px;
	}
#bingkaikiri .gambar {
	font-family: verdana;
	font-size: 8pt;
	color: gray;
	text-align: right;
	float: left;
	padding: 2px;
	border: 1px solid #CBC6FD;
	margin: 3px 5px 0 0;
}
#bingkaikiri .juduldetail {
	text-decoration: none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 23px;
	color: #0066FF;
	font-weight: bold;
	margin-bottom:10px;
	padding-bottom:8px;
	border-bottom:#ddd 4px solid;
}
#bingkaikiri li {
	list-style-position: inside;
	list-style-image:url(../../images/bg_bullet_arrow.gif);
	padding-top: 3px;
	color:#000066;
}
#bingkaikiri li a {
	color: #3366FF;
	text-decoration: none;
}
#bingkaikiri li a:hover {
	text-decoration: underline;
}
#bingkaikiri .author { width:640px;
		font:normal 10pt Arial; 
		color:#ff0000;
		margin-bottom:5px;
		}
#bingkaikiri .detilisi { 
		width:640px;
		font-size:12px; font-family:Arial, Helvetica, sans-serif; 
		color:#000000;
		margin-bottom:15px;
		border-bottom:5px #ddd solid;
		padding-bottom:10px;
		}
#bingkaikiri .detilisi a { 
		text-decoration: none;
		font-family:Georgia, "Times New Roman", Times, serif;
		color: #0066FF;
		margin-bottom:10px;
		}
#bingkaikiri .detilisi a:hover { 
		text-decoration: underline;
		color: #0066FF;
		}

#bingkaikiri p { width:640px;
		font:normal 10pt Arial; 
		color:#000000;
		margin-bottom:5px;
		}
/* Komentar */
#komentar {width:575px; margin-left:2px; margin-bottom:10px; background: #FFFFCC; padding:10px;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			border: 2px solid #ccc;
			background-color: #ffffcc; 
			}
#komentar.tanggal { float:left; width:150px; font:Arial normal 10pt; color:#fff; margin-bottom:10px; }
#komentar.komentari { float:left; width:440px; font:arial normal 10pt; color:#fff; }
#komentar.pemisah {width:600px; height:2px; background:#fff; margin-buttom:3px; }


/* K A N A N */
#bingkaikanan {
	width:310px;
	float:right;
	margin:10px 0 10px 0;
	}
#bingkaikanan .bannerempat {
	width:310px;
	float:left;
	text-align:center;
	margin-bottom:10px;
	}

#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 .judulkanan a {
	width:297px; height:auto; border-right: 1px solid #cad5db; border-left: 1px solid #cad5db;
	font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;
	color:#fff; padding:2px 5px 5px 5px; text-shadow: #000 1px 1px;
	text-transform:capitalize; display:block;
	background:url(../images/pattern.jpg);
	}
#isikanan .judulkanan 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 .judulkanan span {
		width:297px;
		color:#fff;
		float:left;
		font:italic 7pt Arial;
		padding:2px 5px 0 8px;
		}

#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: 297px;
}
.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;
}

/* Komentar */
#komentar {width:540px; margin-left:2px; margin-bottom:10px; background: #FFFFCC; padding:10px;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			border: 2px solid #ccc;
			background-color: #ffffcc; 
			}
#komentar.tanggal { float:left; width:150px; font:Arial normal 10pt; color:#fff; margin-bottom:10px; }
#komentar.komentari { float:left; width:440px; font:arial normal 10pt; color:#fff; }
#komentar.pemisah {width:500px; height:2px; background:#fff; margin-buttom:3px; }