body, #wrapper {
	height:100%;
	background:#00008B url('images/bodybg.jpg') repeat fixed top center;
	/* background:#efefef url('images/bodybg.png') repeat fixed; */
	font-family:'Open Sans';
}

#adminnav .navbar {
	margin-bottom:0px;
}

#page {
	background:#E0FFFF;
	margin-bottom:0px;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	font-size:13px;
}

#page h1 {
	margin-top:0px;
	font-size:28px;
	font-weight:bold;
}

#page a {
	color:#333333;
}	

#page a:hover {
	color:#01324F;
	text-decoration:none;
	
}

@keyframes animatedBackground {
	0% { background-position: center 0px; }
	60% { background-position: center -320px; }		
	100% { background-position: center -320px;	}
}

#header {
	background:url('images/graha-wisesa.jpg') no-repeat center -320px;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	
	animation: animatedBackground 30s linear infinite;
}

#logo {
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.glows {  animation: glow 3s infinite; }

@keyframes glow {  0% {    opacity: 1;  }  25% {    opacity:0.6;  }    50% {	opacity:1;  }    100%{	opacity:1;  }}

#mainnav {
	background:none;
}

#mainnav .navbar {
	border:0px;
	margin-bottom:0px;
	-webkit-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e638c+0,1e5275+100 */
	background: #1e638c; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e638c 0%, #1e5275 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e638c), color-stop(100%,#1e5275)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e638c 0%,#1e5275 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e638c 0%,#1e5275 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e638c 0%,#1e5275 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1e638c 0%,#1e5275 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e638c', endColorstr='#1e5275',GradientType=0 ); /* IE6-9 */
	
	/* background:url('images/navbg.png') repeat-x; */
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#014d74+0,0a4366+50,023759+51,002c46+100 */
background: #014d74; /* Old browsers */
background: -moz-linear-gradient(top,  #014d74 0%, #0a4366 50%, #023759 51%, #002c46 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#014d74), color-stop(50%,#0a4366), color-stop(51%,#023759), color-stop(100%,#002c46)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #014d74 0%,#0a4366 50%,#023759 51%,#002c46 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #014d74 0%,#0a4366 50%,#023759 51%,#002c46 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #014d74 0%,#0a4366 50%,#023759 51%,#002c46 100%); /* IE10+ */
background: linear-gradient(to bottom,  #014d74 0%,#0a4366 50%,#023759 51%,#002c46 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014d74', endColorstr='#002c46',GradientType=0 ); /* IE6-9 */
	
	background:url('images/mainnavbg.png') repeat-x center center;
}

#mainnav .navbar .navbar-nav > li > a {
	color:#ffffff;
	font-family:'Open Sans';
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
}

#mainnav .navbar .navbar-nav > li > a:hover {
	background:url('images/glow.png') bottom center no-repeat;
}

#mainnav .navbar .navbar-nav > li.open {
	
}

#mainnav .navbar .navbar-nav > li.open > a {
	color:#ffffff;
	font-family:'Open Sans';
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
	background:url('images/glow.png') bottom center no-repeat;
}

#mainnav .navbar .dropdown-menu {
	padding-top:0px;
	padding-bottom:0px;
}

#mainnav .navbar .dropdown-menu li {

	color:#ffffff;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#014d74+0,0a3456+100 */
background: #014d74; /* Old browsers */
background: -moz-linear-gradient(top,  #014d74 0%, #0a3456 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#014d74), color-stop(100%,#0a3456)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #014d74 0%,#0a3456 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #014d74 0%,#0a3456 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #014d74 0%,#0a3456 100%); /* IE10+ */
background: linear-gradient(to bottom,  #014d74 0%,#0a3456 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014d74', endColorstr='#0a3456',GradientType=0 ); /* IE6-9 */

}

#mainnav .navbar .dropdown-menu li a {
	color:#ffffff;
	padding-top:8px;
	padding-bottom:8px;
}

#mainnav .navbar .dropdown-menu li a:hover {
	color:#ffffff;
	
	background: #1e638c; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e638c 0%, #1e5275 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e638c), color-stop(100%,#1e5275)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e638c 0%,#1e5275 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e638c 0%,#1e5275 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e638c 0%,#1e5275 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1e638c 0%,#1e5275 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e638c', endColorstr='#1e5275',GradientType=0 ); /* IE6-9 */
	
	background:url('images/glow.png') bottom center no-repeat;
}

