body {

  background: #DDD;;

  color: #000;

  font:normal 13px "Helvetica Neue",Helvetica,Arial,sans-serif;

  padding: 0;

  margin: 0;

}



a {

  color: #55f;

  text-decoration: none;

}

a:hover {

  text-decoration: underline;

}



img {

  -webkit-transition: 0.5s;

  -moz-transition: 0.5s;

  -o-transition: 0.5s;

  -ms-transition: 0.5s;

  transition: 0.5s;

}

img:hover {

opacity: 0.7;

filter: alpha(opacity=70); /* For IE8 and earlier */

}

h1,h2,h3{margin:0;}



h1{font-size:18px}

h2{font-size:16px}

h3{font:400 14px Georgia,Times}



#bodycontainer {

padding: 0;

margin-left: auto;

margin-right: auto;

margin-top: 0px;

margin-bottom: 0px;

max-width: 930px;

}



#header {

  padding: 10px 20px;

  text-align: center;

  margin-top: 10px;

}

.head {

  margin: auto;

}

.deskripsi {

  font: italic 15px Georgia,Times;

  color: #555;

  font-weight: normal;

  padding: 0;

  margin: 0;

}





 /* Remove margins and padding from the list, and add a black background color */

ul.topnav {

    list-style-type: none;

    margin: 0;

    padding: 0;

    overflow: hidden;

    background-color: #3498DB;

}



/* Float the list items side by side */

ul.topnav li {float: left;}



/* Style the links inside the list items */

ul.topnav li a {

    display: inline-block;

    color: #fff;

    text-align: center;

    padding: 10px 12px;

    text-decoration: none;

    transition: 0.3s;

}



/* Change background color of links on hover */

ul.topnav li a:hover {background-color: #A5B5B6;}



/* Hide the list item that contains the link that should open and close the topnav on small screens */

ul.topnav li.icon {display: none;}



#content {

  outline:#c9c9c9 solid 1px;

  border:1px solid #fff;

  background-color:#e9e9e9;

  margin: 10px 0px;

  padding: 10px 20px;

}

.kolom {

  text-align: justify;

  padding: 10px;

}

.kolom a {

  text-decoration:none;background-color:#f7f7f7;border-radius:3px;display:inline-block;min-width:50px;margin:0 5px 7px;text-align:center; padding:5px 8px;;

}

.kolom a:hover {

  background: #3463FF;

  color: #fff;

}

.kolom a.lain {

  background: #3463FF;

  color: #fff;

}

.kolom a.lain:hover{

  text-decoration: underline;

}

#content .menu {

  padding:6px; text-decoration: none;color: #333;

  border-bottom: 1px solid #ccc;

}

.multi {

  margin: 10px;

}

.multi_list {

  padding: 6px;

}

.multi_list:nth-child(odd){

  background: #95A5A6;

}

.multi_list:nth-child(odd) a {

  color: white;

}



.breadcrumb {

  padding: 8px;

  margin-bottom: 8px;

  border: 1px solid #3498DB;

}

.note {

  padding: 8px;

  margin-bottom: 8px;

  border: 1px solid #D00;  

}

.single {

  margin: 18px 8px;

}

.descFirst {

  margin: 9px 0px;

}

.gaulList {

  margin-bottom: 20px;

}

.gaulList h2 {

  margin-left: 5px;

  padding: 10px 0px;

}

.quote {

  margin-left: 7px;

  margin-bottom: 12px;

  border-left: 4px solid #95A5A6;

  padding: 5px 15px;

  line-height: 25px;

  background: #fff;

}

.quote b {

  background: #ff7;

}

.quote i {

  color: #2A4FFF;

}

.example {

  margin-left: 10px;

  margin-bottom: 12px;

  border: 1px solid #3498DB;

  padding: 7px;

  line-height: 25px;

}

.gaulList .quote {

  margin-left: 20px;

}

.gaulList .example {

  margin-left: 20px;

}

.simTitle {

  margin-top: 20px;

}

