/*  
Theme Name: Sky Blue
Theme URI: http://kominfo.baubaukota.go.id/
Description: Badan Komunikasi, Informasi dan Pengolah Data, PEMERINTAH KOTA BAU-BAU
Version: R1
Author: Rochman Fathoni & Sofyan Adiyatma
Author URI: http://www.desainerweb.com/
*/


body {
	margin:0; padding:0;
	background:url(img/bgrmain.jpg) repeat-x;
	font:normal 12px Arial, Helvetica, sans-serif; color:#666;
}

img {
	border:0;
}

blockquote {
	margin:0 auto 15px auto; padding:15px;
	width:80%;
	background:#f0f4f7;
	border:1px solid #d9e4ef;
	color:#666;
}

.clear{ clear:both; height:0px; font-size:0px; line-height:0px; content:"";  }

/* ----------------------------------------------*/
/* B - TYPOGRAPHY */
/* ----------------------------------------------*/


h1 {
	font:bold 30px Arial, Helvetica, sans-serif; color:#333;
	line-height:33px;
	margin:0px; padding:0px;
}

	

h2 {
	margin:0 0 0px 0; padding:0;
	font:bold 28px Arial, Helvetica, sans-serif; color:#333;
}

	h2.titlepost {
		margin-bottom:20px;	
		}
	
	
	

h3 {
	margin:0 0 0px 0; padding:0;
	font:bold 23px Arial, Helvetica, sans-serif; color:#333;
}

	#beritaindex h3.judul {
		margin:0px; padding:0px;
		font-weight:normal; color:#333;	
		}
		
		#beritaindex h3.judul a {
			color:#333; text-decoration:none;
		}
		
		#beritaindex h3.judul a:hover {
			color:#484a4b; text-decoration:underline;
		}
	
	.post-content h3.title {
		margin:0px 0px 20px 0px; padding:0px;
		color:#333;
		border-bottom:1px solid #666;
	}
	
	.post-content h3.title a {
		text-decoration:none;
		color:#484a4b;
	}
	.post-content h3.title a:hover {
		text-decoration:underline;
	}
	
	
	.post-content ul li h3.titlelist {
		margin:0px; padding-bottom:5px;
		font-weight:normal; line-height:24px;
		}
	
	.post-content ul li h3.titlelist a {
		color:#333; text-decoration:none;
		}
	.post-content ul li h3.titlelist a:hover {
		color:#333; text-decoration:underline;
		}
	
h4 {
	margin:0px; padding:0px;
	font:bold 14px Arial, Helvetica, sans-serif; color:#333;
}

	#banerL h4.textbaner {
		margin:0px; padding:30px 20px 0px 20px;
		text-align:center;
		font:normal 14px Georgia, "Times New Roman", Times, serif; color:#ccc;
		}

	h4.katg {
		color:#039;
		padding-bottom:5px;
		}
	
	#otherinfo .oibox h4.katg {
		color:#060;
		border-bottom:0px solid #ccc;
		padding:10px 0px 5px 7px; margin:0px 0px 20px 0px;
		}
		
	
	#sambutan .sambRight h4 { 
		padding:0px 0px 10px 0px;
	}
	
	.post-content h4.titlepage {
		padding:0px 0px 10px 0px;
		font-weight:bold;
		color:#000; 
	}	


	.post-content ul li h4.titlelist {
		padding:0px 0px 0px 0px; margin:0;
		color:#333;
		}
	
	#mlTopLeft h4 {
		margin:0px; padding:25px 0px 5px 0px;
		font-weight:normal;
		}
	
