body {
	font-family: Arial, Helvetica-Normal, sans-serif;
	font-size: 12px;
	color: #666;
	text-align: center;
	line-height: 145%;
	background-color: #FFFFFF;
	background-image: url(../images/bg11.gif);
	background-repeat: repeat-x;
	background-position: center top;
	margin: auto;
	padding: 0 0 12px 0;
} 

/*clearfix*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height:1%;}
*:first-child+html .clearfix {min-height:1px;} 

a:link, a:visited {
	color: #3B5998;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
table {
	font-family: Arial, Helvetica-Normal, sans-serif;
	font-size: 12px;
	color: #666;
}
h1, h2, h3, h4, h5, h6 {
	/*font-family: Georgia, "Times New Roman", Times, serif; */
	font-family:"Arial", Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	line-height: 125%;
	padding: 0;
	margin: 0;
}
.input {
	font-family: Arial, Helvetica-Normal, sans-serif;
	text-align: left;
	font-size: 11px;
	border: 1px solid #999;
}
.comentteks {
	font-family: Tahoma, Arial, Helvetica-Normal, sans-serif;
	text-align: left;
	background-color: #E8E9FF;
	border: 1px solid #9f79bf;
	width: 320px;
}
.inputsubmit {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica-Normal, sans-serif;
	text-align: center;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #e00;
	border: 1px solid #e00;
}
.date {
	padding: 0 7px 0 0;
	line-height: 115%;
}
.comment {
	padding: 0 7px 0 0;
}
.author {
	padding: 0;
}

/* HEADER ----------------------------------------------*/
#header {
background-color:#FFFFFF;
	width: 900px;
	text-align: left;
	margin: auto;
	padding: 0;
	clear: both;
}
#header .logo {
	width: 250px;
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
}
#header .bannerA {
	width: 650px;
	text-align: right;
	margin: 0;
	padding: 0 0 10px 0;
	float: left;
}
#header #menuutama {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #6E7C9D;
	background-image: url(../images/bgmenu.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #3a446c;
	/*	border-bottom: 1px solid #3a446c;
*/	clear: both;
	}
#header #menuutama ul {
	font-family: Tahoma, Arial, Helvetica-Normal, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 3px 0 0 0;
	border: 0;
	white-space: nowrap;
	height: 31px;
	}
#header #menuutama ul li {
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}
#header #menuutama ul a, #header #menuutama ul strong, #header #menuutama ul em {
	display: block;
	padding: 9px 8px;
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	white-space: nowrap;
	border-right: 1px solid #3a456c;
	border-left: 1px solid #7A6A99;
	float: left;
	}
html>body #header #menuutama ul a, #header #menuutama ul strong, #header #menuutama ul em {
	padding: 9px 8px;
	}
/* \ Hack to get IE5/Mac to ignore the following rule */
#header #menuutama ul a {
	height: 1em; line-height: 1em;
	}
/* \ Hack to get IE5/Mac to ignore the following rule */
#header #menuutama ul strong {
	height: 1em;
	line-height: 1em;
	}
/* \ Hack to get IE5/Mac to ignore the following rule */
#header #menuutama ul em {
	height: 1em;
	line-height: 1em;
	}
#header #menuutama ul em {
	float: none;
	border-style: none;
	display: block;
	}
#header #menuutama ul span {
	color: #FFFFFF;
	font-weight: bold;
	}
#header #menuutama ul span span {
	display: none;
	}
#header #menuutama ul strong, #header #menuutama ul strong span {
	background-color: #ff0000;
	color: #FFFFFF;
	text-decoration: underline;
	}
#header #menuutama ul strong a span {
	color: #cff2ff;
	text-decoration: underline;
	}
#header #menuutama ul a:hover, #header #menuutama ul a:focus {
	background-color: #333366;
	text-decoration: underline;
	border-right: 1px solid #7a6a99;
	border-left: 1px solid #3a456c;
	}
#header #menuutama ul a:hover, #header #menuutama ul a:focus, #header #menuutama ul a:hover span, #header #menuutama ul a:focus span {
	color: #FF0;
	border-bottom-width: 0;
	}
#header #menuutama ul strong a, #header #menuutama ul strong a:visited {
	float: none;
	display: inline;
	padding: 0;
	border-style: none;
	background-color: transparent !important;
	}
#header #menuutama ul li .on {
	color: #FF0;
	text-decoration: none;
	}
	
#header #searchon  {
	height: 35px;
	background : url(../images/bgdateon.gif) #fff repeat-x left top;
	margin: 1px 0 0 0;
	border-top: 3px solid #999;
	clear: both;
	padding: 0px 10px;
}
#header #searchon .dateon {
	width: 225px;
	text-align: left;
	margin: 0;
	padding: 7px 0 0 10px;
	float: left;
}
/*html>body #header #searchon .dateon {
	width: 225px;
}
*/#header #searchon .pencarian {
	width: 320px;
	text-align: left;
	margin: 0;
	padding: 0;
	float: left;
}
#header #searchon .cari01 {
	width: 80px;
	margin: 0;
	padding: 3px 0 0 0;
	float: left;
}
#header #searchon .cari02 {
	width: 170px;
	margin: 0;
	padding: 5px 0 0 0;
	float: left;
}
#header #searchon .cari03 {
	width: 55px;
	margin: 0;
	padding: 5px 0 0 0;
	float: left;
}
#header #searchon .cari04 {
	width: 120px;
	margin: 0;
	padding: 5px 0 0 0;
	float: left;
}
#header #searchon .cari05 {
	width: 80px;
	margin: 0;
	padding: 7px 0 0 0;
	float: left;
}
#header #searchon .input {
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 1px 0 2px 0;
	margin: 1px 0 0 0;
	border: 1px solid #ccc;
}
#header #searchon .inputsubmit {
	width: 65px;
	font-size: 11px;
	color: #fff;
	background: transparent;
	background-image: url(../images/bgbottomsearch.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0;
	padding: 2px 6px;
	border: 0px;
}
#header #searchon .rssfeed {
	width: 125px;
	text-align: right;
	margin: 0;
	padding: 7px 10px 0 0;
	float: left;
}
html>body #header #searchon .rssfeed {
	width: 125px;
}


	
/*--- Search ---*/
/*
#search {background-color: #fff;background-image: url(../images/bgdateon.gif);background-repeat: repeat-x;background-position: left top;padding: 0 10px;margin: 0;height: 38px;border-top: 3px solid #3a446c; font-size:11px;clear: both;}
#search .date {width: 215px;margin: 12px 0 0 0;float: left;}
#search .search-detiksearch {width: 390px;height: 30px;margin: 5px 0 2px 0;display: inline;background: url(../images/bg_search_form.gif) no-repeat 0 0;float: left;}
#search .search-detiksearch .logo {width: 3px;height: 28px;background: none;padding: 0;float: left;}
#search .search-detiksearch .input {background-image: url(../images/bg_search.gif);background-repeat: no-repeat;background-position: left center;height: 20px;line-height: 22px;font-size: 14px;border: none;width: 322px;margin: 3px 0 0 8px;color: #666;clear: none;float: left;}
#search .search-detiksearch .inputsubmit {height: 28px;width: 50px;padding: 0;float: left;border: none;background: none;cursor: pointer;clear:none;}
*/
#searchon .rss {width:260px; margin:0; padding:0; float:right; position:relative;}
#searchon .rss .icon2 {width:28px; height: 28px;}
#searchon .rss .text {width:142px; margin:0; padding:0; float:left; top:14px; position:relative; text-align:right;}
#searchon .rss .iconrss {width:auto;margin:0;padding:0;position:absolute;top:3px;right:0px;background-image: url(../images/icon_rsswp.gif);background-repeat: no-repeat;background-position: left bottom;float:right;}
#searchon .rss .iconfb {width:auto;margin:0;padding:0;position:absolute;top:3px;right:80px;background-image: url(../images/icon_fbwp.gif);background-repeat: no-repeat;background-position: left bottom;float:right;}
#searchon .rss .icontw {width:auto;margin:0;padding:0;float:right;position:absolute;top:3px;right:40px;background-image: url(../images/icon_twitterwp.gif);background-repeat: no-repeat;background-position: left bottom;}