.simbol {

  padding: 3px;

  margin: 7px;

  list-style-type: none;

}

.simbol li {

  margin: 8px;

  padding: 0;

}

.sim {

  display: inline-block; width: 27px; padding: 3px; text-align: center; background: #95A5A6; color: white;

}



.pranala-link {

  text-decoration:none;padding:4px 10px;background:#0a68ff;margin-left:5px;color:#fff;border-radius:3px; font-weight: normal!important;

}

.pranala-link:hover {

  color:#ff6;

}



.share {

  padding: 10px;

}

.share a {

  text-decoration:none;background-color:#f7f7f7;border-radius:2px;display:inline-block;min-width:50px;margin:0 5px 7px;text-align:center; padding:8px; color: #fff; font-weight: bold;

}

.share a:hover {

  background: #3463FF;

  color: #fff;

}

a.fb {

  background: #3d5a98;

}

a.twt {

  background: #09b0ed;

}

a.gp {

  background: #dd4c39;

}





#content .paging {

  clear: both;

  padding: 30px;

  border-bottom: 1px solid #ddd;

  text-align: center;

}

#content .paging a {

  margin: 8px;

  padding: 6px 12px;

  text-decoration: none;

  font-size: small;

  background: #777;

  color: #fff;

  display: inline-block;

}

#content .paging span {

  margin: 8px;

  padding: 6px 12px;

  text-decoration: none;

  font-size: small;

  display: inline-block;

}



#sidebar {

  outline:#c9c9c9 solid 1px;

  border:1px solid #fff;

  background-color:#e9e9e9;

  margin: 10px 0px;

  padding: 10px 20px;

}



#sidebar h3{font-size:18px; font-weight: bold; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}

#sidebar ul {

  margin: 10px 5px;

  padding: 0;

  list-style-type: none;

}

#sidebar li {

  margin: 0;

  padding: 0;

  display:inline-block;

}

#sidebar li a {

  text-decoration:none;

  background: #3463FF;

  color: #fff;

  border-radius:3px;

  display:inline-block;

  min-width:50px;

  margin:0 5px 7px;

  text-align:center;

  padding:4px;

}

#sidebar li a:hover{

  text-decoration: underline;

}





#footer{

  text-align:center;

  clear: both;

  color:#666;

  text-shadow:1px 1px 1px #fff;

  font-size:11px;

  margin: 20px;

}

#footer a{color:#333;border-bottom:1px dotted #666}

#footer a:hover{color:#000}



.search {

  padding: 8px;

  text-align: center;

}



.searchform input[type="text"] {

  background-position:99% 50%;background-repeat:no-repeat;border:1px solid #AAA;border-right-width:0;border-radius:3px 0 0 3px;padding:5px 11px;width:50%

}

.searchform button, input[type=submit] {

  background-color:#3498DB;border:1px solid #2980B9;padding:5px 13px;margin-left:0;border-radius:0 3px 3px 0; color: #fff;

}

.searchform select {

  padding:5px 11px; border: 1px solid #AAA;

}



@media screen and (max-width:950px) {

  #bodycontainer {

    margin: 0;

    padding: 0;

  }

  #content{

  min-height: 0px;

  padding: 5px 10px;

  }

  #sidebar{

  min-height: 0px;

  padding: 5px 10px;

  }



  #content .paging a {

    margin: 2px 6px;

    padding: 3px 6px;

    display: inline-block;

  }

  #content .paging span {

    margin: 2px 6px;

    padding: 3px 6px;

    display: inline-block;

  }

  ul.topnav li:not(:first-child) {display: none;}

  ul.topnav li.icon {

    float: right;

    display: inline-block;

  }

  ul.topnav.responsive {position: relative;}

  ul.topnav.responsive li.icon {

    position: absolute;

    right: 0;

    top: 0;

  }

  ul.topnav.responsive li {

    float: none;

    display: inline;

  }

  ul.topnav.responsive li a {

    display: block;

    text-align: left;

  }



}