h5 {
	margin:0 0 0px 0; padding:0;
	font:bold 12px Arial, Helvetica, sans-serif; color:#333;
}

	#beritaindex .biother h5 {
		width:auto; height:auto;
		margin:0px; padding-bottom:10px;
		}

	#beritaindex .biother .biotherbox h5 {
		width:auto; height:auto;
		margin:0px; padding:0px;
		}
	
	#beritaindex .biother .biotherbox h5 a {
		color:#333; text-decoration:none;	
		}
	#beritaindex .biother .biotherbox h5 a:hover {
		color:#060; text-decoration:underline;	
		}
		
	#weblink .weblinkbox h5.list {
		margin:0px 0px 0px 0px; padding:5px 0px 0px 0px;
		font:normal 12px Arial, Helvetica, sans-serif; color:#666;
		}
		
		#weblink .weblinkbox h5.list a {
			color:#666; text-decoration:none;	
		}
		#weblink .weblinkbox h5.list a:hover {
			color:#060; text-decoration:none;	
		}

	#footer h5 {
		margin:0px; padding:0px;
		font:normal 12px Arial, Helvetica, sans-serif; color:#eee;
		}
		#footer h5 a {
			color:#fff; text-decoration:none;	
		}
		#footer h5 a:hover {
			color:#eee; text-decoration:underline;	
		}



	.post-content h5.date{
		padding:0px 0px 20px 0px;
		font:normal 12px Arial, Helvetica, sans-serif; color:#666;
		}


		
	.post-content ul li h5.download {
		padding-bottom:10px;
		font-weight:normal;
		}	
		
	#childpage ul li h5 {
		margin:0px; padding:0px;
		font-weight:normal;  color:#666;
		}
		
		#childpage ul li h5 a {
			color:#666; text-decoration:none;
		}
		#childpage ul li h5 a:hover {
			color:#060; text-decoration:none;
		}
		
		
	
h6 {
	font:normal 11px Arial, Helvetica, sans-serif; color:#333;
	line-height:auto;
	padding:0px; margin:0px;
	}
	
	#beritaindex h6.tgl {
		margin:0px; padding:0px 0px 0px 0px;
		color:#666;
		}
	
	#beritaindex .biother .biotherbox h6.tgl{
		margin:0px; padding:0px;
		color:#666;
		}
	.post-content ul li h6.tgl {
		margin:0px; padding-bottom:0px; color:#666;	
		}
	
	
	
	
/* a */
a {
	color:#039;
	text-decoration:none;
	}
a:hover {
	color:#333;
	text-decoration:underline;
	}
	
/* p & a*/

p {
	margin:0px; padding:0px 0px 20px 0px;
	color:#333;
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:19px;
	}
	
	#sambutan .sambRight p { 
		padding:0px 0px 0px 0px;
		color:#333;
		font:normal 12px Arial, Helvetica, sans-serif;
		line-height:18px;
	}
	
	
	#beritaindex .bibox p {
		padding:0px 0px 0px 20px;
		color:#333;
		font:normal 12px Arial, Helvetica, sans-serif;
		line-height:18px;
		}
		
		#beritaindex .bibox p a {
			color:#060;
			text-decoration:none;
			}
		#beritaindex .bibox p a:hover {
			color:#060;
			text-decoration:underline;
			}
			
	#beritaindex .biother p {
		padding:0px 0px 0px 0px;
		color:#333; text-align:justify;
		font:normal 11px Arial, Helvetica, sans-serif;
		line-height:14px;
		}
		
		#beritaindex .biother p a {
			color:#060;
			text-decoration:none;
			}
		#beritaindex .biother a:hover {
			color:#060;
			text-decoration:underline;
			}		

	
	
	
.post-content ul li p {
	margin:0px; padding:0px 0px 5px 0px;
	text-align:justify;
	}

#mlTopLeft p {
	margin:0px; padding:0px;
	font:normal 12px Arial, Helvetica, sans-serif; color:#333;
	line-height:18px;
	text-align:justify;
	}
	
	#mlTopLeft p a {
		color:brown;
		text-decoration:none;
	}
	
	#mlTopLeft p a:hover {
		color:#333;
		text-decoration:underline;
	}

	#mlTopLeft ul li a {
		font:normal 12px Arial, Helvetica, sans-serif;
		color:brown;
		text-decoration:none;
		}
	#mlTopLeft ul li a:hover {
		color:brown;
		text-decoration:underline;
		}
		
#mlBottom p {
	margin:0px; padding-top:10px;
	font:normal 11px Arial, Helvetica, sans-serif; color:#333;
	}		

#fact p {
	margin:0px; padding:0px;
	font:normal 11px Arial, Helvetica, sans-serif; color:#666;
	}

	
