/*  
Theme Name: Ijo Semerbak
Theme URI: http://www.baubaukota.go.id/
Description: Ijo Semerbak theme created by Rochman Fathoni (RFLab)
Version: 1.0.1
Author: Rochman Fathoni
Author URI: http://www.baubaukota.go.id


*/
* {
	padding:0;
	margin:0;
	outline:0;
}
/* li, dd { margin-left:5%; } */
.clear{ clear:both; height:0px; font-size:0px; line-height:0px; }
a img{ border:none; }

html{
	background-position:center top;
	background-repeat:repeat;
	/*background-image: url(img/bgr_html_2col.jpg); */
	background-image:url(img/bgr-center.jpg);
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { font-weight:normal; }

h1 {
	font-size: 48px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 21px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 11px;
}

p {
	font-size: 12px;
}



body{
	/* background:transparent url(img/bg_body.jpg) repeat-x left bottom; */
	color:#261A11;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

/*#wrapper{
	background:transparent url(img/bg_wrapper.jpg) repeat-x left top;
}*/

#container{
	/*background-image:url(img/bg_container_2col.jpg);
	background-position:center top;
	background-repeat:no-repeat;*/
	background-image:url(img/bgr-top.jpg);
	background-repeat:repeat-x;
}

#content{
	/*background-color:transparent;
	background-position:center bottom;
	background-repeat:no-repeat;*/
	background-position:center bottom;
	background-repeat:repeat-x;
	padding:0;
	background-image:url(img/bgr-bottom.jpg);
	/*background-image:url(img/bg_content_2col.jpg);
	background-color:magenta;*/
}







h1, h2, h3, h4, h5, h6{
	font-family: Arial, Tahoma, Verdana, Georgia, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

a{
	text-decoration: none;
	color: #090;
}

a:hover{ text-decoration: underline; }

a img{ border: 0; }



blockquote{
	margin: 15px 0 0;
	background: #faf5ef;
	color: #000;
}

blockquote p{ padding: 15px; }

blockquote blockquote{
	margin: 15px;
	background: #fff;
	color: #333;
}

code{
	background: #f9f9f9;
}

dt{ font-weight: bold; }

dd{ padding: 0 0 0 15px; }

hr{
	clear: both;
	margin: 15px 15px 5px 15px;
	border: 0;
	height: 1px;
	text-align: left;
	background: #ede5da;
	color: #ede5da;
}

small{
	font-size: 11px;
}


/* -------------------HEADER */
.logomenu {
	margin:0 auto;
	width:987px;
	height:176px;
	height /**/:176px;
	/*background-color:orange;*/
	background-image:url(img/banerspacer.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	
}

.logomenu .lm-left {
	width:210px;
	height:166px;
	float:left;
	/*background-color:yellow;*/
	}

.logomenu .lm-right {
	width:777px;
	height:166px;
	background-image:url(img/b-r-menu.jpg);
	background-repeat:no-repeat;
	/*background-color:blue;*/
	float:left;
	}

.logomenu .lm-bottom {
	width:987px;
float:left;
	}


/*-- LM left ---*/
a#logo_baubau{
	height:100px;
	width:300px;
	text-indent:-99999px;
	background-color:blue;
}




/*-- LM Right ---*/
.logomenu .toplink {
	height:26px;
	padding-top:4px;
	/* background-color:magenta;*/
	font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size:10px;
	color:#ccc;
	text-align:right;
	/*background-color:red;*/
	}
.logomenu .toplink a {
	color:#CCC;
	text-decoration:none;
}
	
.logomenu .toplink a:hover {
	color:#CCC;
	text-decoration:underline;
}
	
.logomenu .search {
	height:47px;
	padding:5px 10px 10px 570px;
	/*background-color:purple;*/
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ccc;
	}
.logomenu .menunav {
	width:552px;
	height:42px;
	padding:10px 0px 0px 0px;
	/*background-color:black;*/
	font-family:Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:white;
	float:left;
	
	}


/*------------------------berita .md-top  SEARCH ---------------*/
	
.cari {
	width:97px;
	height:15px;
	margin:0;
	padding:2px;
	border:1px solid #404814;
	/*background-color:red;*/
	background-image:url(img/bgr-fieldsearch.jpg);
	color:white;
	}

.submitcari {
	width:30px;
	margin:0;
	padding:1px;
	background-color:#333;
	color:white;
	border:1px solid black;
	font-size:10px;
	font-weight:bold;
	}



/* --------------------  MENU NAVIGASI -------*/

a#btn_home{
	padding:10px;
	height:48px;
	color:white;
	text-decoration:none;
	/* background-color:red; */
}
a#btn_home:hover, a#btn_home.selected{
	background-image:url(img/bgr-1.gif);
	background-position:0px -100px;
	color:darkgreen;
}