#content {
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;
}

#slide {
	padding:10px;
	background:#ffffff;
	margin-bottom:60px;
	
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;

	-webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);
	box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);
}

.block {
	margin-bottom:30px;
	font-size:13px;
	
}

.block-title {
	font-family:'Open Sans Extra Bold';
	margin-bottom:0px;
	padding:8px 10px;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	text-transform:uppercase;
}

#login {
	
	background:#ffffff;
	margin-bottom:20px;
	
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;

	-webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);
	box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);
}

#login a.btn-default,
#login button.btn-default {
	
	color:#A7E0F3;
	font-weight:bold;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#157bb1+0,0e557f+100 */
	background: #157bb1; /* Old browsers */
	background: -moz-linear-gradient(top,  #157bb1 0%, #0e557f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#157bb1), color-stop(100%,#0e557f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #157bb1 0%,#0e557f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #157bb1 0%,#0e557f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #157bb1 0%,#0e557f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #157bb1 0%,#0e557f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#157bb1', endColorstr='#0e557f',GradientType=0 ); /* IE6-9 */

}

#login input { 
	width:100%;
	background:#FBFBFB;
	padding:5px;
	margin-bottom:10px;
	font-family:'Open Sans';
}

#login input:focus {
	background:#ffffff;
}

#bottom {
	padding-top:30px;
	margin-bottom:0px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#014d74+0,0a3456+100 */
background: #014d74; /* Old browsers */
background: -moz-linear-gradient(top,  #014d74 0%, #0a3456 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#014d74), color-stop(100%,#0a3456)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #014d74 0%,#0a3456 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #014d74 0%,#0a3456 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #014d74 0%,#0a3456 100%); /* IE10+ */
background: linear-gradient(to bottom,  #014d74 0%,#0a3456 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014d74', endColorstr='#0a3456',GradientType=0 ); /* IE6-9 */
	
	background:#012A42 url('images/footerbg.png') repeat-x top center;
}

#bottom .block {
	margin-bottom:0px;
}

#bottom .block-content {
	font-family:'Open Sans';
	color:#ffffff;
	font-size:12px;
}

#bottom .block-content a {
	color:#ffffff;
}

#bottom .block-content a:hover {
	color:#eeeeee;
	text-decoration:none;
}

#bottom .block-title {
	text-align:left;
}




#footer {
	text-align:center;
	background:url('images/header-shadow.png') no-repeat;	
	box-shadow: inset 0 3px 150px rgba(0, 0, 0, 0.7);
	color:#ffffff;
	font-size:11px;
	background:#012A42;
}

#rightbar .block-title {
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background:url('images/mainnavbg.png') repeat-x center center;
	
	-webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.2);
	box-shadow: 0 0 3px 2px rgba(0,0,0,0.2);
}

#rightbar .block-content {
	background:#ffffff;
	
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	
	-webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.2);
	box-shadow: 0 0 3px 2px rgba(0,0,0,0.2);
}

#righbar #weather .block-title {
	color:#777777;
	font-weight:bold;
	font-size:18px;
	
}

#rightbar #weather .block-title span {
	padding:0px 2px;
}

#righbar .block-title {
	color:#ffffff;
	font-weight:bold;
	background:url('images/mainnavbg.png') repeat-x center center !important;
}

#rightbar .block .block-title span,
#rightbar .post-list-recent .block-title span {
	padding:0px 3px;
}

#leftbar .block-content {
	background:#E0FFFF;
}

#leftbar .block-title {
	padding:0px;
	padding-bottom:4px;
	border-bottom:1px solid #568D94;
}

#leftbar .block-title span {
	background:url('images/mainnavbg.png') repeat-x center center;
	color:#ffffff;
	padding:5px 10px;
	
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

#centerbar .block-content {
	background:#E0FFFF;
}

#centerbar .block-title {
	padding:0px;
	padding-bottom:4px;
	border-bottom:1px solid #568D94;
}