.post-content ul li h4.titlelist a {
		color:#333;
		text-decoration:none;
		}
.post-content ul li h4.titlelist a:hover {
		color:#333;
		text-decoration:underline;
		}




/* Misc. */
.post-content p img, .post-content p img.left {
	padding: 3px 20px 10px 0px;
  	margin: 3px 10px 0px 0px;
	border:1px solid #ccc;
	padding:2px;
}

.post-content p img.right {
	padding: 2px;
	margin-left:10px;
}

.post-content p img.center {
	display: block;
	margin-bottom:10px;
  	margin-left: auto;
  	margin-right: auto;
	}

.post-content ul, .post-content ol {
	color:#333;
	padding:0; margin:0px 0px 25px 0px;
	line-height:16px;
}

.post-content ul ul, .post-content ol ol {
	margin-left: 20px; padding-top:5px;
}

.post-content li {
	list-style-position:disc;
	margin:0px 0px 10px 20px;
}

.post-content li li {
	margin:0px; padding:2px 0;
}


.post-content table {
	color:#333;
	padding:0px 0px 20px 0px;
	}
.post-content tr {
	}
.post-content td {
	padding:6px;
	border:1px solid #ccc;
	}
.post-content td.title {
	padding:6px;
	border:1px solid #ccc;
	background-color:#eee;
	}
/*-- page content */


/* ----------------------------------------------*/
/* C - STRUCTURE */
/* ----------------------------------------------*/

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 0;
}

.container {
	margin:0 auto; padding:0;
	width:970px; height:auto;
}

.aligncenter {
	display: block;
  	margin-left: auto;
  	margin-right: auto;
	}
.alignleft {
	float:left;
}

.alignright {
	float:right;
}

.center {
	display: block;
  	margin-left: auto;
  	margin-right: auto;
	}
	
.left {
	float:left;
}

.right {
	float:right;
}

#mainbox {
	width:auto; height:auto;
	margin:0px; padding:0px;
	background:url(img/bgrmain.gif) no-repeat top center;
	}
	
#topheader {
	width:944px; height:36px;
	margin:0px auto 0px auto; padding:0px 13px;
	}
	
#header {
	width:970px; height:108px;
	margin:0px; padding:0px;
	background:url(img/header.jpg) no-repeat;
	}
	
	#header img {
		width:970px; height:108px;
		margin:0px; padding:0px;
		border:0px;
		}
		
#menu {
	width:970px; height:46px;
	margin:0 auto; padding:0;
	background-color:#306;
	background:url(img/menubgr.jpg) repeat-x;
	/*  background:#EEE url(img/bgrMenu.jpg) repeat-x top left;*/
}

#baner {
	width:944px; height:207px;
	margin:0 auto; padding:0 13px;
	background-color:black;
	/* */ background:#EEE url(img/banerindexbgr.jpg) no-repeat top left;
	}
	
#banerinside {
	width:944px; height:133px;
	margin:0 auto; padding:0 13px;
	/**/ background:#030 url(img/banerinsidebgr.jpg) no-repeat; 
	}
	
	#banerinsideL {
		width:100px; height:100px;
		margin:0px;
		float:left;
		}
	#banerinsideR {
		width:100px; height:100px;
		margin:0px;
		float:left;
		}

		
#content {
	width:970px; height:auto;
	margin:0 auto; padding:0px; 
	background-color:#fff;
	/**/background:white url(img/contentbgr.jpg) repeat-y top left;
}

	#contentindex {
		width:944px; height:auto;
		padding:0 13px;
		background:url(img/contentbgrindex.jpg) no-repeat top center;
		}
		
	#contentinside {
		width:944px; height:auto;
		padding:0 13px;
		background:url(img/contentbgrinside.jpg) no-repeat top center;
		}
	
	#colLeft {
		width:195px; height:auto;
		margin:0; padding:0 13px 0 0;
		float:left;
		}
	
	#colCenter {
		width:528px; height:auto;
		padding:0;
		float:left;
		}
		
	#colRight {
		width:195px; height:auto;
		margin:0; padding:0 0 0 13px;
		/*background-color:red;*/
		float:left;
	}