/* PENGUMUMAN */
#pengumuman {
	background-image: url(../images/bgsearch.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #fff;
	height: 57px;
	margin: auto;
	/* margin-bottom: 8px; */
	padding: 0px;
	width: 900px;
	clear: both;
}
#pengumuman a:link {
	font-weight:bold;
	color: #fff;
	text-decoration:underline;
}
#pengumuman a:visited {
	color: #fff;
	text-decoration:underline;
}
#pengumuman a:hover {
	color: #ff0;
	text-decoration: none;
}
#pengumuman .loginform {
	margin: 0px;
	padding: 5px 15px 5px 20px;
	width: 600px;
	float: left;
}
html>body #pengumuman .loginform {
	width: 565px;
}
#pengumuman .loginform .iconlogin {
	height: 20px; 
	padding: 17px 10px 0 20px;
	float: left;
}
#pengumuman .loginform .textlogin {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	height: 20px;
	padding: 18px 14px 0 5px;
	float: left;
}
#pengumuman .loginform .username {
	text-align: left;
	width: 130px;
	height: 20px;
	padding: 3px 0 0 0;
	float: left;
}
#pengumuman .loginform .Password {
	text-align: left;
	width: 130px;
	height: 20px;
	padding: 3px 0 0 0;
	float: left;
}
#pengumuman .loginform .buttonlogin {
	text-align: left;
	height: 20px;
	padding: 0px 0 0 0;
	float: left;
}
#pengumuman .loginform .input {
	padding: 2px 0;
	margin: 2px 10px 0 0;
	border: 1px solid #DA8C03;
	width: 120px;
}
#pengumuman .loginform .inputsubmit {
	width: 55px;
	padding: 0;
	margin: 0 4px 0 0;
	border: 1px solid #e00;
}
html>body #pengumuman .loginform .inputsubmit {
	padding: 1px 0;
	margin: 0 10px 0 0;
}
#pengumuman .mendaftar {
	height: 34px;
	font-family: Verdana, Arial, Helvetica-Normal, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background: url(../images/signupbackground.gif) no-repeat scroll center top;
	margin: 10px 0px 0px;
	padding: 8px 0px 5px 0px;
	text-align: center;
	width: 270px;
	float: left;
}
#pengumuman .loginon {
	font-size: 20px;
	text-align: left;
	line-height: 130%;
	margin: 0px;
	padding: 15px 15px 5px 60px;
	width: 540px;
	float: left;
}
html>body #pengumuman .loginon {
	width: 465px;
}
#pengumuman .logout {
	font-family: Verdana, Arial, Helvetica-Normal, sans-serif;
	font-size: 12px;
	margin: 10px 0px 0px;
	padding: 10px 0px 5px 0px;
	text-align: center;
	width: 330px;
	float: left;
}

/* HEIGHLIGHT --*/
#highlight {
	width: 900px;
	color: #333;
	text-align: left;
	padding: 0;
	margin: auto;
	margin-top: 8px;
	border-right: 1px solid #e2e2e2;
	background-color: #EEEEEE;
	clear: both;
}
#highlight #hlhighlight {
	background-color: #C1C5D0;
	background-image: url(../images/bgblogstar.gif);
	background-repeat: repeat-x;
	width: 586px;
	height: 262px;
	padding: 4px 10px 0px 10px;
	margin: 0;
	border-right: 8px solid #fff;
	overflow: hidden;
	float: left;
}
html>body #highlight #hlhighlight {
	width: 556px;
	height: 250px;
	padding: 5px 10px 8px 14px;
}
#highlight #hlhighlight a:link, #highlight #hlhighlight a:visited {
	color: #3D465A;
}
#highlight #hlhighlight a:hover {
	color: #E41616;
	text-decoration: none;
}
#highlight #hlhighlight h1 {
	font-weight: normal;
	font-size: 22px;
}
#highlight #hlhighlight h2 {
	font-size: 15px;
	color: #f30;
	margin: 0 0 3px 0;
}
#highlight #hlhighlight h3 {
	font-family: Arial, Helvetica-Normal, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin: 4px 0 12px 200px;
	border-top: 1px solid #c6cad3;
	border-bottom: 1px solid #c6cad3;
	padding: 3px 0;
}
#highlight #hlhighlight .petunjuk {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family:"Arial", Helvetica, sans-serif; 
	font-weight: bold;
	text-align: left;
	line-height: 115%;
	font-size: 18px;
	padding: 0;
	margin: 0 6px 4px 0;
	clear: both;
	color: #3D465A;
}
#highlight #hlhighlight .image {
	text-align: center;
	padding: 5px;
	margin: 0 15px 0  0;
	float: left;
	background: #3D465A;
	width: 180px;
}
#highlight #hlhighlight .artis {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	padding: 0 5px 5px 5px;
	margin:0;
	clear: both;
	color: #fff;
	width: auto;
}
#highlight #hlhighlight .date {
	padding: 0 8px 0 0;
}
#highlight #hlhighlight .comment {
	padding: 0 8px 0 0;
}
#highlight #hlhighlight .author {
	padding: 0 8px 0 0;
}
#highlight #hlhighlight .sliderwrapper {
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 482px;
	height: 210px;
	padding: 5px 0 0 0;
	float: left;
}
html>body #highlight #hlhighlight .sliderwrapper {
	width: 474px;
	height: 230px;
}
#highlight #hlhighlight .sliderwrapper .contentdiv {
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0px;  /*leave as is*/
	top: 0;  /*leave as is*/
	padding: 0;
	width: 465px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%;
	display: block;
	z-index: 114;
	/* opacity: 100%; */
}
#highlight #hlhighlight .sliderwrapper .contentdiv .image {
	text-align: center;
	padding: 0px;
	margin: 0 15px 0  0;
	background: #3D465A;
	width: 190px;
	float: left;
}
#highlight #hlhighlight .sliderwrapper .contentdiv img {
	border: 0px solid #3D465A;
	padding: 0px;
	margin: 5px;
}
#highlight #hlhighlight .pagination {
	width: 75px;
	height: 230px;
	margin: 0;
	padding: 0;
	float: left;
}
#highlight #hlhighlight .pagination a {
	clear: both;
	width: 65px; /*width: 320px;*/
	height: 65px;
	overflow: hidden;
	display: block;
	margin: 0px;
	padding: 0;
	text-decoration: none;
	background-color: #3D465A;
	border: 3px dashed #fff;
}
/*html>body #highlight #hlhighlight .pagination a {
	padding: 0;
	width: 70px;
	height: 70px;
}
*/#highlight #hlhighlight .pagination a.selected {
	background-color: #FFFFFF;
	border: 3px dashed #f00;
}
#highlight #hlhighlight .pagination ul {
	margin: 0;
	padding: 0;
}
#highlight #hlhighlight .pagination ul li {
	margin: 0;
	padding: 1px;
	list-style: none;
	text-align: center;
	clear: both;
}
#highlight #hlhighlight .pagination ul li img {
	float: none;
	margin: 0;
	height: 70px;
	width: 70px;
}
#highlight .bannerB1 {
	width: 312px;
	padding: 6px 0;
	margin: 0;
	float: left;
}

/* CONTENT ----------------------------------------------*/
#content {
	width: 900px;
	text-align: left;
	background-color: #FFFFFF;
	margin: auto;
	padding: 16px 0 0 0;
	border-right: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	clear: both;
}
html>body #content {
	width: 899px;
}
#content a:link {
	color: #3B5998;
}
#content a:visited {
	color: #3B5998;
}
#content a:hover {
	color: #ff0000;
}
#content .bannerBCD {
	text-align: center;
	margin: 0;
	padding: 12px 0;
	border-top: 1px solid #E2E2E2;
	clear: both;
}
#content #kiri {
	width: 353px;
	text-align: left;
	padding: 0 14px 5px 13px;
	margin: 0;
	float: left;
}
html>body #content #kiri {
	width: 326px;
}
#content #kiri h1 {
	font-size: 13px;
	margin: 0;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family:"Arial", Helvetica, sans-serif; 
	line-height: 120%;
}
#content #kiri h2 {
	font-size: 12px;
	color: #009999;
}
#content #kiri h3 {
	font-family: Tahoma, Arial, Helvetica-Normal, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin: 2px 0 6px 0;
}
#content #kiri h4 {
	font-size: 18px;
	color: #112344;
	font-weight: normal;
	letter-spacing: 1px;
	background-image: url(../images/bgh4kiri.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 4px 0 6px 10px;
	margin: 0 0 15px 0;
	border-top: 1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	clear: both;
}



#content #kiri h4 a:link, #content #kiri h4 a:visited  {
	color: #112344;
}
#content #kiri h5 {
	font-size: 18px;
	/*color: #112344;*/
	color: #fff;
	/*background-image: url(../images/bgh4kiri.gif);*/
	background-image:url("../images/bgmenu.gif");
	background-repeat: repeat-x;
	background-position: left top;
	padding: 4px 0 6px 10px;
	margin: 20px 0 5px 0;
	border-top: 1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	clear: both;
	font-weight: normal;
	letter-spacing: 1px;
}
#content #kiri h5 a:link {
	color: #8600a0;
}
#content #kiri h5 a:visited {
	color: #8600a0;
}
#content #kiri h6 {
	font-size: 11px;
	color: #fff;
	text-align: right;
	padding: 3px 0;
	margin: 3px 0 0 0;
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	clear: both;
}
#content #kiri .date {
	color: #737373;
	font-size: 10px;
}
#content #kiri .image {
	padding: 3px;
	margin: 3px 8px 1px 0;
	float: left;
	border: 1px solid #e2e2e2;
	background: #b3b3b3;
}
#content #kiri .postingpilihan {
	padding: 0;
	margin: 3px 0 0 0;
	clear: both;
}
#content #kiri .postingpilihan h6 {
	font-size: 12px;
	color: #3780b6;
	text-align: left;
	padding: 3px 0;
	margin: 15px 0 2px 0;
	border-bottom: 1px solid #e2e2e2;
	clear: both;
}
#content #kiri .postingpilihan ul {
	padding: 0 0 10px 20px;
	margin: 0;
	clear: both;
}
#content #kiri .postingpilihan ul li {
	padding: 4px 0;
	margin: 0;
	list-style-type: square;
	list-style-position: outside;
	clear: both;
}
#content #kiri .postingpilihan ul li a {
	color: #666;
}
#content #kiri .postingpilihan ul li h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 3px 0;
	margin: 0;
}
#content #kiri .postingpilihan ul li h3  {
	font-size: 10px;
	padding: 0;
	margin: 0;
}
#content #kiri .promoads {
	margin: 25px 0 0 0;
	text-align: center;
	clear: both;
}

#content #kiri .postingterbaru {
	padding: 6px 0 0 0;
	margin: 0;
	clear: both;
}
#content #kiri .postingterbaru h6 {
	font-size: 12px;
	color: #3780b6;
	text-align: left;
	padding: 3px 0;
	margin: 15px 0 2px 0;
	border-bottom: 1px solid #e2e2e2;
	clear: both;
}
#content #kiri .postingterbaru hr {
	padding: 0;
	margin: 9px 0;
	clear: both;
}
#content #kiri .postingterbaru ul {
	padding: 0 0 10px 20px;
	margin: 0;
	clear: both;
}
#content #kiri .postingterbaru ul li {
	padding: 4px 0;
	margin: 0;
	list-style-type: square;
	list-style-position: outside;
	clear: both;
}
#content #kiri .postingterbaru ul li a {
	color: #666;
}
#content #kiri .postingterbaru ul li h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 0;
	margin: 0;
}
#content #kiri .postingterbaru ul li h3  {
	font-size: 10px;
	padding: 0;
	margin: 0;
}

#content #kiri .pencarian {
	background-color: #FFFFFF;
	margin: 15px 0 0 0;
	padding: 45px 0 10px 0;
	text-align: center;
	background-image: url(../images/bg_indekswp.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 45px;
	clear: both;
}
#content #kiri .pencarian .headcari {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	text-align: left;
	font-weight: bold;
	background-color: #339999;
	margin: 0 0 6px 0;
	padding: 4px 0 4px 12px;
	clear: both;
}
#content #kiri .pencarian .inputteks {
	font-family: Tahoma, Arial, sans-serif;
	text-align: left;
	font-size: 12px;
	padding: 2px;
	border: 1px solid #bfbfdf;
}
#content #kiri .pencarian .bottomteks {
	font-size: 12px;
	font-family: Tahoma, Arial, sans-serif;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #EE0000;
	border: 1px solid #EE0000;
	padding: 1px 0;
}

#content #kiri .bannerB2 {
	text-align: center;
	background-color: #f5edff;
	padding: 5px;
	margin: 30px 0 20px 0;
	border: 1px solid #d2c1ec;
	clear: both;
}

