/*Template By S.supriyadi*/
body {background:#ffffff;margin:0 auto;padding:0;color:#444;font-size:12px;font-family:Verdana, Arial, Helvetica, Sans-serif;word-wrap:break-word;max-width:100%;}





a {text-decoration:none}#menu {background: #000000;font-size: 12px;padding: 0;margin: 0;text-align:right;position:fixed;top:0;left:0;right:0;width:100%;height:auto;max-height:60px;z-index:100;overflow-x: auto}


#menu span h1 {padding: 0;margin-right:8px;margin-left:8px;text-align:right;display: inline-block;}



#menu span a {display: block;color: #FFF;font-size: 14px;text-align:right}#menu #icon {font-size: 16px;color: #fff;margin: 0;padding: 16px;border:none !important;cursor: pointer;background:#000000;float:left}

#nav {position: fixed;top:45px;left: -1px;background:#222;background-position: 0 0;margin: 0;width: 50%;z-index: 100;padding:0 0px;border-top:0px solid #ee7721 !important}





#nav ul {padding: 0;margin:0}





#nav li {display: block;padding:10px 7px;border-bottom: 1px solid #333;color:#eee}





#nav li a {;color: #ccc;font-size: 12px;}





#nav h3 {background:#444;margin:0 -5px;padding:12px 12px;font-size:13px;color:#eee;text-transform:uppercase}





#nav li span {float:right}





#nav li:last-child {border:none}





.widget-search-form {margin:60px 0 0 0;padding:7px 0;text-align:center;}





.form-control {width:55%;background:#fff;padding:8px;margin:0;color:#888;border:1px solid #cfcfcf}




.widget-search-form .btn {margin:0;padding:7px;border:1px solid #000000;color:#fff;background:#000000;width:23%}





#content {margin:0;padding:0}





.post:nth-child(odd) {background:#fff;border:1px solid #cfcfcf;width:80%;float:center;padding:0;margin:3px auto;position:relative;margin-center:5px}





.post:nth-child(even) {background:#fff;border:1px solid #cfcfcf;width:80%;float:center;padding:0;margin:3px auto;position:relative;margin-center>:5px}





.post .thumbnail {width: 200px !important;height: 200px !important;padding:1px;border:1px solid #cfcfcf}





.post .post-body {margin:0;padding:10px 0;overflow:hidden;text-align:center;min-height:106px}





.post .post-heading {margin:0;padding:0;position:relative;text-align:center}





.post .post-title {font-size:12px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:0 7px;text-align:center}





.pagination::after,.clear {clear:both}





.pager {background:#f5f5f5;margin:5px 0;padding:0;text-align:center;border-bottom:1px solid #e7e7e7}





.moto {background:#f5f5f5;text-align:center;margin:0 0 4px 0;padding:0}





.moto h2 {margin:0;padding:7px;font-size:12px;color:#55555}





a {color:#ee7711}





img {max-width:80%;max-height:80%}





.widget-navigation li,.recent-posts li {background:#fff;border-bottom:1px solid #e5e5e5;margin:0;padding:7px}




.footer {background:#000000;border-top:2px solid orange;text-align:center;color:#ccc;margin:0;padding:1px}





#tos {margin:7px 0 0 0;background:#f5f5f5;text-align:center;padding:0;}





#tos ul {list-style:none;margin:0;padding:3px}





#tos li {display:inline-table;margin:0;padding:5px 3px;}





.breadcrumb li {display:inline-block}





.breadcrumb .divider {padding:2px}





.breadcrumb {margin:7px;padding:7px;border:1px solid #cfcfcf;background:#fff;color:#555}





.post-page {margin:7px;padding:0;background:#fff;border:1px solid #cfcfcf}





.post-page .post-heading {margin:0;padding:7px;color:#555;border-bottom:1px solid #cfcfcf}





.post-page .post-title {font-size:13px;font-weight:bold;margin:0;padding:0 0 3px 0}





.post-page .post-body {margin:0;padding:7px}





.post-page .post-title {color:#ee7711}





#tos a {color:#555}





.widget-navigation li h1,.widget-navigation li h2,.widget-navigation li h3,.widget-navigation li h4,.widget-navigation li h5,.widget-navigation li h6 {width:100%;margin:-7px;padding:7px;font-size:12px;}





.widget-navigation li h1,.widget-navigation li h2,.widget-navigation li h4,.widget-navigation li h5,.widget-navigation li h6 {background:#ee7722;color:#efefef;}





.widget-navigation li h1 a,.widget-navigation li h2 a,.widget-navigation li h3 a,.widget-navigation li h4 a,.widget-navigation li h5 a,.widget-navigation li h6 a, {color:#efefef}





.post-page ol,.post-page ul {margin:0;padding:0;list-style:none}





.post-page li {margin:0;padding:7px;border-bottom:1px solid #d9d9d9}





.textarea {max-width:60%;max-height:60%;}





.wkwk{position:rel;margin-bottom:5px;border:1px solid #f2f2f2;border-radius:3px;padding:10px 10px 15px;box-shadow:5px 5px 5px -5px rgba(0,0,0,.25);}


.wkwk .image{width:60px;height:60px;border-radius:3px;position:rel;float:left;margin-right:10px;}





.wkwk a.image img{border-radius:3px;max-width:80px;box-shadow:5px 5px 18px -5px rgba(0,0,0,.25);}





.wkwk .title{margin:2px 0 5px;overflow:hidden;font-size:15px;}





.wkwk .infoku{overflow:hidden;color:#808080;line-height:18px !important;padding-left:0;}



.list {margin:7px 0 0 0;background:#ffffff;text-align:left;padding:0;}




table {
  border-collapse: collapse;
  width: 0%;
}



th, td {
  padding: 0px;
  text-align: left;
  border-bottom: 0px solid #ddd;
}




tr:hover {background-color:#f5f5f5;}





.alert {
  padding: 20px;
  background-color: #f44336;
  color: white;
}




.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}




.closebtn:hover {
  color: black;
}



#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}



#myBtn:hover {
  background-color: #555;
}

#pagination-links { font-weight : bold;background-color:#fff;padding:5px 5px 5px 5px;border-left:0px solid #C8E48E;border-right:1px solid #CECECE;border-bottom:0px solid #CECECE; }

#pagination-links a {
color : #fff;
border :1px solid #000;
padding : 3px 5px 3px 5px;
margin : 2px;font-weight : bold;
background-color : #000000; }

}


.filelist_paging { font-weight : bold;background-color:#fff;padding:5px 5px 5px 5px;border-left:1px solid #FF7F50;border-right:1px solid #FF7F50;border-bottom:1px solid #FF7F50; }

.filelist_paging a {
color : #cecece;
border :1px solid #FF7F50;
padding : 3px 5px 3px 5px;
margin : 2px;font-weight : bold;
background-color : #FF7F50; }

.filelist_paging span {
color : #cecece;
border :1px solid #00ff00;
padding : 3px 5px 3px 5px;
margin : 2px;font-weight : bold;
background-color : #FF7F50; }

.filelist_paging b {
color : #cecece;border :1px solid #a9a9a9;padding : 3px 5px 3px 5px;margin : 2px;font-weight : bold;background-color : #FF7F50;}


.jump { background-color:#FF7F50;padding:3px 3px 0px 3px;border-left:1px solid #cecece;border-right:1px solid #ffff;border-bottom:1px solid #ff0000; }

@media only screen and (max- width : 768px ) {
#batasKolom{
clear : both ;
display : table ;
margin :0 auto;
}
. kolom {
padding: 1%;
margin : 1 %;
width : 46 %;
float : left ;
}
}