#footer {
	width:970px; height:70px;
	margin:0 auto; padding-top:10px;
	background:url(img/footerbgr.jpg) no-repeat top center;
}


/* ----------------------------------------------*/
/*  CA - [ HEADER ]    */
/* ----------------------------------------------*/
#logoleft {
	width:341px; height:36px;
	padding:0px 0px 0px 0px;
	float:left;
	/*background-color:green;*/
	}
	
	#logoleft img {
		float:left;
	}

#logoright {
	width:559px; height:36px;
	padding:0px 0px 0px 0px;
	float:right;
	/*background-color:magenta;*/
	}
	
	#headmenu {
		width:auto; height:auto;
		padding:10px 15px 0px 0px;
		text-align:right;
		font-size:11px;
		color:#ccc;
		/*background-color:red;*/
		}
	
		#headmenu a {
			color:#ccc;
			text-decoration:none;
			}
		
		#headmenu a:hover {
			text-decoration:underline;
			}
	#headtgl {
		width:auto; height:27px;
		padding:0px 15px 0px 0px;
		text-align:right;
		font-size:11px;
		color:#999;
		}
	


/* ----------------------------------------------*/
/*  CB - [ MENU ]    */
/* ----------------------------------------------*/
#menunav {
	width:940px; height:40px;
	padding:0 15px;
	/*background-color:lightgreen;*/
	float:left;
	}
	
/*  search */
#search {
	padding:20px 0px 15px 14px; 
	background:url(img/sidelinespacer.gif) no-repeat bottom center;
	}

#search form {
	margin:0px;
	}

.searchcont {
	width:auto; height:auto;
	padding:0px 0px 0px 0px; margin:0px;
	}

	.searchfield {
		margin:0px;
		padding-top:1px;
		padding-left:0px;
		float:left;
		}
		
	.searchtext {
		width:128px; height:15px;
		padding: 3px 2px 2px 2px; margin-top:0px;
		float:left;
		border:1px solid #ccc;
		font-size:11px; color:#666;
		}
	
	.searchbutton {
		padding-top:1px;
		float:left;
		}



/* ----------------------------------------------*/
/*  CA - [ BANER ]    */
/* ----------------------------------------------*/

.banerL {
	width:500px; height:200px; 
	padding:0px 0px 0px 20px;	
	/*background-color:purple;*/ 
	float:left;
	}
	
	.banerexc {
		width:auto; height:110px;
		padding:40px 40px 10px 40px;
		text-align:center;
		}
	.runningtex {
		width:auto; height:20px;
		padding-top:4px;
		color:#fff;
		}
	
	
.banerR {
	width:386px; height:175px;
	padding:28px 0px 0px 0px;
	/*background-color:green;*/ 
	float:right;
	}
	
	
	

/* ----------------------------------------------*/
/*  BI - [ BANERINSIDE ]    */
/* ----------------------------------------------*/

#banerinsL {
	width:400px; height:100px; 
	padding:0px 0px 0px 0px;	
	/*background-color:gray; */
	float:left;
	}
	
	#banerinsL h1 {
		margin:0px; padding:0px;
		font:normal 30px Arial, Helvetica, sans-serif; color:#eee;
		}
	
	#banerinsL p {
		margin:0px; padding:10px 0px 0px 0px;
		font:normal 12px Arial, Helvetica, sans-serif; color:#fff;
		line-height:16px;
		}
		
	#banerinsL a {
		color:#FC0; text-decoration:none;
		}
	
	#banerinsL a:hover {
		color:#FC0; text-decoration:underline;
		}
	
#banerinsR {
	width:500px; height:100px;
	padding:0px 0px 0px 0px;
	/*background-color:green; */
	float:left;
	}
	
	#banerinsR img {
		width:400px; height:70px;
		border:none;
		}
	

/* ----------------------------------------------*/
/*  CC - [ CONTENT ]    */
/* ----------------------------------------------*/

/* Content LEFT */


	
#radionline {
	padding:15px 0px 15px 6px; margin-bottom:0;
	background:url(img/sidelinespacer.gif) no-repeat bottom center;
	}

