@charset "utf-8";
/* CSS Document
	by matagraphic
	mail: matagraphic@gmail.com 
*/

/*basic element*/
body {
	font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: justify;
    background: #9999FF url() top center repeat-x;
    color: #343434;
    margin: 0;
	}
h1 {
	margin:0px;
	padding:15px 0px 0px 15px;	
	font: 22px/24px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	}
hr {
	border-color: #CCCCCC;
	}	
ul li{list-style-type:none;}
a, a:hover {text-decoration: none;}	
img { border: 0; }

/* BINGKAI PANEL */
#wrapper {
    margin:auto;
    width: 800px;
	}
#wrappertop{
	width: 800px;
	height:25px;
	background: url(../images/wrapper_top.png) no-repeat;
	}
#wrappercontainer{
	padding-left:25px;
	padding-right:25px;
	width: 800px;
	background: url(../images/wrapper_body.png) repeat-y;
	}
#wrapperbottom{
	width: 800px;
	height:25px;
	background: url(../images/wrapper_bottom.png) no-repeat;
	}	

/* TOP PANEL */	
#headerimage{
    width: 750px;
	height: 160px;
	}	
#mainMenu {
	width:750px;
	height:40px;
	background: url(../images/menu_bg.png) repeat-x;		
	}
#mainMenu ul {
	width:710px;
	height:20px;
	}
#mainMenu ul li {
	float:left;
	width:135px;
	height:20px;
	}
#mainMenu ul li a {
	display:block;
	font:14px/40px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#FF3300;	
	}
#mainMenu ul li a:hover {
	text-decoration:none;
	color: #6633FF;		
	}
/* TOP PANEL */			

/* BODY PANEL */	
#bodyPan {
	width:750px;
	clear:both;
	}
/* Panel Kiri*/		
#pankiri {
	position:relative;
	float: left;
	width: 160px;
	}
#pankiri .satu {
	width: 160px;
	height:425px;
	background-color:#CCFF66;
	}
#pankiri .dua {
	width: 160px;
	height:425px;
	background-color:#CCFF66;	
	}
#pankiri .tibroOnline {
	width:160px;
	padding-bottom:15px;
	background-color: #CCFF66;
	}
#pankiri .profilOrbit {
	width:160px;
	height:850px;
	background-color: #CCFF66;
	}	
/* Panel Tengah*/		
#pantengah {
	width:430px;
	float:left;
	margin:0px;
	}
#pantengah_full {
	width:750px;
	float:left;
	margin:0px;
	background-color: #CCFF66;	
	}	
#pantengah_2kolom {
	width:590px;
	float:left;
	margin:0px;
	background-color: #D0D0D0;	
	}	
/* ANEKA WARNA UNTUK PILIHAN BODY TEKS ARTIKEL */
.artikelPutih {
	padding:0px 15px 0px 15px;
	line-height:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:left;
	}
.artikelHitam {
	line-height:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding:0px 15px 0px 15px;
	text-align:left;
	}
/* ANEKA WARNA UNTUK PILIHAN BODY TEKS ARTIKEL */
/* ANEKA WARNA UNTUK PILIHAN JUDUL ARTIKEL */	
.judulKuning {
	color:#FFFF33;
	}
.judulKuning a {
	color:#FFFF33;	
	}
.judulKuning a:hover {
	color: #FFFFFF;	
	}
.judulBiru {
	color: #000099;	
	}
.judulBiru a {
	color:#000099;
	}
.judulBiru a:hover {
	color: #000000;	
	}
.judulMerah {
	color: #CC0000;	
	}
.judulMerah a {
	color:#CC0000;	
	}
.judulMerah a:hover {
	color: #000000;	
	}
.judulHijau {
	color: #009900;	
	}
.judulHijau a {
	color:#009900;
	}
.judulHijau a:hover {
	color: #00CDA4;	
	}		
/* ANEKA WARNA UNTUK PILIHAN JUDUL ARTIKEL */
/* BACA SELENGKAPNYA */
.bacalengkap {
	text-align:right;
	margin-right:15px;
	}
.bacalengkap a {
	font:11px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#FF9900;
	}
.bacalengkap a:hover {
	font:11px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#00FF00;
	}	
/* ANEKA BOX BESAR BERWARNA WARNI UNTUK BACKGROUND ARTIKEL */
#pantengah #boxgiantHitam {
	width:590px;
	height:425px;
	background-color:#000000;
	margin:0px;
	}
#pantengah #boxgiantCyan {
	width:590px;
	height:425px;
	background-color:#00FFCC;
	margin:0px;
	}
