@CHARSET "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/css?family=Marcellus+SC);
@import url(http://fonts.googleapis.com/css?family=Francois+One);
@import url(http://fonts.googleapis.com/css?family=Karla);
@import url(http://fonts.googleapis.com/css?family=Poller+One);
@import url(style_nav.css);
@import url(style_misc.css);
@import url(style_ico.css);
@import url(style_table.css);
@import url(jquery-ui.css);
body{
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	background-image:url(images/bg.png);
}
#header {
	height:45px;
	padding:40px 0;
	float:left;
	width:100%;
	border-bottom:1pt solid #ebebeb;
}
#header-sub{
	height:30px;
	float:left;
	width:100%;
	padding:15px 0 10px;
	border-bottom:1pt solid #ebebeb;
	font-family: 'Marcellus SC', serif;
	font-size:18px;
}
#divCenter {
    top: 10px;
    left: 50%;
    width:600px;
    margin-left: -300px; /*set to a negative number 1/2 of your width*/
    min-height:200px;
	border:3px #F90 solid;
    background-color:#FFF;
	padding:10px;
    position:absolute;
	display:none;
	z-index:999999;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#divBack {
    top: 0%;
    left: 0%;
    width:100%;
    height:100%;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
    background-color:#000000;
    position:fixed;
	z-index:999998;
	display:none;
	cursor:pointer;
}
#social-logo{
	float:right;
}
#social-logo img{
	cursor:pointer;
}
#logo-dumm{
	float: left;
}
.center-page{
	width:980px;
	margin:0px auto;
	height: auto;
	padding: 0px;
}
#logo{
	width:300px;
	margin-left:50px;
	height:210px;
	position:absolute;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	background-position:left;
}
#container {
	height:auto;
	width:880px;
	background:#FFF;
	-moz-box-shadow:0 0 6px #b7b7b7, inset 0 0 13px 5px #f9f9f9;
	-webkit-box-shadow:0 0 6px #b7b7b7, inset 0 0 13px 5px #f9f9f9;
	box-shadow:0 0 6px #b7b7b7, inset 0 0 13px 5px #f9f9f9;
	padding:0px 50px;
	margin:100px 0 10px;
	float:left;
	border-top:6pt solid #ff420a;
	border-bottom:4pt solid #e7e7e7;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