#content #kiriisi {
	width: 579px;
	text-align: left;
	padding: 1px 0 15px 13px;
	margin: 0;
	float: left;
}
html>body #content #kiriisi {
	width: 565px;
}
#content #kiriisi h1 {
	font-size: 13px;
	margin: 2px 0;
	line-height: 22px;
}
#content #kiriisi h1 a:link, #content #kiriisi h1 a:visited {
	color: #112344;
}
#content #kiriisi h1 a:hover {
	color: #f00;
}
#content #kiriisi h2 {
	font-size: 12px;
	color: #006699;
}
#content #kiriisi h3 {
	font-family: Arial, Helvetica-Normal, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin: 2px 0 6px 0;
}
#content #kiriisi h4 {
	font-size: 18px;
	color: #112344;
	background-image: url(../images/bgh4kiri.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 4px 0 10px 10px;
	margin: 0;
	border: 1px solid #e2e2e2;
	border-bottom:0;
	clear: both;
	background-color: #EFF0F2;
	font-weight: normal;
}
#content #kiriisi h4 a:link {
	color: #8600a0;
}
#content #kiriisi h4 a:visited {
	color: #8600a0;
}
#content #kiriisi h5 {
	font-size: 11px;
	color: #037f87;
	text-transform: uppercase;
	background-image: url(../images/bgh4kiri.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 4px 0 10px 10px;
	margin: 45px 0 2px 0;
	border: 1px solid #e2e2e2;
	clear: both;
}
#content #kiriisi h5 a:link {
	color: #8600a0;
}
#content #kiriisi h5 a:visited {
	color: #8600a0;
}
#content #kiriisi .date {
	color: #666666;
	font-size: 10px;
}
#content #kiriisi .image {
	padding: 3px;
	margin: 3px 10px 3px 0;
	float: left;
	border: 1px solid #e2e2e2;
	background: #b3b3b3;
}
#content #kiriisi .contentlain {
	padding: 7px 10px 7px 5px;
	margin: 0;
	clear: both;
	background-color: #fff;
	background-image: url(../images/bg_kiriisi.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #e2e2e2;
}
html>body #content #kiriisi .contentlain {
	padding: 7px 15px;
}
#content #kiriisi .contentlain ul {
	padding: 0;
	margin: 0;
	clear: both;
}
#content #kiriisi .contentlain ul li {
	min-height: 90px;
	height: auto !important;
	height: 80px;
	padding: 8px 0;
	margin: 5px 0 15px 0;
	list-style-type: none;
	list-style-position: inside;
	border-bottom: 1px solid #D8D4D4;
	clear: both;
}
#content #kiriisi .contentlain .paging {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #D7D4E5;
	padding: 10px;
	margin: 2px 0 5px 0;
	border: 1px solid #B4AECC;
	clear: both;
}
#content #kiriisi .contentlain .paging a {
	padding: 4px 6px;
	text-decoration: none;
	color: #e00;
	border: 1px solid #A099BF;
	background-color: #fff;
}
#content #kiriisi .contentlain .paging a:link {
	color: #e00;
}
#content #kiriisi .contentlain .paging a:hover {
	color: #fff;
	background-color: #e00;
}
#content #kiriisi .contentlain .paging a.selected {
	color: #fff;
	background-color: #e00;
	border: 1px solid #fff;
}
#content #kiriisi .contentindeks {
	padding: 7px 10px 15px 5px;
	margin: 0;
	clear: both;
	background-color: #fff;
	background-image: url(../images/bg_kiriisi.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #e2e2e2;
}
html>body #content #kiriisi .contentindeks {
	padding: 7px 15px;
}
#content #kiriisi .contentindeks ul {
	padding: 7px 0 10px 0;
	margin: 0;
	clear: both;
}
#content #kiriisi .contentindeks ul li {
	padding: 8px 0;
	margin: 0;
	list-style-type: none;
	list-style-position: inside;
	border-bottom: 1px solid #D8D4D4;
	clear: both;
}
#content #kiriisi .contentindeks .paging {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #D7D4E5;
	padding: 10px;
	margin: 2px 0 5px 0;
	border: 1px solid #B4AECC;
	clear: both;
}
#content #kiriisi .contentindeks .paging a {
	padding: 4px 6px;
	text-decoration: none;
	color: #e00;
	border: 1px solid #A099BF;
	background-color: #fff;
}
#content #kiriisi .contentindeks .paging a:link {
	color: #e00;
}
#content #kiriisi .contentindeks .paging a:hover {
	color: #fff;
	background-color: #e00;
}
#content #kiriisi .contentindeks .paging a.selected {
	color: #fff;
	background-color: #e00;
	border: 1px solid #fff;
}

#content #kiriisi .contentisi {
	min-height: 600px;
	height: auto !important;
	height: 700px;
	padding: 20px 20px;
	margin: 0;
	background-color: #fff;
	background-image: url(../images/bg_kiriisi.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #e2e2e2;
	clear: both;
}
html>body #content #kiriisi .contentisi {
	padding: 30px 20px;
}
#content #kiriisi .contentisi h1 {
	font-size: 26px;
	margin: 0;
	line-height: 115%;
	font-weight: normal;
}
#content #kiriisi .contentisi h2 {
	font-size: 16px;
	color: #f30;
	margin: 2px 0;
}
#content #kiriisi .contentisi h3 {
	font-size: 15px;
	font-weight: bold;
	padding: 3px 0;
	margin: 15px 0 6px 0;
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
}
#content #kiriisi .contentisi ol {
	padding: 3px 0 3px 30px;
	margin: 0;
	clear: both;
}
#content #kiriisi .contentisi ol li {
	padding: 2px 0;
	margin: 0;
	list-style-type: decimal;
	list-style-position: outside;
	clear: both;
}
#content #kiriisi .contentisi ul {
	padding: 0 0 0 30px;
	margin: 0;
	clear: both;
}
#content #kiriisi .contentisi ul li {
	padding: 2px 0;
	margin: 0;
	list-style-type: square;
	list-style-position: outside;
	clear: both;
}
#content #kiriisi .contentisi .illustrasi {
	width: 400px;
	text-align: center;
	background-color: #fff;
	padding: 3px;
	margin: 0 8px 5px 40px;
	border: 1px solid #CDCDCD;
	clear: both;
}
#content #kiriisi .contentisi p {
	padding: 2px 0 15px 0;
	margin: 0;
	clear: both;
}
#content #kiriisi .contentisi .error {
	font-size: 11px;
	color: #e00;
}
#content #kiriisi .contentisi label {
	font-size: 13px;
	font-weight: bold;
}
#content #kiriisi .contentisi cite {
	font-size: 13px;
	font-weight: bold;
}
#content #kiriisi .contentisi .commentmetadata {
	font-size: 11px;
}
#content #kiriisi .contentisi .input {
	width: 200px;
	font-size: 12px;
	border: 1px solid #999;
}
#content #kiriisi .contentisi .inputteks {
	width: 450px;
	font-family: Arial, Helvetica-Normal, sans-serif;
	text-align: left;
	font-size: 12px;
	border: 1px solid #999;
}
#content #kiriisi .contentisi .inputsubmit {
	font-size: 13px;
	width: 200px;
}
#content #kiriisi .contentisi .inputsubmit1 {
	font-family: Tahoma, Arial, Helvetica-Normal, sans-serif;
	font-size: 13px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #e00;
	border: 1px solid #e00;
	width: 100px;
}
#content #kiriisi .contentisi .yahoo {
	padding: 5px 4px;
	margin: 0;
	clear: both;
}
#content #kiriisi .pencarian {
	background-color: #FE9309;
	margin: 15px 0 15px 0;
	padding: 0 0 10px 0;
	text-align: center;
	border: 1px solid #f90;
	clear: both;
	background-image: url(../images/bg_index_dtl.jpg);
	background-repeat: repeat-x;
}
#content #kiriisi .pencarian .headcari {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #000000;
	text-align: left;
	font-weight: bold;
	background-color: #FFCC00;
	margin: 0 0 6px 0;
	padding: 4px 0 4px 12px;
	clear: both;
}
#content #kiriisi .pencarian .inputteks {
	font-family: Tahoma, Arial, sans-serif;
	text-align: left;
	font-size: 12px;
	padding: 2px;
	border: 1px solid #bfbfdf;
}
#content #kiriisi .pencarian .bottomteks {
	font-size: 12px;
	font-family: Tahoma, Arial, sans-serif;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #EE0000;
	border: 1px solid #EE0000;
	padding: 1px 0;
}