#pantengah #boxbesarBiru {
	width:430px;
	height:550px;
	background-color:#000099;
	margin:0px;
	}
#pantengah #boxbesarMerah {
	width:430px;
	height:550px;
	background-color:#CC0000;
	margin:0px;
	}
#pantengah #boxbesarHijau {
	width:430px;
	height:550px;
	background-color: #339900;
	margin:0px;
	}
#pantengah #boxbesarAbu {
	width:430px;
	height:550px;
	background-color: #CCCCCC;
	margin:0px;
	}	
/* ANEKA BOX BESAR BERWARNA WARNI UNTUK BACKGROUND ARTIKEL */
/* ANEKA BOX SEDANG BERWARNA WARNI UNTUK BACKGROUND ARTIKEL */	
#pantengah #boxsedangBiru {
	width:430px;
	height:300px;
	background-color:#000099;
	margin:0px;
	}
#pantengah #boxsedangMerah {
	width:430px;
	height:300px;
	background-color:#CC0000;
	margin:0px;
	}
#pantengah #boxsedangHijau {
	width:430px;
	height:300px;
	background-color: #00CC00;
	margin:0px;
	}
#pantengah #boxsedangAbu {
	width:430px;
	height:300px;
	background-color: #CCCCCC;
	margin:0px;
	}
#pantengah #boxsedangOrange {
	width:430px;
	height:300px;
	background-color: #FF9900;
	margin:0px;
	}	
/* ANEKA BOX SEDANG BERWARNA WARNI UNTUK BACKGROUND ARTIKEL */
/* SETTING IMAGE UNTUK ARTIKEL */
.imageBesar {
	margin:0px;
	width:400px;
	height:300px;
	padding:0px 15px 5px 0px;
	position:relative;
	float:none;
	}
.imageSedang {
	margin:0px;
	width:200px;
	height:200px;
	padding:0px 5px 5px 15px;
	}
.imageArtikeldetail {
	margin:0px;
	width:300px;
	padding:0px 15px 5px 0px;
	}	
/* SETTING IMAGE UNTUK ARTIKEL */
#pantengah #komikTibro {
	width:590px;
	height:425px;
	padding:0px;
	background:#99FF99 url();
	margin:0px;
	float: none;
	}
#pantengah #komikObi {
	margin:0px;
	width:590px;
	height:425px;
	padding:0px;
	background-color: #FF3300;
	float:none;
	}
#pantengah #infoSekolah {
	width:430px;
	background-color: #FFFF33;
	margin:0px;
	padding: 0px 0px 15px 0px;
	}
/* SETTING BOX KHUSUS UNTUK HALAMAN YANG DITAMPILKAN */
#pantengah #boxtampilKuning {
	width:750px;
	background-color: #FFFF99;
	margin:0px;
	padding-bottom:20px;
	}
/* SETTING BOX KHUSUS UNTUK HALAMAN YANG DITAMPILKAN */
/* SETTING ARTIKEL KHUSUS UNTUK HALAMAN YANG DITAMPILKAN */	
.artikelTampil {
	line-height:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding:0px 15px 0px 200px;	
	}
/* SETTING ARTIKEL KHUSUS UNTUK HALAMAN YANG DITAMPILKAN */	
/* SETTING IMAGE KHUSUS UNTUK HALAMAN YANG DITAMPILKAN */	
.imageTampil {
	margin:0px;
	padding:0px 15px 0px 0px;
	position:relative;
	float:left;
	}
/* SETTING IMAGE KHUSUS UNTUK HALAMAN YANG DITAMPILKAN */		
/* Panel Tengah*/
/* Panel Kanan*/
#pankanan {
	position:relative;
	float: right;
	width: 160px;
	}
#pankanan .satu {
	width: 160px;
	height:425px;
	background-color:#CCFF66;		
	}
#pankanan .dua {
	width: 160px;
	height:425px;
	background-color:#CCFF66;
	}
#pankanan .orbitClub {
	width:160px;
	padding-bottom:15px;
	background-color: #CCFF66;
	}	
/* FOOTER PANEL */		
#footerPan {
	width:750px;
	clear:both;
	}		
#footerPan .alamat {
	width:750px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	font-style:normal;
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	background-color:#E8DBC9;	
	}
#footerPan .pengunjung {
	text-align:right;
	font-size:10px;
	color:#666666;
	line-height:12px;
	padding: 5px 5px 5px 0px;
	background-color:#E8DBC9;
	}
			
#footerPan .copyright {
	padding: 5px 5px 5px 0px;
	text-align:right;
	line-height:10px;
	font-size:9px;
	color:#999999;
	background-color:#FFFFFF;	
	}