#slide{
	display:block;
	min-height:300px;
}
#slide .slideBig{
	float:left;
	width:700px;
	height:296px;
	background-position:center center;
	background-size:100%;
	position:relative;
}
#slide .slideText{
	background-color:rgba(0,0,0, 0.85);
	width:100%;
	padding:5px 0;
	font-weight:700;
	font-size:18px;
	color:#FFF;
	text-align:center;	
	position:absolute;                 
	bottom:0;                       
	left:0; 
}
#slide .slideText:hover{
	cursor:pointer;
	color:#e43805;
	background-image:url(images/arrow.png);
	background-position:right center;
	background-repeat:no-repeat;
	background-size:auto 80%;
}
#slide .slideThumb{
	float:right;
	width:170px;
	height:93px;
	background-position:center center;
	background-size:100%;
	margin-bottom:2px;
	cursor:pointer;
	border-bottom:4px solid #333333;
}
#slide .slideThumb img{
	display:block;
}
#innerContent{
	display:block;
}
#innerContent .innerLeft{
	float:left;
	border:0px #cecece dotted;
	width:600px;
}
.TimePost{
	font-size:11px;
	text-transform:uppercase;
	color:#2E2E2E;
	margin-bottom:5px;
	display:block;
	font-weight:700;
}
#innerContent .innerRight{
	float:right;
	border:0px #cecece dotted;
	width:270px;
}
.headArtikelOut{
	padding:0px 0 2px 0;
	border-top:0px #FF7B54 solid;
	border-bottom:2px #e43805 solid;
	margin-bottom:10px;
}
.headArtikelIn{
	font-family: 'Francois One', sans-serif;
	text-transform:uppercase;
	font-size:20px;
	color:#2E2E2E;
	text-shadow: 1px 1px 1px #FFF; 
	margin-top:0px;
	padding:5px 0 5px 10px;
	border-top:0px #FF7B54 solid;   
	background: #ff420a;
	background: -moz-linear-gradient(top, #ff420a 0%, #e43805 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff420a), color-stop(100%,#e43805));
	background: -webkit-linear-gradient(top, #ff420a 0%,#e43805 100%);
	background: -o-linear-gradient(top, #ff420a 0%,#e43805 100%);
	background: -ms-linear-gradient(top, #ff420a 0%,#e43805 100%);
	background: linear-gradient(top, #ff420a 0%,#e43805 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff420a', endColorstr='#e43805',GradientType=0 );
	color: #FFF;
	text-shadow: 0px 1px #c33409;
}
#looppostOut{
	padding:5px 0 5px 0;
	border-bottom:1px #cecece dotted;
	font-family: 'Francois One', sans-serif;
	font-size:12px;
	color:#2E2E2E;
	display:block;
	position:relative;
	min-height:160px;
	margin-top:10px;
}
#looppostOut .looppostImage{
	width:280px;
	height:150px;
	border:1px solid #828282;
	background-position:center center;
	background-size:100%;
	display:inline-block;
	margin-top:5px;
	margin-left:2px;
}
#looppostOut .looppostDesc{
	width:300px;
	padding-top:0;
	padding-left:10px;
	vertical-align:top;
	display:inline-block;
	margin-bottom:10px;
}
#looppostOut .postTitle{
	font-size:18px;
	text-transform:uppercase;
	color:#2E2E2E;
}
#looppostOut .postTime{
	font-size:11px;
	text-transform:uppercase;
	color:#2E2E2E;
	float:left;
}
#looppostOut .postMore{
	/*background-color:rgba(0,0,0, 0.85);*/
	padding-right:15px;
	font-size:11px;
	color:rgba(0,0,0, 0.65);
	background-image:url(images/simple-nav-arrow.png);
	background-position:center right;
	background-repeat:no-repeat;
	cursor:pointer;
	float:right;
	display:inline;
}
#looppostOut .postDesc{
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#2E2E2E;
	margin-bottom:2px;
	padding-top:10px;
	border-top:1px dotted rgba(0,0,0, 0.85);
}
#looppostOut .postMore:hover{
	color:rgba(0,0,0, 0.85);
}
.pengumuman{
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#2E2E2E;
	border:0px #e43805 solid;
	border-top:0px #e43805 solid;
	margin-top:-10px;
	padding:10px;
	background-color:#F2F2F2;
}
.cikgu{
	background-image:url(images/cikgu.jpg);
	background-size:100%;
	background-position:center center;
	height:150px;
}
.cikgu .cikguText{
	font-family: 'Karla', sans-serif;
	font-size:15px;
	color:#FFF;
	text-align:right;
	padding-right:10px;
	padding-top:10px;
	padding-left:100px;
	text-shadow: 0px 1px #333;
}
.pengunjung{
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#2E2E2E;
	border:0px #e43805 solid;
	border-top:0px #e43805 solid;
	margin-top:-10px;
	padding:10px;
	background-color:#F2F2F2;
}
.pengunjung div{
	padding-bottom:10px;
	margin-left:20px;
	background-repeat:no-repeat;
}
.pengunjung .ipdiv{
	font-size:12px; 
	text-align:center; 
	border-top:1px dotted #999; 
	padding: 10px 0 0;
	margin:0 10px;
}
.pengunjung span{
	padding-left:30px;
}
#pophead{
	padding:10px;
	margin:-10px;
	margin-bottom:10px;
	background-color:#F90;
	font-weight:700;
	text-transform:uppercase;
}
#divArrow{
	display:block;
	text-align:center;
	margin-top:-10px;
	padding:5px;
	padding-right:0;
}
.imgPop{
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#divArrow .arrow{
	font-weight:700;
	padding:5px;
	border:#cecece 1px solid;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:block;
	cursor:pointer;
	margin-right:2px;
}
#divArrow .arrow:hover{
	background-color:#FFC;
}
#copyrights{
	float:left;
	width:880px;
	padding:20px 50px 20px 50px;
	margin:0 0 0 -50px;
	background:#FFF;
	border-top:1pt solid #e1e1e1;
	font-size:11px;
}

/*---------START INPUT-----------*/
input{
	padding:5px;
	border:1px solid #cecece;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
}
input:focus,textarea:focus {
	background-color:#FFFFD6;
}
select, textarea {
	padding:4px;
	border:1px solid #cecece;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
}
input[type="submit"],input[type="reset"],input[type="button"]{
	border:1px solid #25729a; 
	-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;
	background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
	background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
	background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	line-height: normal;
	padding: 8px 25px;	
	color:white;
}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover {
	border:1px solid #1c5675;
	background-color: #26759e; background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), to(#133d5b));
	background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
	background-image: -moz-linear-gradient(top, #26759e, #133d5b);
	background-image: -ms-linear-gradient(top, #26759e, #133d5b);
	background-image: -o-linear-gradient(top, #26759e, #133d5b);
	background-image: linear-gradient(to bottom, #26759e, #133d5b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b);
}
.textSearch{
	padding:7px;
}
/*---------END INPUT-----------*/