#pagingrabjad {
	position: relative;
	margin: 0;
}
#pagingrabjad ul {
	display: block;
	background-color: #3B466D;
	border: 1px solid #E2E2E2;
	padding: 15px 5px;
	margin: 0;
	text-align:center;
}
#pagingrabjad ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
#pagingrabjad ul li a {
	padding: 4px 3px;
	line-height: 30px;
	height: 24px;
	border: 1px solid #fff;
	background-color: #B9C0D1;
	color: #fff;
	font-weight: bold;
}
#pagingrabjad ul li a:hover {
	background: #e00;
	color: #fff;
}
#pagingrabjad ul li a.selected {
	color: #ff0;
	background-color: #e00;
	border: 1px solid #fff;
}


/* TENGAH */
#content #tengah {
	width: 226px;
	/*min-height: 1175px;*/
	/*height: auto !important;*/
	height: 1240px;
	color: #fff;
	text-align: left;
	background-color: #4f6187;
	background-image: url(../images/bgtengah.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 10px 12px 30px 12px;
	margin: 0;
	float: left;
}
html>body #content #tengah {
	width: 205px;
}
#content #tengah a:link {
	color: #ff0;
}
#content #tengah a:visited {
	color: #ff0;
}
#content #tengah a:hover {
	color: #fff;
}
#content #tengah h1 {
	font-size: 13px;
	line-height: 130%;
	margin: 0 0 5px 0;
}
#content #tengah h2 {
	font-size: 11px;
}
#content #tengah h3 {
	font-family: Tahoma, Arial, Helvetica-Normal, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding: 0;
	margin: 2px 0 4px 0;
	clear: both;
}
#content #tengah h4 {
	font-size: 12px;
	text-transform: uppercase;
	background-image: url(../images/bgh4tengah.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 4px 0 11px 10px;
	margin: 0px 0 2px 0;
	clear: both;
	color: #3D465B;
	font-family: Arial, Helvetica, sans-serif;
}
#content #tengah h4 a:link {
	color: #3D465B;
}
#content #tengah h4 a:visited {
	color: #3D465A;
}
#content #tengah h5 {
	font-size: 12px;
	text-transform: uppercase;
	background-image: url(../images/bgh4tengah.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 4px 0 13px 10px;
	margin: 30px 0 2px 0;
	clear: both;
	color: #3D465B;
	font-family: Arial, Helvetica, sans-serif;
}
#content #tengah h5 a:link {
	color: #fff;
}
#content #tengah h5 a:visited {
	color: #fff;
}
#content #tengah h6 {
	font-size: 11px;
	color: #fff;
	text-align: right;
	padding: 3px 0;
	margin: 0;
	border-top: 1px solid #7886a7;
	border-bottom: 1px solid #7886a7;
	clear: both;
}
#content #tengah .date {
	font-size: 10px;
	line-height: 100%;
}
#content #tengah .image {
	background-color: #fff;
	padding: 3px;
	margin: 3px 8px 3px 0;
	float: left;
	border: 1px solid #e2e2e2;
	background: #b3b3b3;
}
#content #tengah .bannerC1 {
	text-align: center;
	margin: 7px 0;
	clear: both;
}
#content #tengah .bannerC2 {
	text-align: center;
	padding: 10px 5px;
	margin: 25px 0 5px 0;
	border: 1px solid #ff9d67;
	clear: both;
}
#content #tengah .hotblog {
	padding: 0;
	margin: 3px 0 0 0;
	clear: both;
}
#content #tengah .hotblog h6 {
	text-align: left;
	padding: 3px 0;
	margin: 10px 0 0 0;
}
#content #tengah .hotblog ul {
	padding: 6px 0 4px 16px;
	margin: 0;
	clear: both;
}
#content #tengah .hotblog ul li {
	padding: 4px 0;
	margin: 0;
	list-style-type: square;
	list-style-position: outside;
	clear: both;
}
#content #tengah .hotblog ul li h1 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#content #tengah .hotblog ul li h3 {
	padding: 0;
	margin: 0;
}
#content #tengah .newsblog {
	padding: 0;
	margin: 4px 0 0 0;
	clear: both;
}
#content #tengah .newsblog h6 {
	text-align: left;
	padding: 3px 0;
	margin: 10px 0 0 0;
}
#content #tengah .newsblog ul {
	padding: 6px 0 4px 16px;
	margin: 0;
	clear: both;
}
#content #tengah .newsblog ul li {
	padding: 1px 0;
	margin: 0;
	list-style-type: square;
	list-style-position: outside;
	clear: both;
}
#content #tengah .newsblog ul li h1 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#content #tengah .newsblog ul li h2 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}
#content #tengah .help {
	text-align: center;
	padding: 0;
	margin: 30px 0 0 0;
	/* -moz-border-radius: 14px; */
	clear: both;
}
#content #tengah .insededetik {
	padding: 0;
	margin: 0;
	clear: both;
	text-align: center;
}
#content #tengah .insededetik ul {
	padding: 1px;
	margin: 0;
	clear: both;
}
#content #tengah .insededetik ul li {
	margin: 0px 2px 5px 2px;
	display: inline;
	text-align: center;
	list-style-type: none;
	list-style-position: inside;
	float: left;
}
#content #tengah .insededetik ul li .avatar {
	text-align: center;
	padding: 5px;
	border: 1px solid #6b7791;
	margin: 6px 6px 0 6px;
	background-color: #2f3b58;
	width: auto;
}
#content #tengah .insededetik ul li .avatar:hover { 
	border: 1px solid #969fb0; 
}
#content #tengah .insededetik ul li a:hover { 
	text-decoration:none !important
}

#content #tengah .insededetik span.name {
	font-size: 10px;
}
#content #tengah .insededetik span.name:hover {
	text-decoration: underline;
}

/*KANAN */
#content #kanan {
	width: 314px;
	padding: 0 8px 10px 14px;
	margin: 0;
	float: left;
}
html>body #content #kanan {
	width: 292px;
}
#content #kanan h1 {
	font-size: 13px;
	margin: 2px 0;
}
#content #kanan h2 {
	font-size: 12px;
	color: #009999;
}
#content #kanan h3 {
	font-family: Tahoma, Arial, Helvetica-Normal, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin: 0 0 6px 0;
}
#content #kanan h4 {
	font-size: 18px;
	color: #112344;
	font-weight: normal;
	background-image: url(../images/bgh4kiri.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 4px 0 6px 10px;
	margin: 0 0 5px 0;
	border-top: 1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	clear: both;
}
#content #kanan h4 a:link {
	color: #112344;
}
#content #kanan h4 a:visited {
	color: #112344;
}
#content #kanan h5 {
	font-size: 18px;
	/*color: #112344;*/
	color: #fff;
	font-weight: normal; 
	/*background-image: url(../images/bgh4kiri.gif);*/
	background-image:url("../images/bgmenu.gif");
	background-repeat: repeat-x;
	background-position: left top;
	padding: 4px 0 6px 10px;
	margin: 25px 0 5px 0;
	border-top: 1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	clear: both;
}
#content #kanan h5 a:link {
	color: #112344;
}
#content #kanan h5 a:visited {
	color: #112344;
}
#content #kanan h6 {
	font-size: 11px;
	text-align: right;
	background-color: #f4f4f4;
	padding: 3px 0;
	margin: 5px 0 2px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	clear: both;
}
#content #kanan .date {
	font-size: 10px;
}
#content #kanan .image {
	padding: 3px;
	margin: 3px 8px 3px 0;
	float: left;
	border: 1px solid #e2e2e2;
	background: #b3b3b3;
}
/* Tambahan Buat Ramadan */
#content #kanan .headqsb {
	font-size: 18px;
	color: #ff0;
	background-image: url(../images/headerqsp.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 4px 0 2px 10px;
	margin: 0;
	border-top: 1px solid #9c0;
	border-bottom:2px solid #060;
	clear: both;
	font-weight: normal;
	letter-spacing: 1px;
	background-color: #060;
}
#content #kanan .headqsb a:link {
	color: #ff0;
}
#content #kanan .headqsb a:visited {
	color: #fff;
}
#content #kanan .blogreligi {
	color: #000;
	background-color: #dae95b;
	background-image: url(../images/bgqsb.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 8px 10px;
	margin: 0;
	border: 1px solid #99cc33;
	clear: both;
}
#content #kanan .blogreligi a:link, #content #kanan .blogreligi a:visited {
	color: #060;
}
#content #kanan .blogreligi a:hover {
	color: #e00;
}

#content #kanan .blogoftheweek {
	padding: 0;
	margin: 8px 0 0 0;
	clear: both;
}
#content #kanan .community {
	padding: 0;
	margin: 8px 0 0 0;
	clear: both;
}
#content #kanan .community ul {
	padding: 0;
	margin: 0;
	clear: both;
}
#content #kanan .community ul li {
	padding: 7px 0;
	margin: 0;
	list-style-type: none;
	list-style-position: inside;
	border-bottom: 1px solid #B0E4E6;
	clear: both;
}
#content #kanan .blogeducator {
	padding: 0;
	margin: 8px 0 0 0;
	clear: both;
}
#content #kanan .help {
	text-align: center;
	background-color: #fff;
	padding: 0;
	margin: 0;
	clear: both;
}
#content #kanan .bloggrup {
	padding: 0;
	margin: 8px 0 0 0;
	clear: both;
}
#content #kanan .bloggrup .image {
	padding: 0;
	width: 135px;
	background: none;
	border: none;
	margin: 5px 0 0 0;
}
#content #kanan .bloggrup .image img {
	border:  1px solid #ccc;
}
#content #kanan .bloggrup ul {
	padding: 0 0 10px 1px;
	margin: 0;
	clear: both;
}
#content #kanan .bloggrup ul li {
	font-size: 11px;
	padding: 0 0 12px ;
	margin: 0 4px 10px 4px;
	list-style-type: none;
	list-style-position: inside;
	float: left;
	width: 130px;
	text-align: center;
	display: inline;
	border: 1px solid #eee;
}
html>body #content #kanan .bloggrup ul li {
	font-size: 12px;
}
#content #kanan .postingpilihan {
	padding: 0;
	margin: 3px 0 0 0;
	clear: both;
	line-height: 20px;
}
#content #kanan .postingpilihan ul {
	padding: 0;
	margin: 0;
	clear: both;
}
#content #kanan .postingpilihan ul li {
	padding: 7px 0;
	margin: 0;
	list-style-type: none;
	list-style-position: inside;
	border-bottom: 1px solid #B0E4E6;
	clear: both;
}
#content #kanan .newsblog {
	padding: 0;
	margin: 1px 0 0 0;
	clear: both;
}
#content #kanan .newsblog ul {
	padding: 0 0 10px 18px;
	margin: 0;
	clear: both;
}
#content #kanan .newsblog ul li {
	padding: 3px 0;
	margin: 0;
	list-style-type: square;
	list-style-position: outside;
	clear: both;
}
#content #kanan .newsblog ul li h1 {
	font-size: 12px;
}
#content #kanan .newsblog ul li h2 {
	font-size: 11px;
	color: #339999;
}
#content #kanan #blognew {
	text-align: left;
	padding: 0pt;
	margin: 1px 0 0 0;
	clear: both;
}
#content #kanan #blognew ul.left, #content #kanan #blognew ul.right {
	width: 90px;
	padding: 0 10px 0 30px;
	margin: 0;
	float: left;
}
#content #kanan #blognew ul li {
	margin: 5px 0;
	text-align:left;
	list-style-type: square;
	list-style-position:outside;
}

#content #kanan .bannerD1 {
	padding: 0px;
	margin: 40px 0 0 0;
	clear: both;
}
#content #kanan .ngom {
	padding: 0px;
	margin: 25px 0 0 0;
	clear: both;
}

/* FOOTER ----------------------------------------------*/
#footer {
	width: 900px;
	height: 142px;
	font-family: Tahoma, Arial, Helvetica-Normal, sans-serif;
	font-size: 11px;
	background-color: #fff;
	margin: auto;
	padding: 0 0 10px 0;
	border: 1px solid #e2e2e2;
	clear: both;
}
#footer a:link {
	color: #2F3B58;
}
#footer a:visited {
	color: #2F3B58;
}
#footer a:hover {
	color: #0800a3;
}
#footer #menu0 {
	color: #CCC;
	text-align: center;
	text-transform: uppercase;
	background-color: #4F6187;
	margin: 0px;
	padding: 6px 0px;
	clear: both;
	}
#footer #menu0 a:link {
	color: #FFFFFF;
	font-weight: bold;
}
#footer #menu0 a:visited {
	color: #FFFFFF;
	font-weight: bold;
}
#footer #menu0 a:hover {
	color: #FFFF00;
	font-weight: bold;
}
#footer .menu1 {
	color: #4F6187;
	text-align: center;
	background-color: #d7d4e5;
	padding: 3px 10px;
	margin: 0px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #cbc7e2;
	clear: both;
}
#footer .menu2 {
	color: #4F6187;
	text-align: center;
	background-color: #e3e1ec;
	padding: 2px 10px;
	margin: 0px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #d7d4e5;
	clear: both;
}
#footer .menu3 {
	color: #4F6187;
	text-align: center;
	background-color: #efedf4;
	padding: 2px 10px;
	margin: 0px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #e1dde9;
	clear: both;
}
#footer .menu4 {
	width: 730px;
	color: #4F6187;
	text-align: left;
	margin: 0px;
	padding: 15px 0px 0px 10px;
	float: left;
}
html>body #footer .menu4 {
	width: 720px;
}
#footer .menu4 a:link {
	color: #4F6187;
}
#footer .menu4 a:visited {
	color: #4F6187;
}
#footer .menu4 a:hover {
	color: #EE0000;
}
#footer .logo {
	width: 146px;
	text-align: right;
	margin: 0px;
	padding: 8px 10px 4px 0px;
	float: left;
}
html>body #footer .logo {
	width: 156px;
	
}

/*raditya dika corner*/
#content #kanan .rd_corner {
	background:url(../images/rd_bg.jpg) no-repeat top left;
	height:250px;
	color: #4c1600;
}
#content #kanan .rd_corner  .wrap  {
	margin: 0 10px 0 100px;
	padding: 60px 0 10px;
}
#content #kanan .rd_corner  h1 {
	font-weight: normal;
	font-size: 18px;
	line-height: normal;
	padding-bottom:5px;
}
#content #kanan .rd_corner  h1 a, #content #kanan .rd_corner a strong {color:#087d94;}
#content #kanan .rd_corner  h3 {color:#b89e7b;}
#content #kanan .rd_corner  h3  a {color:#4c1600;}

/*andi bahtiar corner*/
#content #kanan .andi_corner {
	background:url(../images/andibahtiar.jpg) no-repeat top left;
	height:250px;
	color: #333;
}
/*#content #kanan .andi_corner  .wrap  {
	margin: 0 10px 0 30px;
	padding: 107px 0 10px 0;
}*/
#content #kanan .andi_corner  .wrap  {
	margin: 0 10px 0 10px;
	padding: 105px 0 10px 0;
}
#content #kanan .andi_corner  h1 {
	font-weight: normal;
	font-size: 18px;
	line-height: normal;
	padding-bottom:5px;
}
#content #kanan .andi_corner  h1 a, #content #kanan .rd_corner  a   strong {color:#333;}
#content #kanan .andi_corner  h3 {color:#e9553c;}
#content #kanan .andi_corner  h3  a {color:#4c1600;}


/* Twitter Widget */
#twitter {margin: 25px 0 0px 0;}
#twitter h2 {font: inherit !important;border: none !important;}
#twitter h3 {font: inherit !important;border: none !important; text-align: inherit !important;  font-size: 15px !important;  font-weight: bold !important; }
#twitter h4 { border-bottom:#fff 1px dotted !important; background:none !important; border-top:none !important; font-size: 12px !important; }


hr {color:#E7D5C2; background-color: #E2E2E2; height: 1px;  border: 1px;} 


/*blog Star */
#content #kiri h4.blogstar {
	font-size: 18px;
	color: #112344;
	font-weight: normal;
	letter-spacing: 1px;
	background-image: url(../images/bgstar.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 4px 0 6px 10px;
	margin: 0 0 15px 0;
	border-top: 1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	clear: both;
}
#content #kiri .blogstar {
	padding: 0;
	margin: 3px 0 0 0;
	clear: both;
}
#content #kiri .blogstar h6 {
	font-size: 12px;
	color: #3780b6;
	text-align: left;
	padding: 3px 0;
	margin: 15px 0 2px 0;
	border-bottom: 1px solid #e2e2e2;
	clear: both;
}
#content #kiri .blogstar ul {
	padding: 0 0 10px 20px;
	margin: 0;
	clear: both;
}
#content #kiri .blogstar ul li {
	padding: 4px 0;
	margin: 0;
	list-style-type: square;
	list-style-position: outside;
	clear: both;
}
#content #kiri .blogstar ul li a {
	color: #666;
}
#content #kiri .blogstar ul li h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 3px 0;
	margin: 0;
}
#content #kiri .blogstar ul li h3  {
	font-size: 10px;
	padding: 0;
	margin: 0;
}



/*------------------------------------ HEIGHLIGHT ROW2 TAB -------------------------------*/
html>body #highlight_row2{
	width: 876px;
}
#highlight_row2 { 
	width: 900px;
	color: #333;
	text-align: left;
	padding: 10px 13px 0px 13px;
	margin: auto; 
	border-right: 1px solid #e2e2e2; 
	border-left: 1px solid #e2e2e2; 
	clear: both;
} 

/*-------- TAB -------*/
#boxtab{ 
    border: 1px solid #cf7200; 
	background:#fdefdc; 
	width:564px; height:248px; overflow:hidden; 
	display:block; 
	padding: 0px 0px 0px 0px; 
	margin: 0 8px 0px 0px; 
	float: left;
	-khtml-border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}

#boxtab #tab { 
	clear: both; padding: 5px 0 0 2px; 
	background: url("../images/bgtab.gif") left top repeat-x #eda852; border-bottom:#cf7200 1px solid;  
}
#boxtab #tab ul{ margin:0; padding:0 }
#boxtab #tab li { margin:0 0px 0 3px ;  padding: 3px 10px 3px 10px;  
	/*background-color: #9ba7c1 ;*/
    float: left;
    font-weight: bold;
    list-style: none outside none; 
	border-bottom:none ;  border-top:#cf7200 1px solid; border-left:#cf7200 1px solid; border-right:#cf7200 1px solid; 
	-moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}  
#boxtab #tab li:hover { 
	background-color: #ec9a36;  color: #fff000; cursor:pointer; 
} 
#boxtab #tab li a:link,
#boxtab #tab li a:visited,
#boxtab #tab li a:hover
{ color: #333 !important; cursor:pointer; text-decoration:none}   

#boxtab #tab li.selected{ 
	background-color: #cf7200;  color: #fff; cursor:pointer; 
	border-bottom:none;  border-top:#cf7200 1px solid; border-left:#cf7200 1px solid; border-right:#cf7200 1px solid;
}    
#boxtab #tab li.selected a:link,
#boxtab #tab li.selected a:visited,
#boxtab #tab li.selected a:hover
{ color: #fff !important; cursor:pointer; text-decoration:none}   


/*-- box left --*/
html>body #boxtab .boxleft{
	width:292px;
	height:195px; 
}
#boxtab .boxleft{ 
	float:left;
	padding:11px; 
	width:312px;
	height:215px; 
	/*background:#de98ff; */
}
#boxtab .boxleft .image{
	background: none repeat scroll 0 0 #B3B3B3;
    border: 1px solid #E2E2E2;
    float: left;
    margin: 3px 8px 1px 0;
    padding: 3px;
}
#boxtab .boxleft  h1 {
	font-weight: normal;
	font-size: 18px;
	line-height: normal;
	padding-bottom:5px;
}
#boxtab .boxleft  h1 a{
	color:#333;
}
#boxtab .boxleft  h1 a:hover{
	color:#ff0000;
}
#boxtab .boxleft .date {
	color:#333;
    font-size: 10px; 
    line-height: 115%;
    padding: 0 7px 0 0;
}
#boxtab .boxleft .comment a,
#boxtab .boxleft .author a
{ 
    font-size:11px;  
}

/*-- box right --*/
#boxtab .boxright{ 
	float:right; 
	width:250px;
	/*background:#ffd585; */ 
}
#boxtab .boxright ul{
	padding: 5px 0px 10px 20px;
	margin: 0;
	clear: both;
} 
#boxtab .boxright ul li {
	padding: 4px 5px 4px 0;
	margin: 0; 
	list-style-position: outside;
	clear: both;
	line-height:110%;
}
#boxtab .boxright ul li .judul a{ color:#333; }

/*---------- andi bahtiar corner --------*/
#highlight_row2 .andi_corner {
	background:url(../images/andibahtiar.jpg) no-repeat top left;
	height:250px;
	width: 292px;
	color: #333;
	float:right;
	margin:0 0px 0 0;
} 
#highlight_row2 .andi_corner .date {
	color:#333;
    font-size: 10px; 
    line-height: 115%;
    padding: 0 7px 0 0;
}
#highlight_row2 .andi_corner .comment a,
#highlight_row2 .andi_corner .author a
{ 
    font-size:11px;  
}
#highlight_row2 .andi_corner  .wrap  {
	margin: 0 10px 0 10px;
	padding: 105px 0 10px 0;
}
#highlight_row2 .andi_corner  h1 {
	font-weight: normal;
	font-size: 18px;
	line-height: normal;
	padding-bottom:5px;
}
#highlight_row2 .andi_corner  h1 a{
	color:#333;
}
#highlight_row2 .andi_corner  h1 a:hover{
	color:#ff0000;
}

#content #kanan .testimonial {height:250px;width: 292px; overflow:hidden;color: #003300;margin-bottom:25px;background-color: #cde4cf;background-image: url(../images/testimonial.jpg);background-repeat: no-repeat;background-position: left top;float:right;} 
#content #kanan .testimonial .date {font-size: 10px; line-height: 115%; padding: 0 7px 0 0;}
#content #kanan .testimonial .comment a,#content #kanan .testimonial .author a {font-size:11px;  }
#content #kanan .testimonial .wrap {margin: 0 10px;padding: 50px 5px 20px 8px; height:153px; overflow:hidden;}
#content #kanan .testimonial .image {text-align: center;padding: 5px;margin: 0 10px 0  0;float: left;background: #fff;width: 70px;}
#content #kanan .testimonial h1 {font-weight: normal;font-size: 18px;line-height: normal;padding-bottom:2px;}
#content #kanan .testimonial h1 a {color:#333;}
#content #kanan .testimonial h1 a:hover {color:#ff0000;}
#content #kanan .testimonial h3 {font-weight: normal;font-size: 10px;padding-bottom:8px;}

/* add new category */
.petunjuk {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family:"Arial", Helvetica, sans-serif; 
	font-weight: bold;
	text-align: left;
	line-height: 115%;
	font-size: 18px;
	padding: 0;
	margin: 0 6px 4px 0;
	clear: both;
	color: #3D465A;
}

.katlink a {
    color: #FF000A !important;
}

/*-----box_kategori-----*/
.kategori{
	width:285px;
	height:460px;
	background-color:#EFEFEF ;
	float:left;
	margin:10px 5px;
	overflow:hidden;
	}

.kat{
	padding-left:5px;
	}
.kategori h5 {
	font-size: 18px;
	/*color: #112344;*/
	color: #fff;
	/*background-image: url(../images/bgh4kiri.gif);*/
	background-image:url("../images/bgmenu.gif");
	background-repeat: repeat-x;
	background-position: left top;
	padding: 4px 0 6px 10px;
	margin: 0;
	border-top: 1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	clear: both;
	font-weight: normal;
	letter-spacing: 1px;
}
h5 {
	font-size: 18px;
	/*color: #112344;*/
	color: #fff;
	/*background-image: url(../images/bgh4kiri.gif);*/
	background-image:url("../images/bgmenu.gif");
	background-repeat: repeat-x;
	background-position: left top;
	padding: 4px 0 6px 10px;
	margin: 0;
	margin-right: 5px;
	border-top: 1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	clear: both;
	font-weight: normal;
	letter-spacing: 1px;
}
.kategori ul{ 
  		margin:0; 
		padding:0;
		padding-left:8px;
		padding-bottom:10px;
		list-style:none;
		background-color:#EFEFEF ;
		}

.lis { 
  	width:285px;
	float:left;
	margin:10px 5px;
}
.lis ul{ 
  		margin:0; 
		padding:0;
		padding-left:15px;
		padding-bottom:10px;
		}

.kategori ul li{ 
  		border-bottom:solid 1px #FFF;
		width:97%;
		padding-top:5px;
		padding-bottom:5px;
		height:117px;
		overflow:hidden;
		margin-bottom:5px;

		}
		
.kategori h2{
	font-size:10px;
	}
	
.kategori h1{
	font-size:14px;
	}
	
.kategori h3{
	font-size:11px;
	}
.list_kat{
	background-color:#999;
	float:left;
	}
.katlink a{ color:#FF000A !important;}
.katlink a:hover{ text-decoration:underline !important;}
.fr{float:right}
.fl{float:left}

/*poconggg*/
/* .pocong {height:250px;width: 292px; overflow:hidden;color: #003300;margin:0;background-color:#BAA57F;float:right; margin-bottom:10px; background:url(../images/bg_pocong.jpg) no-repeat; border:solid 1px #000;} 
*/ 
 .pocong {
	 height:250px;
	 width: 292px; 
	 overflow:hidden;
	 olor: #003300;
	 margin:0;
	 background-color:#FFF;
	 float:right; 
	 margin-bottom:10px; 
	 background:url(../images/bg_pocong.png) no-repeat; 
	 border:solid 1px #CCC;
	 -moz-border-radius:10px;
	  -webkit-border-radius:10px;
	  border-radius:10px;
	  -moz-box-shadow:inset 0px 0px 10px 2px #c6d1d1;
	  -webkit-box-shadow:inset 0px 0px 10px 2px #c6d1d1;
	  box-shadow:inset 0px 0px 10px 2px #c6d1d1;
	  /*Inner elements should not cover inner shadows*/
	  /*Chrome renders inset shadows incorrectly with border-radius*/} 
 .pocong .date {font-size: 10px; line-height: 115%; padding: 0 7px 0 0;}
 .pocong .comment a, #highlight_row2 .testimonial .author a {font-size:11px;  }
 .pocong .wrap {margin:0 10px;padding:16px 5px 20px 60px; height:200px; overflow:hidden; color:#FFF; text-align: left !important;}
 .pocong .image {text-align: center;padding: 5px;margin: 0 10px 0  0;float: left;background: #fff;width: 70px;}
 .pocong h1 {font-weight: normal;font-size: 18px;line-height: normal;padding-bottom:2px;}
 .pocong h1 a {color:#FFF;}
 .pocong h1 a:hover {color:#ff0000;}
 .pocong h3 {font-weight: normal;font-size: 10px;padding-bottom:8px;text-align: left !important;}
 .pocong .title{ font-size:24px; color:#FFF !important;}
/*poconggg*/
/*101*/
 .date101 {
	 height:250px;
	 width: 292px; 
	 overflow:hidden;
	 olor: #003300;
	 margin:0;
	 background-color:#FFF;
	 float:right; 
	 margin-bottom:10px; 
	 background:url(../images/dating101.jpg) no-repeat; 
} 
 .date101 .date {font-size: 10px; line-height: 115%; padding: 0 7px 0 0;}
 .date101 .comment a, #highlight_row2 .testimonial .author a {font-size:11px;  }
 .date101 .wrap {margin:0 10px;padding:20px 5px 20px 20px; height:200px; overflow:hidden; color:#B42459;}
 .date101 .image {text-align: center;padding: 5px;margin: 0 10px 0  0;float: left;background: #fff;width: 70px;}
 .date101 h1 {font-weight: normal;font-size: 18px;line-height: normal;padding-bottom:2px;}
 .date101 h1 a {color:#AC2255;}
 .date101 h1 a:hover {color:#ff0000;}
 .date101 h3 {font-weight: normal;font-size: 10px;padding-bottom:8px;}
 .date101 .title{ font-size:24px; color:#FFF !important;}
 .date101 .cont{ 
     height: 120px;
    margin-left: 53px;
    overflow: hidden;
    text-align: left;
    width: 200px;}
/*101*/
.fav_img{
	padding:4px 5px !important;
	}

/*list_carousel*/
.list_carousel {
	width: 300px;
	height: 250px;
	float:right;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	text-align: center;
	padding: 0;
	margin: 3px;
	display: block;
	float: left;
}
.pager {
	text-align: center;
	position:relative;
	width:100px;
	height:30px;
	top:-259px;
	left:220px;
}
.pager a {
	background: url(../images/but_slideu.png) ;
    width: 15px;
    height: 15px;
    margin: 10px 5px 0 0;
    display: inline-block;			
}
.pager a.selected {
    background: url(../images/but_slided.png) ;
    cursor: default;
}
.pager a span {
    display: none;
}
/*end_list_carousel*/