a#btn_profil{
	padding:10px;
	height:48px;
	color:white;
	text-decoration:none;
	/* background-color:red; */
}
a#btn_profil:hover, a#btn_profil.selected{
	background-image:url(img/bgr-1.gif);
	background-position:-4px -100px;
	color:darkgreen;
}

a#btn_pemerintahan{
	padding:10px;
	height:48px;
	/* background-color:red;*/
	color:white;
	text-decoration:none
}
a#btn_pemerintahan:hover, a#btn_pemerintahan.selected{
	background-image:url(img/bgr-2.gif);
	background-position:-1px -100px;
	color:darkgreen;
}

a#btn_potensi{
	padding:10px;
	height:48px;
	color:white;
	text-decoration:none;
	/* background-color:red; */
}
a#btn_potensi:hover, a#btn_potensi.selected{
	background-image:url(img/bgr-3.gif);
	background-position:-1px -100px;
	/*background-color:white; */
	color:darkgreen;
}

a#btn_wisata{
	padding:10px;
	height:48px;
	/* background-color:red; */
	color:white;
	text-decoration:none
}
a#btn_wisata:hover, a#btn_wisata.selected{
	background-image:url(img/bgr-4.gif);
	background-position:-1px -100px;
	color:darkgreen;
}

a#btn_petawilayah{
	padding:10px;
	height:48px;
	/*background-color:red;*/
	color:white;
	text-decoration:none
}
a#btn_petawilayah:hover, a#petawilayah.selected{
	background-image:url(img/bgr-5.gif);
	background-position:-1px -100px;
	color:darkgreen;
}

/* --------------------  END of MENU NAVIGASI -------*/


.logomenu .linksc-bnr {
	width:205px;
	height:50px;
	padding:10px 10px 0px 10px;
	/*background-color:gray;*/
	float:left;
	font-family:Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:white;
	}


/*-- End Of LM Right ---*/

.banerspacer {
	margin:0 auto;
	width:987px;
	height:15px;
	/*background-image:url(img/banerspacer.jpg);*/
	background-color:pink;
	}
	
.banerbox {
	margin:0 auto;
	/*margin:9px auto 0px auto;
	margin *//**/ /*:10px auto 0px auto;
	padding:00px 0px 0px 0px;*/
	
	width:987px;
	height:246px;
	background-image:url(img/shdw-b.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	/**/
	/*margin:16px 0px 0px 0px;
	margin :15px 0px 0px 0px;*/
	
	}

.banershadow {
	margin:0 auto;
	width:987px;
	height:19px;
	
	}










/* ---- INSIDE ---*/
.inside{
	margin:0 auto;
	width:987px;
	background-image:url(img/bgr-mdl.jpg);
}

.inside-footer {
	margin:0 auto;
	width:987px;
	height:31px;
	background-image:url(img/inside-footer.jpg);
	background-repeat:no-repeat;
	padding-bottom:20px;
	}
/* ---- END of INSIDE ---*/

/* --- Side Left --*/
.sideleft {
	width:167px;
	padding-left:36px;
	padding-right:7px;
	/*background-color:lightgreen;*/
	float:left;
}

.sideleft .menuleft a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	color:#900;
	}
.sideleft .menuleft a:hover {
	text-decoration:underline;
	color:navy;
	}
.sideleft .menuleft .menuleft-top {
	padding:5px;
	background-image:url(img/wleft-top.jpg);
	background-repeat:no-repeat;
	}
.sideleft .menuleft .menuleft-btm {
	padding:5px 5px  25px 5px  ;
	background-image:url(img/wleft-btm.jpg);
	background-repeat:no-repeat;
	}
.sideleft .menuleft .menuleft-mdl {
	padding:5px 17px 5px 3px;
	background-image:url(img/wleft-bgr.jpg);
	background-repeat:repeat-y;
	}