#centerbar .block-title span {
	background:url('images/mainnavbg.png') repeat-x center center;
	color:#ffffff;
	padding:5px 10px;
	
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.block-title span.icon {
	float:right;
	margin-right:5px;
}

.mainmenu {
	font-family: Arvo;
	font-size:11px;
}



.gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e67817+0,c56522+100 */
	background: #e67817; /* Old browsers */
	background: -moz-linear-gradient(top,  #e67817 0%, #c56522 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e67817), color-stop(100%,#c56522)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e67817 0%,#c56522 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e67817 0%,#c56522 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e67817 0%,#c56522 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e67817 0%,#c56522 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e67817', endColorstr='#c56522',GradientType=0 ); /* IE6-9 */
	
}


.block-content {
	padding:10px 10px;
}

.block-bottom {

}

.block-bottom .block-title {
	background:none;
	font-size:14px;
	color:#ffffff;
}


.item-carousel .slide-thumbnail {
	width:100px;
	margin-right:10px;
	float:left;
}

.item-carousel .slide-excerpt {
	min-height:90px;
}

.item-carousel {
	padding-left:15px;
	padding-right:15px;
	width:450px;
	height:200px;
	float:left;
}

.sitemap .content-block {
	padding-left:10px;
	padding-bottom:10px;
}

.grafik-post .content-block {
	padding:10px;
}

.event .content-block {
	padding:10px;
}

.indeks-berita .content-block {
	padding:10px;
}

.indeks-berita .content-block .list-view .pagination {
	text-align:center !important;
}

.shadow-separator {
	background: #efefef url('images/header-shadow.png') no-repeat center;
	width: 100%;
	height: 26px;
}

#copyright {
	padding:10px;
	color:#ffffff;
	text-align:center;
	background:#002C46;
	
}

.link-list ul.image {
	padding-left:0px;
}
.link-list .image li {
	list-style:none;
	display:inline;
	
}

.link-list a img {
	margin-bottom:3px;
}

.post-home h1 {
	font-size:18px;
	font-family:'Open Sans';
	margin-top:0px;
}

.post-home .post-home-list {
	margin-bottom:20px;
	padding-bottom:20px;
	background:url('images/separator-home-post.png') no-repeat bottom left;
}

.post-home .col-xs-3 {
	padding:0px;
}

.post-home .col-xs-9 {
	padding-right:0px;
}

.post-list-recent .col-xs-3 {
	padding-right:0px;
}

.post-list-recent .col-xs-9 {
	padding-right:0px;
}	


#photo-index .summary {
	margin-bottom:20px;
}

.post-list-title {
	font-size:20px;
	line-height:26px;
}	

.photo-list {
	float:left;
	
	overflow:hidden;
	margin-right:20px;
	margin-bottom:20px;
	background:#ffffff;
	
	border: 1px outset rgba(150,150,150,.3);
	border-width: 1px 1px 2px;
	box-shadow: 1px 1px 10px rgba(0,0,0,.1);
}

.photo-list-item{
	margin:10px;
	float:left;
	width:150px;
	height:100px;
	overflow:hidden;
}

.video-list-title {
	font-size:20px;
	line-height:20px;
	margin-top:5px;
	margin-bottom:10px;
}

.video-list-thumbnail {
		
	background:#ffffff;
	padding:0px;
	
	border: 1px outset rgba(150,150,150,.3);
	border-width: 1px 1px 2px;
	box-shadow: 1px 1px 10px rgba(0,0,0,.1);
}

.table tbody th,
.table tbody td {
	border-top:1px solid #E0FFFF !important;
}

.content-statistic
{
	text-align: center;
	background-color: white;
	padding: 15px;
	
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;

	-webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);
	box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);
}

#page .tombol-ekspor a
{
	color: #fff;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    line-height: 1;
    margin-bottom: 0%;
}

.carousel-caption {
	position: static !important;
	bottom: -50% !important;
    padding-top: 4%;
    padding-bottom: 3% !important;
    padding-left: 5px;
    padding-right: 5px;
}


.carousel-indicators {
    
    top: 92% !important;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.carousel-indicators li {
    
    border: 1px solid black !important;
}

.carousel-indicators .active {
    
    background-color: black !important;
}