#layanan {
	padding:0px 13px 15px 13px; margin-bottom:15px;
	background:url(img/sidelinespacer.gif) no-repeat bottom center;
	}
	
	#layanan .layananitem {
		padding:0 0 0px 0;
		}
		
		#layanan .layananitem .layananitemL {
			width:40px; height:auto;
			float:left;
			}
		#layanan .layananitem .layananitemR {
			width:128px; height:auto;
			padding-top:13px;
			float:left;
			}
		#layanan ul {
			margin:0px; padding:5px 0 0 0;
			list-style-type:disc;
			}
		#layanan li {
			margin-left:15px; padding:0px;
			}

#weblink {
	width:auto; height:auto;
	padding:0px 13px 0 13px ; margin-bottom:15px;
	}
	
	#weblink .weblinktitle {
		width:auto; height:auto;
		}
		
	#weblink .weblinkbox {
		width:auto; height:auto;
		padding:0px 0px 0px 0px;
		}
		
	#weblink .weblinkbox ul {
		margin:10px 0 0 0; padding:0px;
		list-style-type:circle; font-size:12px;
		}
		
	#weblink .weblinkbox ul li {
		margin-left:15px; padding-bottom:3px;
		}
	
	#weblink .weblinkbox .weblinkimg {
		width:auto; height:auto;
		padding:10px 0px;
		text-align:center;
		}	
	
		#weblink .weblinkbox .weblinkimg img {
			width:159px; height:85px;
			padding:2px;
			margin-bottom:5px;
			border:1px solid #ccc;
		}	
		

/* Content RIGHT */

#sambutan {
	padding:20px 13px 15px 13px; margin-bottom:15px;
	background:url(img/sidelinespacer.gif) no-repeat bottom center;
	}
	
	#sambutan p {
		margin:0px; padding:0px 0 10px 0;
		font:normal 12px Arial, Helvetica, sans-serif; color:#666;
		line-height:18px;
		}
	#sambutan .sambutanimg {
		text-align:center;
		padding-bottom:10px;
		}
	#sambutan .sambutanimg img {
		width:160px; height:160px;
		padding:2px; border:1px solid #ccc;
		
		}

#boxberita {
	padding:20px 13px 15px 13px; margin-bottom:15px;
	background:url(img/sidelinespacer.gif) no-repeat bottom center;
	}
	
	#boxberita h6 {
		margin:0px; padding:0px;
		font:normal 10px Arial, Helvetica, sans-serif; color:#666;
		}
	
	#boxberita .boxberitatitle {
		width:auto; height:auto;
		}
		
	#boxberita .boxberitabox {
		width:auto; height:auto;
		padding:0px 0px 0px 0px;
		}
		
	#boxberita .boxberitabox ul {
		margin:0px; padding:10px 0 0 0;
		list-style-type:circle; font-size:12px;
		}
		
	#boxberita .boxberitabox ul li {
		margin-left:15px; padding-bottom:5px;
		}
	
		
#arsip {
	padding:0px 13px 15px 13px; margin-bottom:15px;
	}
	
	#arsip h6 {
		margin:0px; padding:0px;
		font:normal 10px Arial, Helvetica, sans-serif; color:#666;
		}
	
	#arsip .arsiptitle {
		width:auto; height:auto;
		}
		
	#arsip .arsipbox {
		width:auto; height:auto;
		padding:0px 0px 0px 0px;
		}
		
	#arsip .arsipbox ul {
		margin:0px; padding:10px 0 0 0;
		list-style-type:circle; font-size:12px;
		}
		
	#arsip .arsipbox ul li {
		margin-left:15px; padding-bottom:5px;
		}
	
	#arsip .arsipbox .arsipimg {
		width:auto; height:auto;
		padding:10px 0px;
		text-align:center;
		}	
	
		#arsip .arsipbox .arsipimg img {
			width:159px; height:85px;
			padding:2px;
			margin-bottom:5px;
			border:1px solid #ccc;
		}
	
#beritaindex {
	width:auto; height:auto;
	padding:20px 13px 0 13px;
	background-color:white;
	}
	


/* ----------------------------------------------*/
/*  CSP - [ CONTENT SINGLE PAGE ]    */
/* ----------------------------------------------*/

/* Content SP LEFT */
#postcontent {
	width:auto; height:auto;
	padding:0; margin:10px 0;
	} 