.sideleft .menuleft .menuleft-mdl .menuleft-item {
	padding-left:15px;
	padding-top:5px;
	border-bottom:1px solid #FF9;
	}

/*-- kecamatan dan instansi --*/
.sidelfet .leftlist {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	color:red;
	}
.sideleft .leftlist a:hover {
	text-decoration:underline;
	color:blue;
	}
.sideleft .leftlist .leftlist-top {
	height:13px;
	padding:7px;
	background-image:url(img/wwleft-top.jpg);
	background-repeat:no-repeat;
	color:white;
	}
.sideleft .leftlist .leftlist-btm {
	padding:5px 5px 25px 5px ;
	background-image:url(img/wwleft-btm.jpg);
	background-repeat:no-repeat;
	}
.sideleft .leftlist .leftlist-mdl {
	padding:5px;
	background-image:url(img/wwleft-bgr.jpg);
	background-repeat:repeat-y;
	}


/* ---- END of Side Left---*/



/* --- Side Center --*/
.sidecenter {
	width:493px;
	padding:10px 10px 10px 10px;
	float:left;
	background-color:white;
	border:1px solid gray;
}

.sidecenter .judulkolom {
	padding:0px 0px 5px 0px;
	color:#060;
	font-size:10px;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	}
.sidecenter .tglberita {
	padding:0px 0px 0px 0px;
	color:#060;
	font-size:11px;
	
	}
.sidecenter .judulberita {
	padding-bottom:10px;
	font-size:18px;
	font-weight:bold;
	line-height:22px;
	}

.sidecenter .isiberita {
	padding-bottom:10px;
	font-size:12px;
	text-align:justify;
	border-bottom:2px solid gray;
	}
	
.sidecenter .adv {
	margin-top:10px;
	border:1px solid gray;
	}

.sidecenter .sckolom {
	width:235px;
	padding-top:25px;
	float:left;
	}
.sidecenter .scspacer {
	width:23px;
	padding-top:10px;
	float:left;
	}
	
.sidecenter .sckolom .sctitle {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	padding-bottom:10px;
	color:#060;
	font-weight:bold;
	}
.sidecenter .sckolom .scmore {
	padding-top:10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	color:#060;
	font-weight:bold;
	text-align:center;
	border-top:1px solid gray;
	}

#links ul {
     list-style-type: none;
     width: auto;
} 

#links li {
        border: 1px dotted #999;
        border-width: 1px 0;
        margin: 3px 0;
	   background-color:#F7F7F7;
}

#links li a { 
        color: black;
        display: block;
        font: normal 13px Arial, Helvetica, sans-serif;
        padding: 5px 5px 5px 20px;
        text-decoration: none;
}

* html #links li a {  /* make hover effect work in IE */
	width: auto;
}

#links li a:hover {
        background: #ffffcc;
}

#links a em { 
        color: #333;
        display: block;
        font: normal 11px Arial, Verdana, Helvetica, sans-serif;
}

#links a span {
        color: #125F15;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}
	
	
	
	
	
	
	
	
/* ---- END of Side Center---*/









/* --- Side Right --*/
.sideright {
	width:221px;
	padding-left:15px;
	/*background-color:lightblue;*/
	float:left;
}

.sideright .iconright{
	width:211px;
	padding-bottom:10px;
	}
	
.sideright .iconright .iconbox{
	width:105px;
	height:90px;
	float:left;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	
	}
	
.sideright .iconright .iconbox a{
	color:#CC3300;
	}
	
	
.sideright .potretbox {
	width:211px;
	padding-bottom:10px;
	}

.sideright .potretbox .titlepotret {
	height:24px;
	background-image:url(img/t-potret.jpg);
	padding-bottom:5px;
	}

.sideright .potretbox .potretimage {
	padding:1px;
	border:1px solid #333;
	}

.sideright .potretbox .potretlink {
	margin-top:1px;
	padding:1px;
	font-size:11px;
	}

.sideright .imglinkbox {
	padding-bottom:5px;
	}

.sideright .imglinkbox .imglink {
	width:94px;
	height:49px;
	padding:2px;
	background-color:white;
	border:1px solid gray;
	float:left;
	margin-top:10px;
	}
.sideright .imglinkbox .imglinkspacer {
	width:11px;
	padding-top:10px;
	float:left;
	}
/* ---- END of Side Right---*/







/*--- #Footer -----------------------------------------------------------------------------*/

