/** 
**************************************************************************************
*	kampoengti.css 	(Author : KampoengTI.com )
*	KTI Green Theme
* 	Develop March '09
*	Last update Aug '09, Sept '09
*	by O'Ram , Info@kampoengti.com
**************************************************************************************
*/

/* body */
body {margin: 0px;font-family:arial,sans-serif;font-size:13px;background-color:#E6F0A6;color:#333;}

/**
* Global Setting
*************************************************************************************
**/
/*Default Article*/
.artikel{clear:both;height:150px;}
.artikel .title A {font-family: Georgia, "Times New Roman", Times, serif;font-size:18px;font-weight:bold;line-height:1.1;}
.artikel .title A:hover{text-decoration:underline;color:orange;}
.artikel .resume{text-align:justify;font-weight:normal;}
.artikel .info{color:#999;font-size:11px;text-align:right;}
.artikel{padding:9px 0px;line-height:1.2em;border-bottom:1px dotted #BD4D00;}
.artikel .title A,.index A {color:#219210;font-weight:bold;}
.artikel .fotomember{float:right;border:1px solid #E2EF9C;padding:2px;margin:2px;}
.artikel .indexlist{padding:2px 0;border-bottom:none;}
.artikel .indexlist .title A{font-size:12px; color:#184D8C;}
.artikel .indexfind{padding:3px;border:1px solid #5694e1;background:#19458c url("../image/bg_search.gif") repeat-x left;color:#FFF;font-weight:bold;}
.artikel .datetime{color:red;font-size:11px;}
.artikel .rating A,
.artikel .penulis A{color:#BD4D00;font-size:11px;font-weight:bold;}
.artikel .kategori A{color:#2fa31f;font-size:11px;font-weight:bold;}
.artikel .rating A:hover,
.artikel .penulis A:hover,
.artikel .kategori A:hover{text-decoration:underline;}
.artikel .kategori A:hover{color:#9CCF00;}
.artikel .rating span,
.artikel .penulis span,
.artikel .kategori span{color:#BD4D00;font-size:11px;}
.artikel .penulis{color:#BD4D00;font-size:12px;}
.artikel .kategori{color:#2fa31f;font-size:12px;}
.artikel .index{border-bottom:1px solid #B5CF21;padding:3px; text-align:right;margin:1px 0;background-color:#E6F0A6;}

/* read content */
.readcontent{padding:5px;}
.readcontent .contenttokoh{line-height:1.8em;text-align:justify;}
.readcontent .contenttokoh .content-tumb{float:left;margin:5px;padding:3px;font-size:11px;}
.readcontent .contenttokoh .kota{font-weight:bold;color:#000;}
.readcontent .contenttokoh-title {font-family: Georgia, "Times New Roman", Times, serif;font-size:26px;font-weight:bold;color:#044604;line-height:1.1;}
.readcontent .contenttokoh-author {color:#ff0000;}
.readcontent .contenttokoh-subtitle{text-align:left;font-family: Georgia, "Times New Roman", Times, serif;font-size:18px;font-weight:bold;color:green;line-height:1.1;}
.readcontent .contenttokoh-date{text-align:left;color:#000;font-size:11px;}

.readcontent .contenttokoh UL{margin:0;}
.readcontent .contenttokoh UL LI{margin:0;padding:0;line-height:3px;}
.readcontent .contenttokoh A{color:green;font-weight:bold;}
.readcontent .contenttokoh A:hover{text-decoration:underline;}


/* Default Link*/
a{text-decoration:none;color:orange;}
li{list-style-type: none;}
TABLE{width:100%;}
/* Round Feb 2009 */
.round_border {display: block;}
.round_border *{ background: #fff;display: block;height: 1px;overflow: hidden;}
.round_border_layer3 {background: #99AF1D;border-left: 1px solid #99AF1D;border-right:1px solid #666666;margin: 0 3px;padding: 0 1px;}
.round_border_layer2 {border-left: 1px solid #99AF1D; border-right: 1px solid #99AF1D;margin: 0 2px;padding: 0;} 
.round_border_layer1 {border-left: 1px solid #99AF1D;border-right: 1px solid #99AF1D;margin: 0 1px;}
.round_border_content {
	border-left: 1px solid #99AF1D;
	border-right: 1px solid #99AF1D;
	background-color: #FFF;
	overflow: hidden;
	font-weight:bold;
	padding: 3px 6px;
	*zoom:1; /*ie*/
	*padding-bottom: 0.5em;
	}

/* button*/
.button{display: block;}
.button b {
	display: block;
	margin:0 1px;
	border:solid #aaa;
	border-width:1px 0;
	padding: 0;
	font-weight:bold;
	background:#fff url("../image/text-bg.gif") repeat-x 0 0;
	color:#224d79;
	}
.button:hover b {background:#fff url("../image/info-bg.gif") repeat-x 0 0;border-color: #888;}
.button b b {background:none;margin:0 -1px;padding: 0 5px 0 5px;border-width:0 1px;}
.button b b b {margin: 0;padding: 2px .2em;border-width: 0; cursor: pointer;}

.getround{-webkit-border-radius: 5px 5px;-moz-border-radius: 5px 5px;}

/*bgcolor*/
.bgcolor{border:1px solid #A0B81D;background:#FFF url("../image/bg-content.gif") repeat-x 0 0;}
/*Loader Image*/
.response {font-weight:normal;color:#000;text-align:center;}
.response span{font-weight:bold;color:orange;}


/*Form Style*/
form{padding:0px;margin:0px;}
.buttonsubmit{padding:0px 6px;}
.textbox{border:1px solid #7B8D16;background:#fff;}
.textbox.register{background:#fff;border:1px solid #ccc;}
.textbox:focus{border:1px solid #FF0000;}
.textbox.register:focus{border:1px solid #107500;}
.textbox.login{background-color:#E0EE95;}
.textbox.login:focus{border:1px solid green;background-color:#EFF7C8;border-bottom:1px solid #000;}
INPUT.textboxlarge{border:2px solid #ccc;height:30px;width:230px;font-size:16px;}
INPUT.textboxlarge:focus{border:2px solid #b5cf21;}

/* Submit Button*/
.bgbutton{cursor:pointer;border:none;color:#fff;height:22px;font-weight:bold;width:80px;background:transparent url("../image/button.png") no-repeat 0 0;}
.bgbutton.small{color:6b8600;background:transparent url("../image/button1.png") no-repeat 0 0;width:60px;}
.bgbutton:hover{background-position:-80 0;}
.bgbutton.small:hover{background-position:-60 0;}
.bgbutton:disabled{background-position:-160 0;color:#ccc;cursor:inherit;}

/*foto penulis*/
.foto{clear:both;overflow:hidden;padding:0 0 4px 0;}
.foto .frame{float:left;border:1px solid #639AFF;padding:4px;width:158px;height:208px;background-color:#fff;}
.foto .frame IMG{width:100%;height:100%;}
/*info penulis*/
.info_penulis,.info_penulis A{color:#FF0000;}
.info_penulis A{font-weight:bold;}
.info_penulis A:hover{text-decoration:underline;}

.message{color:#FF0000;font-size:9px;}
.register{padding:2px;}
.sample{color:green;font-size:11px;}
.location {text-align:right;padding:2px;border-bottom:1px solid #FFCC99;color:#FFCC99;margin-bottom:10px;}
.location A{font-weight:bold;}
/*tombol*/
.tombol{
	background:blue url("../image/tombolx.gif") repeat-x 0 0;
	border:2px solid #000;
	text-align:center;
	font-size:14px;
	color:#FFF;
	height:30px;
	width:200px;
	margin:auto;
	cursor:pointer;
	}
.tombol A{color:#FFF;font-weight:bold;display:block;height:30px;vertical-align:middle;}
.tombol A:hover,.tombol:hover{background:#3366FF url("../image/tombol.gif") repeat-x 0 0;text-decoration:underline;color:yellow;}
.tombol2{
	border:2px solid #000;
	background-color:orange;
	text-align:center;
	font-size:14px;
	height:20px;
	width:120px;
	cursor:pointer;
	}
.tombol2 A{
        font-weight:bold;
        display:block;
        height:20px;
        vertical-align:middle;
        background:#003399 url("../image/tombol.gif") repeat-x 0 0;
        color:yellow;
        }
.tombol2 A:hover,.tombol2:hover{text-decoration:underline;color:#FFF;}

/*Head*/
h3 {
	font: bold 11px Georgia, "Times New Roman", Times, serif;
	color: orange;
	text-align: left;
	text-transform: uppercase;
        padding: 3px 0;
	border-bottom: 1px solid orange;
	clear: both;
}
hr{border-style:dotted;border-width:thin;border-color:#CCCCCC;}
h2{
	border-bottom:1px solid #b5cf21;
	border-top:3px solid #157908;
	text-transform: uppercase;
	color:#107100;
	background-color:#FFF;
	text-align:right;
	padding:3px 0;
	font-weight:bold;
	margin:0 0 5px 0;
	font-size:12px;
}
h2 A{color:#107100;}
h5{margin:0 0 5px 0;padding-top: 2px;font-size:18pt;font-weight:bold; color:#999;}
h4{margin:2px;padding-right:10px;text-align:right;}



td{font-size:10pt;}
/**
**************************************************************************************
**/

/**
* Container
* Menu Bar Feb 2009
**/
#container{padding:6px 0 10px 0;background:#E6F0A6;width:100%;text-align:center;}

/**
* Header
* Navigation by Ram
* Menu Bar Feb 2009
***************************************************************************************************
**/
#container #header{}
 /*Header top*/
#kticari{
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
width:365px;margin:auto;height:32px;position:absolute;bottom:0;right:10px;
background-color:#c6dd49;padding:5px;border:1px solid #b5cf21;
border-bottom:none;}
#kticari .formcari{
	background: url("../image/carikecil_2.png") top left repeat-x;
	height:32px;
	background-repeat:no-repeat;
}
#kticari .formcari .inptextbox{height:32px;width:315px;float:left;}
#kticari .formcari .inptextbox INPUT{margin-left:72px;margin-top:4px;height:24px;width:240px;border:none;background-color:inherit;}
#kticari .formcari .inpbutton{float:left;height:32px;width:50px;cursor:pointer;}
	
#container #header .header-top{
	position:relative;
	background:#fff url("../image/bg_headerx.gif") repeat-x bottom left;
	border: 1px solid #99AF1D;
	min-height:80px;
	border-top:none;
	position:relative;padding:0;
	}
#container #header .header-top .logo{float:left;margin:6px;}
#container #header .rss{position:absolute;top:5px;right:5px;width:120px;}
#container #header .rss a,#container #header .rss IMG{border:none;}
 /* header menu */
#container #header .menu{
	/*padding: 0 0 0 2px;*/
	background:#107100 url("../image/back_atas.png") repeat-x;
	border-bottom:3px solid #183600;
	/*border: 1px solid #666666;*/
	/*border-top:1px solid #e6f0a6;*/
	/*border-top:none;*/
	text-align:left;
	clear: both;
	}
#container #header .menu UL{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	border: 0;
	white-space: nowrap;
	height: 25px;
	}
#container #header .menu UL LI{margin: 0;padding: 0;display: inline;list-style-type: none;}
#container #header .menu  ul a, #container #header .menu  ul strong, #container #header .menu  ul em {
	font-family:Arial,Tahoma,Verdana;
	font-weight:bold;
	display: block;
	padding: 8px 12px 8px 12px;
	text-decoration: none;
	color: #FFFFFF;
	white-space: nowrap;
	border-right: 1px solid green;
	float: left;
	}
html>body #container #header .menu   ul a, #container #header .menu   ul strong, #container #header .menu   ul em {padding: 8px 12px 6px 12px;	}
/* \ Hack to get IE5/Mac to ignore the following rule */
#container #header .menu  ul a {height: 1em; line-height: 1em;}
/* \ Hack to get IE5/Mac to ignore the following rule */
#container #header .menu  ul strong {height: 1em;line-height: 1em;}
/* \ Hack to get IE5/Mac to ignore the following rule */
#container #header .menu  ul em {height: 1em;line-height: 1em;}
#container #header .menu  ul em {float: none;border-style: none;display: block;	}
#container #header .menu  ul span {font-weight: bold;color: #FFF;}
#container #header .menu  ul span span {display: none;}
#container #header .menu  ul strong, #container #header .menu  ul strong span {color: #FFF;text-decoration: underline;}
#container #header .menu  ul a:hover,
#container #header .menu  ul a.change,
#container #header .menu  ul a:focus {
	text-decoration: none;
	color:#fff;
	border-left-width: 1px;
	border-right-width: 1px;
	border-right: 1px solid #DF5A02;
	background-color: #BB4C02;
	text-shadow:1px 1px 1px #000;
	}

#container #header .menu  ul li A.on {
	color: yellow;
	text-decoration: none;
	background-color:#183600;
	border-right: 1px solid #183600;
	text-shadow:1px 1px 1px #000;
	}
#container #header .menu  ul li A.on:hover{border-right: 1px solid #183600;}

#infobar{background-color:#ccced0;color:#000;text-align:center;position:relative;padding:3px 8px;font-weight:bold;
color:#183600;
border-left:1px solid #99AF1D;
border-right:1px solid #99AF1D;
border-bottom:1px solid #cbe052;
background:#b5cf21 url("../image/bg_infomenu.gif") bottom left repeat-x;
font-size:12px;
height:25px;}
#infobar .datecurrnews{width:200px;position:absolute;top:5px;text-align:left;}


#container #header  A{color:#107500;text-decoration:none;}
#container #header  A:hover{color:#BB4C02;text-decoration:underline;}

/**
*********************************************************************************************
**/

/**
* Footer by Ram
* Round Feb 2009
*********************************************************************************************
**/
#container #footer{}
#container #footer .info{color:#777;text-align:left;padding-bottom:8px;}
#container #footer .info A{color:#777;}
#container #footer .info .highlight A{color:green;}
#container #footer .info A:hover{color:#BB4C02;}
#container #footer .linkpage{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	background-color:#107100;
	padding:4px;
	color:#e6f0a6;
	border-top: 1px solid #666666;
	border-bottom:2px solid #e6f0a6;
	}
#container #footer .linkpage A{color:#B5CF21;padding:0 5px;font-weight:bold;}
#container #footer .linkpage A:hover{color:#fff;}
#container #footer .info A:hover{text-decoration:underline;}
#container #footer .round_border * {background: #107100;}
#container #footer .round_border_content{
font-weight:normal;
padding:0;margin:0;
text-align:center;
color:#000;
/*background-color:#107100;
border-left: 1px solid #99AF1D;
border-right: 1px solid #99AF1D;
border-top: 1px solid #99AF1D;*/
border:none;
background-color:inherit;
} 
/**
***********************************************************************************************
**/

/**
* Content LayOut
***********************************************************************************************
**/
#container #content{	
	text-align:center;
	color:#333;
	background:#f4fdc2;/* url(../image/../image/bg-content.gif) repeat-x 0 -40;*/
	margin:6px 0px;
	border-left: 1px solid #99AF1D;/*#666666;*/
	border-right: 1px solid #99AF1D;/*#666666;*/
	clear:both;
	overflow:hidden;
	text-align:left;
	}
#container #content .read{margin:5px;}
#container #content .read .contentleft{float:left;width:664px;}
#container #content .read .content{padding:10px;background-color:#fff;border:1px solid #eee;overflow:hidden;}
#container #content .read .contentright{float:right;width:300px;}

/* Comment*/
#container #content #comment{padding:4px;background-color:#f4fdc2;}
#container #content #comment .comment-list{margin:10px 0;overflow:hidden;position:relative;}
#container #content #comment .comment-list .comment-content{
	background-color:#fff;
	border:1px solid #f6eb8a;
	width:565px;
	position:relative;
	float:right;
}
#container #content #comment .comment-list .arrow{
	background:url("../image/comment_box_b.png") 0 0;
	width:15px;height:30px;position:absolute;left:-14px;top:10px;
}

#container #content #comment .comment-list .comment-content.active{background-color:#fdf8c9;}
#container #content #comment .comment-list .comment-content.active .arrow{background:url("../image/comment_box_a.png") 0 0;}
#container #content #comment .comment-list .comment-foto{
	float:left;
}
#container #content #comment #commentform .arrow-top{
	background:url("../image/comment_box_c.png") 0 -14;
	width:32px;height:12px;
	top:70px;
	left:120px;
	position:absolute;
}
#container #content #comment #commentform{background-color:#f6eb8a;margin-top:15px;background:#f6eb8a url("../image/logowarga.gif") no-repeat;background-position: 450px -14px;border-top:3px dotted #ffbf00;position:relative;}
#container #content #comment #commentform a{color:green;font-weight:bold;}
#container #content #comment #commentform TEXTAREA{border:2px solid transparent;}
#container #content #comment #commentform TEXTAREA:focus{border:2px solid orange;}


/*sitemap*/
#container #content .sitemap{font-weight:bold;text-align:right;color:#B5CF21;font-size:12px;}
#container #content .sitemap A{color:green;}
#container #content .sitemap A:hover{text-decoration:underline;}
/*Pagging*/
#container #content .paging{text-align:left;}
#container #content .paging UL{text-align:left;margin:0;}
#container #content .paging UL LI{display: inline;line-height:normal;cursor:pointer;}
#container #content .paging UL LI A{
	font-weight:bold;
	color:#FFF;
	padding:2px 6px;
	border:1px solid #185194;
	background:#19458c url(../image/bg_search.gif) repeat-x left;
	text-decoration:none;
	}
#container #content .paging UL LI A:hover,#container #content .paging UL LI A.selected{border:1px solid #A8D3FF;background-color:#A8D3FF;color:#00254F;background-image:none;}
#container #content .paging UL LI A.on{border:1px solid orange;color:#fff;background-image:none;background-color:orange;}
#container #content .paging UL LI A.focus{border:1px solid #A50408;color:#fff;background:red url(../image/bg_search_x.gif) repeat-x left;}
#container #content .paging UL LI A.focus:hover{border:1px solid #A50408;color:#fff;background-image:none;}
#container #content .paging UL LI A.disabled{background-color:#EEE;border:1px solid #CCC;color:#CCC;background-image:none;}
#container #content .paging UL LI A.disabled:hover{}
/**
***********************************************************************************************
**/
/**
* Header
**/
#container #content #headline{width:720px;font-size:10pt;}
html>body #container #content  #headline{width:717px;}
#container #content #headline .artikel{border:none;}
#container #content #headline .artikel .title A {color:#740808;}
#container #content #headline .artikel .title A:hover{color:#a72a2a;}
#container #content #headline .artikel .fotomember{border-color:#ffdd8e;background-color:#fde8b0;}
#container #content #headline .round_border * {background: #feb801;}
#container #content #headline .round_border_layer3  {background: #FFAC2F;border-left: 1px solid #FFAC2F;border-right:1px solid #FFAC2F;}
#container #content #headline .round_border_layer2{border-left: 1px solid #FFAC2F; border-right: 1px solid #FFAC2F;} 
#container #content #headline .round_border_layer1 {border-left: 1px solid #FFAC2F;border-right: 1px solid #FFAC2F;}
#container #content #headline .round_border_content{
	height:240px;
	padding-top:0;
	border:inherit;border:none;
	background:#feb801 url(../image/bg_headline.gif) repeat-x 0 0;
	color:#000;
	font-weight:normal;
	line-height:1.2em;
	}
/**
* Headline Bawah
**/
#container #content #headline-bawah{width:720px;margin: 4px 0 0 0;border:1px solid #E6F0A6;overflow:hidden;font-size:10pt;}
html>body #container #content #headline-bawah{width: 715px;}
#container #content #artikelterbaru{margin-bottom:5px;padding:5px 0;border:1px solid #E6F0A6;background-color:#f8ffd4;}
#container #content #artikelterbaru UL {padding:0 0 0 8px;margin:0px;}
#container #content #artikelterbaru LI  {
	font-size: 12px;
	padding: 2px;
	margin: 0 0 0 15px;
	list-style-type: square;
	list-style-position: outside;
	color:green;
	}
#container #content #artikelterbaru  .datetime{color:#ff0000;font-size:11px;}
#container #content #artikelterbaru  .title A{
font-family: Georgia, "Times New Roman", Times, serif;
color:green;font-weight:bold;}
#container #content #artikelterbaru  .title A:hover{text-decoration:underline;color:#FF0000;}

#container #content #artikelindeks{margin-bottom:5px;padding:5px 0;border:1px solid #E6F0A6;background-color:#f8ffd4;}
#container #content #artikelindeks UL {padding:0 0 0 8px;margin:0px;}
#container #content #artikelindeks LI  {
	font-size: 12px;
	padding: 2px;
	margin: 0 0 0 15px;
	list-style-type: square;
	list-style-position: outside;
	color:green;
	}
#container #content #artikelindeks  .datetime{color:green;font-size:11px;}
#container #content #artikelindeks  .title A{
font-family: Georgia, "Times New Roman", Times, serif;
color:#03617c;font-weight:bold;}
#container #content #artikelindeks  .title A:hover{text-decoration:underline;color:#FF0000;}
/**
* SideBar
**************************************************************************************
**/
#container #content #headline-bawah #sidebar{
	width:250px;
	text-align:center;
	float:right;
	background-color:#B5CF21;
	height:1150px;
	overflow:hidden;
	}
#container #content #headline-bawah #sidebar A{color:#BB4C02;}
#container #content #headline-bawah #sidebar A:hover{text-decoration:underline;}	
#container #content #headline-bawah #sidebar h2{
	color:#107100;
	text-align:left;
	background-color:#C2DD2B;
	margin:5px;
	border-bottom:1px solid #95a926;
	}
/*Random Penulis*/
#container #content #headline-bawah #sidebar .random-penulis{text-align:left;margin:2px 5px;}
#container #content #headline-bawah #sidebar .random-penulis .info-penulis{height:86px;padding:3px;clear:left;}
#container #content #headline-bawah #sidebar .random-penulis A{color:#056f79;}
#container #content #headline-bawah #sidebar .random-penulis .info-penulis.mouseover{background-color:#C6DF35}
#container #content #headline-bawah #sidebar .random-penulis .info-penulis .foto{float:left;margin:2px;padding:0px;border:1px solid #ccc;}
#container #content #headline-bawah #sidebar .random-penulis .info-penulis.mouseover .foto{border:1px solid #B5CF21;}
#container #content #headline-bawah #sidebar .random-penulis .info-penulis .infodusun{font-size:12px;color:#003D79;}
#container #content #headline-bawah #sidebar .random-penulis .info-penulis  i{color:#009966}

/* penulis all */
#container #content .penulislist{text-align:left;margin:2px 5px;height:600px;}
#container #content .penulislist .info-penulis{height:85px;padding:2px;margin:1px;float:left;width:200px;border:1px solid transparent;}
#container #content .penulislist .info-penulis.mouseover{background-color:#EFF5D3;border:1px solid #CEE377;}
#container #content .penulislist .info-penulis .foto{float:left;margin:2px;padding:0px;border:1px solid #ccc;}
#container #content .penulislist .info-penulis.mouseover .foto{border:1px solid #CEE377;}
#container #content .penulislist .info-penulis .infodusun{font-size:11px;color:#003D79;}
#container #content .penulislist .info-penulis .infodusun{font-size:11px;color:#003D79;}
#container #content .penulislist .info-penulis  A{color:#03617c;}
#container #content .penulislist .info-penulis  A:hover{color:green;}
#container #content .penulislist .info-penulis  i{color:#009966}

/*Facebook Group*/
.groupfacebook{
	border:1px solid #3B5998;
	padding:4px 2px 4px 60px;
	margin-bottom:5px;
	background:#6D84B4 url(../image/group.gif) no-repeat;
	}
.groupfacebook A{color:#fff;display:block;}
.groupfacebook A:hover{color:yellow;}
/*pengumuman*/
#container #content #headline-bawah #sidebar .penguman{text-align:left;margin:2px 5px;}	
/**
***************************************************************************************
**/
/**
* Article Content Show
***************************************************************************************
**/
#container #content #contentartikel{}
#container #content #contentartikel .fotomember{float:right;border:1px solid #E2EF9C;padding:2px;margin:0 2px 10px 10px;}
#container #content #contentartikel .datetime{
	height:70px;
	width:70px;
	background:transparent url("../image/back_tgl.png") no-repeat;
	float:left;
	}
#container #content #contentartikel .datetime .tanggal {
	color:#FFFFFF;
	margin: 0px;
	font-size:30px;
	padding: 10px 15px;
	text-transform:none;
	}
#container #content #contentartikel .datetime .bulantahun{
	color:#FFCC00;
	margin: 0px;
	padding: 0 7px;
	font-size:12px;
	}
#container #content #contentartikel ul li A{color:#133059;}	
#container #content #contentartikel ul li A:hover{text-decoration:underline;color:#0A507F;}
#container #content #contentartikel .title {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 120%;
	font-size: 26px;
	color: #647212;
	font-weight:bold;
	}
#container #content #contentartikel .subtitle{
	font-size: 16px;
	color: #006633;
	font-weight: bold;
	}
#container #content #contentartikel .readcontent{line-height:1.5em;clear:both;color:#000;}
#container #content #contentartikel .readcontent A.penulis{color:#740808;}
#container #content #contentartikel .readcontent A{color:green;font-weight:bold;}
#container #content #contentartikel .readcontent A:hover{text-decoration:underline;}
#container #content #contentartikel .readcontent .download{
	text-align:center;
	width:200px;
	padding:2px;
	background-image:url("../image/zipicon.png");
	background-repeat:no-repeat;
	background-position:40px 0;
	padding-top:80px;
	background-color:#eee;
	margin:0 8px 0 0;
	border:1px solid #ccc;
	color:#888;
	float:left;
	}	
/**
****************************************************************************************
**/	
#login{width:300px;margin:auto;text-align:center;padding:90px 0;}
#login DIV{padding:4px;}
/**
*Dusun List
******************************************************************************************
**/
#container #content #dusunlist {border:1px solid #E6F0A6;font-size: 12px;background-color:#fff;margin-bottom:5px;}
#container #content #dusunlist.semuadusun {border-color:#ddd;background-color:#f4f4f4;font-size: 12px;}
#container #content #dusunlist A{color:green;}
#container #content #dusunlist A:hover{text-decoration:underline;}
#container #content #dusunlist .title {
  padding:4px 10px;
  border:1px solid #E6F0A6;
  background-color:#E6F0A6;
  color:green;
  font-weight:bold;
  text-transform: uppercase;
}
#container #content #dusunlist .title A{color:green;}
#container #content #dusunlist .content{margin: 2px 10px;color:#99CC00;}
#container #content #dusunlist.semuadusun .content{margin:0;}
#container #content #dusunlist .subtitle {
	font-size: 14px;
	color: #B5CF21;
	text-align:right;
	margin: 0px;
	padding: 3px 0 3px 0;
	border-bottom: 1px dotted #c1c9a6;
	font-weight:bold;
}
#container #content #dusunlist.semuadusun .content .subtitle {font-size: 12px;color:#ccc;}
#container #content #dusunlist  span {color:#99CC00;}
#container #content #dusunlist ul {color:#B5CF21;padding: 2px 0 3px 10px;margin: 0;}
#container #content #dusunlist.semuadusun ul {color:#ccc;padding: 2px 3px;}
#container #content #dusunlist ul li,#headline ul li,.artikelterkait li  {
	font-size: 12px;
	padding: 2px;
	margin: 0 0 0 15px;
	list-style-type: square;
	list-style-position: outside;
}
#container #content #dusunlist ul li a{color:#008200;}
#container #content #dusunlist ul li a:hover{color:#FF0000;text-decoration:underline;}
/*
*********************************************************************************************
*/
#container #content #favartikel {
	border-left:1px solid #E6F0A6;
	border-right:1px solid #E6F0A6;
	border-top:1px solid #B5CF21;
	border-bottom:1px solid #B5CF21;
	clear:both;
	}
#container #content #favartikel .content,
#container #content #favartikel .headtitle{padding:2px 3px;}
#container #content #favartikel .headtitle{background-color:#E6F0A6;font-weight:bold;clear:both;height:18px;}
#container #content #favartikel .headtitle .bintang{float:right;}
#container #content #favartikel .content {background-color:#F3F8D1;padding:10px 2px;}
#container #content #favartikel .content .info{color:#ccc;font-size:11px;text-align:right;}
#container #content #favartikel .content .title{background-color:#F3F8D1;}
#container #content #favartikel .content .datetime{color:green;font-size:11px;}
#container #content #favartikel .content .title A {color:#B5CF21;font-family: Georgia, "Times New Roman", Times, serif;font-size:18px;font-weight:bold;}
#container #content #favartikel .content .title A:hover{text-decoration:underline;color:#FF0000;}
#container #content #favartikel .content .lainnya{border-top:1px solid #E6F0A6;margin:4px 0 0 0;}
#container #content #favartikel .content .lainnya UL {padding:0 0 0 8px;margin:0px;}
#container #content #favartikel .content .lainnya LI  {
	font-size: 12px;
	padding: 2px;
	margin: 0 0 0 15px;
	list-style-type: square;
	list-style-position: outside;
	color:green;
	}
#container #content #favartikel .content .lainnya .title A{color:green;font-size:12px;line-height:1em;}
/* Article LIst */

#container #content #side-kiri{width:465px;float:left}
html>body #container #content #side-kiri{width: 465px;	}

/* Set oversize */
#showinfo{color:#727b88;}
#container #header,#container #footer,#container #content{
	width:980px !important;
	margin:auto;
	margin-top:0;	
	}
#container #content{
	width:978px !important;
	_width:980px
	}

#container #content #milis {
	margin: 0;
	padding: 5px 0;
}
#container #content #milis .usermilis {
	margin: 5px 0 0 0;
	width: 76%;
	border: 1px solid #d2c47c;
}
#container #content #milis .submitmilis {
	margin: 5px 0 0 0;
	width: 20%;
	border: 1px solid green;
	background: #B5CF21;
	color: #000;
}


/** 
 Menu Hover
*/
.menuhover{
    position: absolute;
    visibility: hidden;
    border:2px solid #BB4C02;
    line-height: 18px;
    top: 0;
    z-index: 101;
    background-color:#f4fdc2; /*#E8E8E8;#8db3d3;*/
	text-align:left;
    width: 300px;
}
.menuhover A{
    width: 100%;
    display: block;
    border-bottom : 1px dotted #C7C7C7;
    padding: 2px 0;
    text-decoration: none;

    text-indent: 5px;
    /*opacity: 0.1;*/
    color: green; /*#fff;*/
}
.menuhover .subtitle{color:#b5cf21;font-weight:bold;}
.menuhover A span{color:#99CC00}
.menuhover A:hover{
    /*background-color:#595959;/*#cedeec;*/
    color:#ff0000;
    text-decoration:underline;
}
.menuhover hr{border:none;border-top:1px solid #000;margin:0;}

/*Abjad*/
.alfabet{clear:both;height:150px;text-align:center;margin:auto;padding:0 15px;}
.alfabet UL{margin:0;padding:0;}
.alfabet UL LI{width:30px;line-height:30px;float:left;margin:1px;}
.alfabet UL LI A{color:#fff;vertical-align:center;display:block;border:1px solid #bed24f;background-color:#d0e075;font-weight:bold;}
.alfabet UL LI A:hover{background-color:#073801;border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
border-top:1px solid #000;
border-left:1px solid #000;
}
.alfabet UL LI A.on{background-color:#1d5fa2;}

/* SOCIAL MEDIA */
.read .socialmedia{font-weight:bold;}
.read .socialmedia .bar{
	overflow:hidden;
	clear:both;
	}
.read .socialmedia .bar UL,.socialmedia .bar LI{padding:0;margin-left:4px;list-style-type:none;}
.read .socialmedia .bar LI {float:right;}
.read .socialmedia .bar LI  A{display:block;padding:3px 8px;height:20px;border:1px solid #ccc;background-color:#fff;color:#105670;}
.read .socialmedia .bar LI  A:hover{background-color:#eee;color:#bbb;}
.read .socialmedia  #boxshare{border:1px solid #ccc;margin-top:5px;display:none;position:relative;color:#ccc;
padding:10px 0;background-color:#fff;}
.read .socialmedia  A#closeshare{border:1px solid #ccc;position:absolute;right:5px;top:5px;padding:4px 6px;font-weight:bold;color:#000;}
.read .socialmedia  A#closeshare:hover{border:1px solid green;background-color:green;color:#fff;}
.read .socialmedia .sharecontent{padding:0 5px;}
.read .socialmedia .sharecontent a:hover{color:green;}
.read .socialmedia a.sharefacebook, .read .socialmedia a.sharetwitter,.read .socialmedia a.sharelintas,
.read .socialmedia a.sharewordpress,.read .socialmedia a.shareblogger,
.read .socialmedia a.sharegmail,.read .socialmedia a.shareymail,.read .socialmedia a.shareemail,
.read .socialmedia a.sharegtalk,.read .socialmedia a.shareym,.read .socialmedia a.sharelivem,
.read .socialmedia a.sharedigg{
	padding-left: 18px;
	line-height: 19px;
	padding-right:5px;
	height: 19px;
	font-size:11px;
	font-weight:bold;
	color:#aaa;
}
html>body .read .socialmedia a.sharefacebook,
html>body .read .socialmedia a.sharetwitter, 
html>body .read .socialmedia a.sharelintas,
html>body .read .socialmedia a.sharewordpress, 
html>body .read .socialmedia a.shareblogger,
html>body .read .socialmedia a.shareymail, 
html>body .read .socialmedia a.shareemail,
html>body .read .socialmedia a.sharegtalk, 
html>body .read .socialmedia a.shareym, 
html>body .read .socialmedia a.sharelivem ,
html>body .read .socialmedia a.sharedigg{
	padding-top: 2px;
	padding-bottom: 2px;
}
.read .socialmedia a.sharefacebook {background: url("../image/share.gif") 0 0 no-repeat;}
.read .socialmedia a.sharetwitter {background: url("../image/share.gif") 0 -19px no-repeat;}
.read .socialmedia a.sharelintas {background: url("../image/share.gif") 0 -38px no-repeat;}
.read .socialmedia a.sharegmail {background: url("../image/share.gif") 0 -114px no-repeat;}
.read .socialmedia a.shareymail {background: url("../image/share.gif") 0 -133px no-repeat;}
.read .socialmedia a.shareemail {background: url("../image/share.gif") 0 -152px no-repeat;}
.read .socialmedia a.sharegtalk {background: url("../image/share.gif") 0 -171px no-repeat;}
.read .socialmedia a.shareym {background: url("../image/share.gif") 0 -190px no-repeat;}
.read .descpage .socialmedia a.sharelivem {background: url("../image/share.gif") 0 -209px no-repeat;}
.read .socialmedia a.sharewordpress {background: url("../image/share.gif") 0 -76px no-repeat;}
.read .socialmedia a.shareblogger {background: url("../image/share.gif") 0 -95px no-repeat;}
.read .socialmedia a.sharedigg {background: url("../image/share.gif") 0 -209px no-repeat;}
A.infocontent{color:#105670;}
A.infocontent:hover{text-decoration:underline;}

.berita{text-align:left;padding:0 5px;background-color:#C6DF35;margin:0 5px;}
.berita ul.news-list {list-style-type:none;margin:0px;padding:0px;}
.berita ul.news-list .subtitle{color:#fff;}
.berita ul.news-list A{color:#e0f374;font-weight:bold;}
.berita ul.news-list A:hover{color:#fff;}
.berita ul.news-list li{padding:4px 0 4px 2px;border-bottom:1px }

.favoritarticle{background-color:#1b3f03;height:210px !important;padding:5px;color:#fff;}
.favoritarticle .artikel{border:none;}
.favoritarticle .artikel .title A{color:#b2cd1d;}
.favoritarticle h2{color:#fff;background-color:inherit;border:none;border-bottom:1px solid green;text-align:left;}

/* loader */
.loader1{background:url("../image/loader1.gif");height:16px;width:16px;}
.loader2{background:url("../image/loader2.gif");height:32px;width:32px;}
.loader3{background:url("../image/loader3.gif");height:42px;width:42px;}
.loader4{background:url("../image/loader4.gif");height:42px;width:42px;}
.loader5{background:url("../image/loader5.gif");height:16px;width:216px;}

A.btnlink{border:1px solid #999;text-decoration:none;padding:5px 10px;background-color:#eee;color:#555;font-weight:bold;margin:5px;}
A.btnlink:hover{border:1px solid #333;text-decoration:underline;}

/*PDF STAGE*/
.pdfstage{background-color:#eee;height:400px;border:1px solid #ccc;background-image:url("../image/pdfimage.png");background-repeat:no-repeat;background-position:250px 100px;position:relative;}
.pdfstage .pdf{position:absolute;left:250px;border:1px solid #ccc;top:250px;text-align:center;width:auto;}
.pdfstage .pdf A{display:block;padding:10px;}
.pdfstage .pdf A:hover{background-color:#333;color:#fff !important;}