#contentspRight {
	width:159px; height:auto;
	padding:0 20px; margin:10px 0;
	float:left; 
	} 
	
	#childpage {
		width:auto; height:auto;	
		}
		
		#childpage ul {
			margin:0px; padding:0px;
			list-style-type:square; font-size:10px; color:#ccc;
			}
		#childpage li {
			margin-left:15px; padding-bottom:7px;	
			}

/* ----------------------------------------------*/
/*  E - [ FOOTER ]    */
/* ----------------------------------------------*/
.footerL {
	width:300px;
	padding-left:26px;
	float:left;
	color:#fff; font-size:11px;
	}
.footerR {
	width:500px;
	padding-right:26px;
	float:right;
	text-align:right;
	}


/* ----------------------------------------------*/
/*  F - [ ADDON ]    */
/* ----------------------------------------------*/

/* Page Numbers */
.paging {
	padding:20px 30px 0px 15px;
	padding-bottom:20px;
	}
.pages {
 	font: normal 12px arial, helvetica, sans-serif;
    padding:20px 0; margin-top:30px;
	border-top:1px solid #EEE;
}

.pages a, .pages span {
	color:#369;
    display: block;
    float: left;
    padding: 4px 7px;;
    margin-right: 3px;
    background: #FFF;
}

.pages span.current {
    /*border: 1px solid #2E6AB1;*/
    font-weight: bold;
    background:#369;
    color: #fff;
}

.pages a {
    text-decoration: none;
}

.pages a:hover {
    /*border-color: #2E6AB1;*/
	background-color:#EEE;
}

.pages a.nextprev {
    font-weight: bold;
}

.pages span.nextprev {
    color: #666;
}

.pages span.nextprev {
    /*border: 1px solid #ddd;*/
    color: #999;
}

.pages .nextprev-next {
    float: right;
}


/*-- Form Content Inside --*/
.formContact {
	padding-top:10px;
	}

.formBar {
	padding:0px;
	margin-bottom:0px;
	}

.formContact .label {
	width:100px;
	height:22px;
	text-align:right; 
	float:left;
	padding:8px 10px 0px 0px;
	font-size:12px;
	}
	
.formContact .input {
	width:258px; 
	height:23px;
	font-size:12px;
	padding-left:5px;
	color:#999;
	border:1px solid #93bbdd; 
	background-color:white;
	float:left;
	padding-top:8px;
	margin-bottom:20px;
	}
	
.formContact .textarea {
	width:258px; 
	height:80px;
	font-size:12px;
	padding:8px 0px 0px 4px;
	color:#999;
	border:1px solid #93bbdd; 
	background-color:white;
	float:left;
	}
	

/* Galeri Foto */
#galeri {
	width:auto; height:auto;
	background-color:#eee;
	padding:10px 5px 10px 5px;

	}
	
	#galeri .galeribox {
		width:auto; height:auto;
		margin-bottom:5px; padding:13px 0px 25px 10px;
		background-color:#fff;
			background:#fff url(img/galshdw.gif) no-repeat bottom;
		}
	
	
.fotolist {
	padding:10px 0px 10px 7px;
	}
	
	.fotolist .fotolistbox {
		width:230px;
		padding:10px 0px;
		float:left;
	}
	.fotolist .fotolistboxspacer {
		width:30px; height:50px;
		float:left;
	}
	
	.fotolist img {
		width:220px; height:140px;
		padding:1px; border:1px solid #ccc;
		margin-bottom:10px;
		}
		

/* beritaindex */
.beritakolom {
	width:150px; height:auto;
	padding:0 13px;
	float:left;
	}
	
	.beritakolom h4 a {
		color:#333;	
		}
	.beritakolom h4 a:hover {
		color:#039;	
		}
	
	.beritakolom img {
		width:144px; height:90px;
		padding:2px; margin:5px 0;
		border:1px solid #ccc;
		}
	.beritakolom p {
		margin:0px 0 0 0 ; padding:0px 0 20px 0;
		font:normal 11px Arial, Helvetica, sans-serif;
		line-height:16px;
		}
	.beritakolom h6 {
		color:#666;	
		}