.footer{
	width:987px;
	height:368px;
	margin:0 auto;
	/*background-color:red;*/
	color:white;
}


.footer-top {
	width:907px;
	height:200px;
	padding:20px 40px 20px 40px;
	/*background-color:blue;*/
	}

.footer-window {
	width:252px;
	/*background-color:magenta;*/
	float:left;
	}
	

.footer-spacer {
	width:75px;
	height:180px;
	background-image:url(img/bgrfooterspacer.gif);
	/*background-color:red;*/
	float:left;
	}
	
.footer-window .fwtitle {
	height:16px;
	padding:10px 10px 10px 10px;
	background-image:url(img/bgr-titlefooter.jpg);
	background-repeat:no-repeat;
	font-size:14px;
	color:#ccff99;
	
	}
	
.footer-window .fwbox {
	height:163px;
	background-image:url(img/bgr-footerwindow.jpg);
	background-repeat:no-repeat;
	}

.footer-window .fwbox-map {
	height:163px;
	background-image:url(img/bgr-footerwindow.jpg);
	background-repeat:no-repeat;
	}

.footer-window .fwpolling {
	height:163px;
	background-image:url(img/bgr-footerwindow.jpg);
	background-repeat:no-repeat;
	text-align:center;
	}
	
.fasilitasumum {
	width:110px;
	float:left;
	padding-left:10px;
	padding-top:10px;
	}

.fasilitasumum li a {
	color:white;
	text-decoration:none;
	}
	
.fasilitasumum li a:hover {
	color:white;
	text-decoration:underline;
	}

.fasilitasumum ul  {
	font-size:10px;
	padding-left:15px;
	color:white;
	}


.letak {
	padding:10px 10px 10px;
	font-size:10px;
	}

.polling {
	padding:5px;
	}



	
.footer-bottom {
	width:967px;
	height:98px;
	padding:20px 10px 10px 10px;
	text-align:center;
	}	
	
	
.footer a{
	color:white;
}

.footer a:hover{
	color:green;
}





/*-- IINNSSSIIDDEE page ---*/
.banerboxinside {
	margin:0px auto;
	width:987px;
	height:160px;
	height /**/:160px;
	
	/**/background-color:green;
	background-image:url(img/banerinside.jpg);
	}
.banerboxinside .bbi-left {
	width:455px;
	height:110px;
	padding:10px 10px 10px 50px;
	float:left;
	color:#ccc;
	
	}
.banerboxinside .bbi-foto {
	width:363px;
	height:141px;
	padding:10px 5px 5px 9px;
	float:left;
	}
.imgbnrinside {
	width:356px;
	height:135px;
	background-color:red;
	}
	
.banerboxinside .bbi-gogaleri {
	width:90px;
	height:60px;
	padding-top:80px;
	/*background-color:orange;*/
	float:left;
	}

a#galerifoto {
	width:40px;
	height:55px;
	text-indent:-99999px;
	/*background-color:blue;*/
	float:left;
}



/* --- Side Center INSIDE --*/
.insidebox {
	width:585px;
	padding-left:10px;
	float:left;
}

.insidebox .insidestatus {
	padding:0px 10px 3px 15px;
	font-weight:normal;
	color:green;
	font-size:11px;
}

.insidebox .contentbox {
	width:540px;
	padding:10px 20px 10px 15px;
	background-color:white;
	border:1px solid gray;
	float:left;
}

.insidebox .contentboxright {
	width:108px;
	padding:10px 20px 10px 15px;
	background-color:white;
	border:1px solid gray;
	float:left;
}

/* --- Side Inside Right--*/
.insideright {
	width:130px;
	padding:3px 0px 0px 20px;
	float:left;
	}

.inswebadv {
	width:120px;
	height:200px;
	background-color:#eee;
	margin-bottom:10px;
	border:1px solid gray;
	}

.insweblink {
	width:110px;
	height:57px;
	border:1px solid gray;
	background-color:#EEE;
	padding:5px;
	margin-bottom:5px;
	}


/* --- Side Inside erita --*/
.berita-tgl {
	font-size:11px;
	color:green;
}
.berita-judul {
	padding-bottom:15px;
	font-size:18px;
	font-weight:bold;
	
}
.berita-isi {
	padding-bottom:10px;
	text-align:justify;
	
}
.berita-author {
	padding-bottom:20px;
	border-bottom:1px solid gray;
}