body {
   background: #FD9913;
   font-family: Times new roman, verdana, sans-serif;
   font-size: 18px;
   overflow: auto;
   color: #000000;
}
a {
   text-decoration: none;
   color: #000000;
}
h1 {
   text-align: center;   
}
h2, h3 {
   text-align: left;
}
img {
   text-align: center;
   max-width: 100%;
   background: #FFFFFF;
   height: auto;
   width: auto;
}
#wrapper {
   margin: 0 auto;
   max-width: 1020px;
   width: 96%;
   background: #ffffff;
   border: 1px solid #000;
   border-radius: 1px;
   box-shadow: 0 0 10px 0px rgba(12, 3, 25,0.8);
}
#top-ads {
   width: 100%;
   height: auto;
   background: #F30009;
   overflow: hidden;
}
#top-ads p {
   text-align: right;
   font-size: 13px;
   padding: 0.1% 5% 0 0;
   color: #000;
}
#top-ads p a {
   color: #FFFFFF;
   text-decoration: none;
}
header {
   width: 97%;
   min-height: 25px;
   padding: 5px;
   text-align: center;
}
nav ul {
   list-style: none;
   margin: 0;
   padding-left: 178px;
   font-family: Times, arial, sans-serif;
}
nav ul li {
   float: left;
   border: 1px solid #FD9913;
   width: 15%;
}
nav ul li a {
   background: #FF5609;
   display: block;
   padding: 5% 12%;
   font-weight: normal;
   font-size: 18px;
   color: #FFFFFF;
   text-decoration: none;
   text-align: center;
}
nav ul li a:hover, nav ul li.active a {
   background-color: #FFFFCC;
   color: #00009F;
}
.banner img {
   width: 100%;
   border-top: 1px solid #FD9913;
   border-bottom: 1px solid #FD9913;
}
.clearfix {
   clear: both;
}
/* Content */
#content {
   color: #000000;
}
.left-colomn {
   width: 59%;
   float: left;
   margin: 0% 0% 0% 0%;
}
.wide-ads {
   width: 95%;
   margin: 4%;
   text-align: center;
}
.post {
    
}
.post h1 {
    font-size:30px;
    margin-bottom: 0px;
    margin-top: 16px;
}
h2 {
    font-size:23px;
    line-height:96%;
    margin-bottom: 0%;
    color: #0080FF;
}
h3 {
    font-size:19px;
    line-height:96%;
    margin-bottom: 0%;
    color: #0080FF;
}
.title {
   line-height: 109%;
   padding-left: 2px;
}
.title a {
   color: #FF3334;
   text-decoration: none;
}
.title a:hover {
   color: #FFFFFF;
   background: #666;
}
.meta {
	margin: 0px 0px -6px 0px;
	text-transform: justify;
        color: #0000FF;
        font-size: 13px;
        line-height: 110%;
        text-align: center;
}
.meta a {
        color: #0000FF;
        text-decoration: none;
}
.meta a:hover {
        color: #00009F;
        text-decoration: underline;
}
.entry {
   line-height: 99%;
   font-family: Times new roman, verdana, sans-serif;
   padding: 2% 2% 2% 3%;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.search-result {
   color: #333333;
   font-size: 13px;
}
.search-result a {
   color: #666;
}
.sidebar {
   width: 36%;
   float: right;
   margin: 6% 0% 3% 0%;
   padding: 0% 1% 0% 0%;
   text-align: center;
   line-height: 93%;
   color: #FF5609;
}
.sidebar a {
   color: #00009F;
   font-weight: normal;
   text-decoration: none;
}
.sidebar a:hover {
   color: #FF0000;
   font-weight: normal;
   text-decoration: underline;
}
.ucapan {
   padding: 0% 0% 0% 3%;
}
.section {
   width: 100%;
   float: left;
   margin: 1% 1%;
   text-align: center;  
}
.section a {
   font-weight: bold;
   font-size: 18px;
   color: #FFFFFF;
}
.section a:hover {
   text-decoration: underline;
   font-weight: normal;
   color: yellow;
}
footer {
   background: #878E63;
   width: 100%;
   overflow: hidden;
   color: #FF6609;
}
footer p, footer h3 {
   color: #FF6609;
}
footer p a {
   color: #FF6609;
   text-decoration: none;
}
ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
li {
   display: inline;
}
ul li img {
   height: 50px;
}
/*------------MEDIA!!!-------------*/
@media screen and (max-width: 478px)  {
   body {
      font-size: 18px;
   background: #FD9913;
   }
}
@media screen and (max-width: 740px) {
   nav {
      width: 100%;
      margin-bottom: 3px;
   }   
   nav ul {
      list-style: none;
      margin: 0 auto;
      padding-left: 0;
   }
   nav ul li {
      text-align: center;
      margin: 0 auto;
      width: 100%;
      border-top: 1px solid #FD9913;
      border-right: 0px solid #FD9913;
      border-bottom: 1px solid #FD9913;
      border-left: 0px solid #FD9913;
   }
   nav ul li a {
      padding: 3px 0;
      font-size: 20px;
   } 
   .left-colomn {
      width: 100%;
      padding-left: 1px;
   }
   .title {
      padding-right: 4px;
   }
   h2, h3 {
      font-family: Times new roman, verdana, sans-serif;
      line-height: 93%;
      margin: 2% 1% 2% 0%;
      color: #FF6639;
      text-align: right;
   }
   .post h1 {
      margin-top: 3px;
   }
   .entry {
      font-size: 16px;
      line-height: 93%;
   }
   .search-result {
   text-align: left;
   }
   .sidebar {
      width: 100%;
      margin: 1% 1% 3% 4%;
      padding-left: 9%;
      line-height: 79%;
   }
   .sidebar a {
      font-size: 16px;
   }
   .section {
      width: 100%;
      background: #FD9913;
   }
}