@import "fonts/steelfish.css";
@import "fonts/grotzechdcnlight.css";
@import "fonts/wearetrippin.css";
@import url(http://fonts.googleapis.com/css?family=Oswald:300);
@import url(http://fonts.googleapis.com/css?family=Overlock:400);
@import url(http://fonts.googleapis.com/css?family=Karla:400);
@import url(http://fonts.googleapis.com/css?family=Cabin+Condensed);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

/*
THEME NAME: Arto
THEME URI: http://counterpart.x10.mx/html/uc/arto
DESCRIPTION: Arto is a Stylish Underconstruction Template with Portfolio
VERSION: 1.0
AUTHOR: <a href="http://www.wordpresstoblogger.info">Dilip Kumar</a>
AUTHOR URI: http://www.wordpresstoblogger.info

font-family:WearetrippinShort;
font-family:grotzechdcnlight, sans-serif;
font-family: steelfish, sans-serif;


*/
.folio-content li div h4 a:link,
.folio-content li div h4 a:visited { color:#FFF !important;}
.folio-content li div h4 a:hover { color:#FC0;}


.jd_besar_list {font-family:WearetrippinShort; font-size:30px;color: #FFF; padding:15px 0px; text-transform:uppercase; border-bottom:1px dotted #FFF;}

.pakage_list {  padding:15px 0px; border-bottom:1px dotted #FFF;}
.thumb_listi { width:160px; height:110px; float:left; margin-right:10px;}
.isi_list { width:430px; float:left; }
.judul_listia a:link,
.judul_listia a:visited {font-family:WearetrippinShort; font-size:21px;color: #FC0; font-weight:normal; word-spacing:-5.5px;}
.judul_listia a:hover {font-family:WearetrippinShort; font-size:21px;color: #F60; font-weight:normal;  word-spacing:-5.5px;}
.prenya { font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#FFF;}


.bgp_wrap  { width:1097px; margin:0px auto; background-image:url(../images/bg_home.jpg); background-position:top; background-repeat:no-repeat;}
.bgp_sub  { width:1097px; margin:0px auto; background-image:url(../images/bg_sub.jpg); background-position:top; background-repeat:no-repeat;}
.bgp_gal  { width:1097px; margin:0px auto; background-image:url(../images/bg_galeri.jpg); background-position:top; background-repeat:no-repeat;}
.wrapnya {width:1000px;}
.menuatas {}
.menuatas ul { list-style:none; padding-left:0px;}
.menuatas ul li { list-style:none; padding-left:0px; margin-right:10px; display:inline;
font-family:WearetrippinShort; font-size:24px; padding:15px 0px;}
.menuatas ul li a { color:#FFF; text-transform:uppercase;}
.menuatas ul li a:hover { color: #09F; text-transform:uppercase;}
.pad10 {padding:10px;}
.blockquote {font-family:grotzechdcnlight, sans-serif;font-size:24px; color: #FC0; border-bottom:1px solid #FFF5B3;  
border-top:1px solid #FFF5B3; padding:7px 0px; line-height:26px;}
.box_tul { background-color: #0289CA; padding:10px; border:1px solid #005E8A; border-radius:15px;}


.menukirihome {}
.menukirihome ul { list-style:none; padding-left:0px;}
.menukirihome ul li { list-style:none; padding-left:0px; padding:15px 0px; border-bottom:1px solid #0a3a5c;
font-family:grotzechdcnlight, sans-serif; font-size:21px; text-align:center; text-transform:uppercase;}
.menukirihome ul li a { color:#FFF;}
.menukirihome ul li a:hover { color: #F60;}
.h5 { height:5px;} .h10 { height:10px;} .h15{ height:15px;} .h20 { height:20px;}

.posisi_menuhome {margin-left:57px; width:200px; margin-top:40px;}

.container p { color:#FFF; font-family: 'Open Sans', sans-serif;
font-size:14px; line-height: 23px; margin-bottom: 20px; font-weight:100;}

.container strong { font-weight:bold; color:#FC0; line-height:25px; padding:10px 0px;
font-family:Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif;  font-size:16px; font-style:italic;}

.judul_detail { font-family:WearetrippinShort; font-size:30px;  word-spacing:-10px; line-height:36px;
color: #FC3; font-weight:normal; text-shadow: 2px 2px #000000;}
.ket_detail { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#F93;font-weight:normal; margin:10px 0px;}
.heder_kanan { font-family:WearetrippinShort; font-size:24px; padding:15px 0px 10px 0px; border-bottom:1px solid #FFF; color:#5BEFFF}

.tgl_pub {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#F93;font-weight:normal; margin:5px 0px;}
.thumb_ima { height:60px; width:80px; float:left; margin-right:10px; margin-top:5px;}
.knana { float:right; width:190px;}
.luis_berita_lain { }
.luis_berita_lain ul {list-style:none; padding-left:0px;}
.luis_berita_lain ul li {list-style:none; padding-left:0px;padding:0px 0px 5px 0px; border-bottom:1px solid #0a3a5c; text-shadow: 2px 2px #000000;
font-family: 'Oswald', sans-serif; font-size:18px; text-align:left;font-weight: normal; line-height:23px;}

.luis_berita_lain ul li a { color:#FFF;}
.luis_berita_lain ul li a:hover { color:#09F;}

.data_berita_lain { }
.data_berita_lain ul {list-style:none; padding-left:0px;}
.data_berita_lain ul li {list-style:none; padding-left:0px;padding:5px 0px; border-bottom:1px dotted #6CF;
font-family: 'Oswald', sans-serif; font-size:17px; text-align:left;font-weight: normal; line-height:22px;}
.data_berita_lain ul li a { color:#FFF;}
.data_berita_lain ul li a:hover { color:#09F;}

.perview_teaser p { font-family:Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif; 
color: #FC3; font-size:18px; font-style:italic; margin-bottom:15px; line-height:25px;}


html{height:100%}body{background:#083c69;font-family:'Georgia',sans-serif;font-size:12px;color:#828282;line-height:20px;overflow:auto; background-image:url(../images/bg_repeat.jpg); background-repeat:repeat-x;}a:link,a:visited,a:active{color:#f00;outline:0;text-decoration:none}a:hover{color:#fff}div#cover{width:1000px;background:url(../images/overlay.html)}.main-wrap{ background:#083c69;height:100%;float:left}div#header{height:45px;padding:20px 0}.logo-wrap{background-repeat:no-repeat;width:200px}.logo{width:154px;height:154px;margin:0 auto;padding:35px 0}div.social-wrap{font-size:18px;color:#fff;width:440px}ul.social-networks{list-style:none;overflow:hidden;margin:0 auto;padding:15px 0;width:216px}ul.social-networks li{float:left;margin:0 2px;border:0}.icon-twitter a,.icon-facebook a,.icon-dribbble a,.icon-skype a,.icon-gplus a,.icon-rss a{float:left;background:url(../images/social-sprite.png) no-repeat left bottom;text-indent:8000px;width:32px;height:32px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;margin-top:3px}.icon-twitter a:hover,.icon-facebook a:hover,.icon-dribbble a:hover,.icon-skype a:hover,.icon-gplus a:hover,.icon-rss a:hover{opacity:.8;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.icon-twitter,.icon-twitter a{background-position:-0px bottom}.icon-facebook,.icon-facebook a{background-position:-32px bottom}.icon-dribbble,.icon-dribbble a{background-position:-64px bottom}.icon-skype,.icon-skype a{background-position:-96px bottom}.icon-gplus,.icon-gplus a{background-position:-128px bottom}.icon-rss,.icon-rss a{background-position:-160px bottom}div.welcome-content{padding:40px 0;text-align:center;font-style:italic}h3.welcome-title{font-size:17px;color:#fff;padding-right:10px;font-weight:100}div.welcome-content p{font-size:13px;color:#626262;line-height:23px;text-align:center;margin:10px 0 0 0;padding:0 35px}span.highlight,span.highlight a{color:#828282}.countdown-wrap{width:450px;text-shadow:1px 1px 1px rgba(0,0,0,0.5)}#countdown-timer{color:#777;margin:10px auto 20px auto;width:345px;overflow:hidden;text-align:center}#countdown-timer .block{float:left;height:55px;width:55px;display:block;padding:5px}#countdown-timer .block span{display:block;font-size:35px;padding:10px 0 5px 0;line-height:60px;color:#fff}#countdown-timer div.space{color:#232323;display:block;line-height:1.7em;font-size:50px;float:left;height:120px;width:5px}.border{background:url(../images/border1.png) no-repeat;width:352px;margin:0 auto;height:14px}div.footer-bottom{padding:30px 0;color:#999;text-transform:uppercase}div.copyright{text-align:center;font-size:11px}#folio-wrap{width:640px;float:right;overflow:hidden}.folio-content{list-style:none;position:relative;padding:0;margin:0;width:640px;display:inline}.folio-content li{background:#083c69;width:210px;height:180px;float:left;overflow:hidden}.folio-content li,.folio-content li img{display:block;position:relative}.folio-content li{overflow:hidden}.folio-content li:hover{cursor:pointer}.folio-content li div{position:absolute;background:rgba(255,0,0,0.8);-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFF0000,endColorstr=#CCFF0000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFF0000,endColorstr=#CCFF0000);zoom:1;width:190px;height:160px; padding:10px 10px;font-family:Helvetica,Arial}.folio-content li div h4{font-family: 'Oswald', sans-serif;color:#fff;font-size:18px; font-weight:normal;}.folio-content li div p{color:#fff;font-weight:100;font-size:12px; padding-top:10px; line-height:17px;}.folio-content li div.da-animate{-webkit-transition:all .3s ease;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.meta-tag{background:#fff url(../images/tag.png) no-repeat left 9px;color:#f00;font-size:10px;font-weight:bold;padding:7px 10px 7px 25px;text-transform:uppercase}.meta-link a{display:block;width:25px;height:25px;position:absolute;bottom:15px;right:15px;overflow:hidden;background:transparent url(../images/plus.png) no-repeat;text-indent:-9999em}.meta-link a:hover{background:transparent url(../images/plus_hr.png) no-repeat}.meta-zoom a{display:block;width:25px;height:25px;position:absolute;bottom:15px;right:45px;overflow:hidden;background:transparent url(../images/zoom.png) no-repeat;text-indent:-9999em}.meta-zoom a:hover{background:transparent url(../images/zoom_hr.png) no-repeat}.da-slideFromTop{left:0;top:-100%}.da-slideFromBottom{left:0;top:100%}.da-slideFromLeft{top:0;left:-100%}.da-slideFromRight{top:0;left:100%}.da-slideTop{top:0}.da-slideLeft{left:0}.folio-content-full{padding:20px 0;font-family:Helvetica,Arial}.folio-content-full h1{font-size:35px;text-transform:Uppercase;margin:20px 0 40px 0;color:#fff}.folio-content-full p{padding:30px 0 10px 0}.meta-tag-content{background:#f00 url(../images/tag-content.png) no-repeat left;color:#fff;font-size:18px;padding:10px 15px 10px 40px;text-transform:uppercase}

 .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }