/*
 * bs-component : bisa dihilangkan, atau dipake utk popup modal
 **/
body
{
	padding-top:100px; background-color: red;
}
.container{background-color: #fff;}
#banner
{
	margin:0;
	border-bottom:none
}





h1 .page-header
{
	font-size:4em
}
.bs-docs-section
{
	margin-top:0;
}
.bs-component
{
	position:relative
}
.bs-component .modal
{
	position:relative;
	top:auto;
	right:auto;
	left:auto;
	bottom:auto;
	z-index:1;
	display:block
}
.bs-component .modal-dialog
{
	width:90%
}
.bs-component .popover
{
	position:relative;
	display:inline-block;
	width:220px;
	margin:20px
}
	#source-buttonz
{
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	font-weight:bold
}
.nav-tabs
{
	margin-bottom:15px
}
.progress
{
	margin-bottom:10px
}
	footer{padding:15px 0 0; margin:15px -15px 0; font-weight: 300;}
	.footer1{color: #ebebeb; padding: 15px;}
	.footer1 > p > a, .footer1 > p > a:hover,.footer2 > p > a, .footer2 > p > a:hover{color: #ebebeb;}
	.footer1 .logo{width: 100%; margin-top: 15px;}
	.footer1 > ul > li > a, .footer1 > ul > li > a:hover{color: #ebebeb;}
	.footer2{background-color: #9e0a0a; text-align: center; color: #ebebeb; padding: 10px;}
	footer li{margin-right:1.5em;margin-bottom:1em;}
	h2 footer{ color: #fff;}
	.follow-me li{margin-right: 0;}
	.red{color: #f00;}
	.redbg{background-color: #c01414;}
	.centered {text-align: center}
.splash
{
	padding:5em 0 0;
	background-color:#141d27;
	color:#fff;
	text-align:center
}
.splash .logo
{
	width:160px
}
h1 .splash
{
	font-size:3em
}
.splash #social
{
	margin:2em 0
}
.splash .alert
{
	margin:2em 0
}
.section-tout
{
	padding:4em 0 3em;
	border-bottom:1px solid black;
	background-color:#eaf1f1
}
.section-tout .fa
{
	margin-right:.5em
}
.section-tout p
{
	margin-bottom:3em
}
.section-preview
{
	padding:4em 0 4em
}
.section-preview .preview
{
	margin-bottom:4em;
	background-color:#eaf1f1
}
.section-preview .preview .image
{
	position:relative
}
.section-preview .preview .image:before
{
	box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:"";
	pointer-events:none
}
.section-preview .preview .options
{
	padding:1em 2em 2em;
	border:1px solid black;
	border-top:none;
	text-align:center
}
.section-preview .preview .options p
{
	margin-bottom:2em
}
.section-preview .dropdown-menu
{
	text-align:left
}
.section-preview .lead
{
	margin-bottom:2em
}
	@media (max-width:767px)
{
.section-preview .image img
{
	width:100%
}

}
.sponsor
{
	text-align:center
}
.sponsor a:hover
{
	text-decoration:none
}
	@media (max-width:767px)
{
.splash
{
	padding-top:4em
}
.splash .logo
{
	width:100px
}
h1 .splash
{
	font-size:2em
}
	#banner
{
	margin-bottom:2em;
	text-align:center
}

}

/* fixme budi: CH style */
.karikatur{position: absolute; top: -90px; right:0;}

/* hcl => home custom link */
.hcl{ 
	background-color: #ccc;
	width: 100%; margin-top: -100px; margin-left: 15px;
}
@media (max-width:800px){
	img.logo{float: left;max-width: 300px;height: 96px;margin: 10px 0 0;width:100%;}
	.karikatur{width: 100px; top: -36px; }
	.hcl{ 
	background-color: #ccc;
	width: 100%; margin-top: 0;
	margin-left: 0;
}
}

.hcl > a > .hcl1, .hcl > a > .hcl2,.hcl > a > .hcl3{
	height: 120px;
	color: #fff !important;
}
.hcl1{background: #333;}
.hcla1{background: #666 url(images/custom-link.png) no-repeat;width: 40px; height: 100%; float: right;}
.hcl2{background-color: #cc0228;}
.hcla2{background: #f00 url(images/custom-link.png) no-repeat;width: 40px; height: 100%; float: right;}
.hcl3{background-color: #f1b205;}
.hcla3{background: #fbc429 url(images/custom-link.png) no-repeat;width: 40px; height: 100%; float: right;}
.hcltext{float:left; font-size: 20px; margin: 10px;} .hcltext h1{color: #fff; font-size: 36px; font-weight: 600; line-height: 1em;}

.r1{ padding: 0px 20px 10px; margin-left: -15px;}
.ml{color: #f00; margin: 15px -15px 15px 15px; padding: 15px; font-weight: 400; font-size: 16px;}
.ml img{ width: 100%; margin: 10px 0;box-shadow: 0px 5px 15px #111;}
.mm{margin: 15px 0;}
.mm > a > span.title{font-size: 16px; font-weight: 600; text-decoration: none; color: #222;}
.mm > a:hover{text-decoration: none;}
.mm div.terkini{background-color: #f9f9f9; color:#af0011; right:15px; width: 100%; font-size: 24px; font-weight: 400; padding: 5px 10px;}
.mm div.home_label{background-color: #f9f9f9; right:15px; width: 100%; font-size: 24px; font-weight: 400; padding: 5px 10px; text-align: right; margin-bottom: 10px;}

.grey1{background-color: #ebebeb;}
.pagetitle{margin:20px 0;}
.pagetitle h1{font-weight: bold; font-size: 24px;line-height: 24px;}
@media (max-width:800px){
	.pagetitle h1{font-weight: bold; font-size: 24px; line-height: 16px;}
}

/* cutom */
.profil-top{background-color: #ebebeb; margin: 15px 0; padding: 20px 10px; float: left;}
.profil{background-color: #e0e0e0; padding: 15px; margin-right: 0;}
.profil1{background-color: #ededed; padding: 15px 15px;}

.qa{font-style: italic;color: #444; font-weight: 200;}
.q{color:#f90; margin-bottom: 20px;}
.qa .mic{text-align: center; margin-bottom: 15px;}

img.aktivitas{max-width: 400px; margin: 0 0 15px 15px;}
@media (max-width:800px){
	img.aktivitas{max-width: 100%;}
}
.tmp{ background-color: #ebebeb; padding: 10px; margin: 20px 0; width: 400px;}
.tmp h1{margin-top: 0;}

.first-p{font-weight: bold; font-size: 20px;}

/* berita */
.entry{border-bottom: solid 1px #f00; margin: 15px 0;width:100%;}
img.entry-image{max-width: 200px;margin: 5px 15px 15px 0;}
.entry-text{padding: 10px 0;}
.read-more{margin-bottom: 10px;}
.entry-text a h1.title, .entry-text a:hover{text-transform: capitalize; text-decoration: none;margin-top: -10px;}
.entry .list-inline > li{padding-left: 0; font-size: 12px; color: #555;}
ul.entry-meta{border-bottom: solid 1px #ebebeb;}
.pager li > a, .pager li > span {
    display: inline-block;
    padding: 2px 5px;
    background-color: #FFF;
    border: 1px solid #DDD;
	border-radius: 0;
    margin: 0 3px;
}

.title{font-size: 24px; text-transform: capitalize;}
a span .act_title{font-size: 28px; text-transform: capitalize; color: #222;}
h2 .act_label{font-weight: 400; color: #C01414; border-bottom: solid 1px #ccc; width: 40%;}
.act hr{border-top: dotted 1px #cbcbcb;}
.read-img{width: 100%; text-align: center;}
.read-img img{max-width: 100%; border-bottom:20px solid #FFF;}

.widget{margin:15px 0; padding: 10px; border: solid 1px #ebebeb;}
.widget > h1.title{font-size: 20px; margin: 0 0 10px;}

.recent-meta{font-size: 10px; color:#999;}
#slide-pustaka .item img{width: 111px; float: left; margin: 0 15px 0 0;}
#slide-pustaka .item small{font-size: 10px;}

.img-slide-gallery{max-height: 630px !important; float: left; margin: 0 15px 0 0;}
.ul-gallery{text-align: left}
#slide-album .item h1{font-size: 16px;}

.hotline {padding: 0 10px;}
.hotline h1{font-size: 20px;}
.hotline ul{padding-left: 4px;}
.response{ border-top: solid 1px #ccc; margin-top: 20px; width: 100%;}
.response h1{text-align: right; text-transform: uppercase;}
blockquote.home h3{font-size: 16px}
blockquote.home {
    padding: 4px 18px;
    margin: 0px 0px 8px;
    font-size: 16.25px;
    border-left: 2px solid #DDD;
}
blockquote.quotes {width: 100%;}
blockquote.quotes h3{font-size: 36px; text-transform: uppercase;}

.current{background-color: #CE220F;padding: 4px 10px;color: white;}