/*
 * Agar lebih mudah diupdate, bagian ini saya buat terpisah.
 * Include-kan dibawah flexslider.css
 */
 
@import url("flexslider.css");

/* flexslider default theme */
.flexslider {margin:0; background:transparent; border:0; position:relative; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; padding: 0; zoom: 1;}

/* Caption */
.flex-caption {width: 100%;margin: 0; padding:10px 0 30px 0; position: absolute; left: 0px;text-align:center;bottom: 20px;background: url(../images/slider/background/long_border_single.png) no-repeat center bottom;color: #ddd;text-shadow:1px 1px 0 #000;font: italic 14px/1.6em georgia, 'times new roman', serif;}
.slider {width:940px;margin:0 auto;}
.slider .flex-caption {background:transparent url(../images/slider/background/caption.png) no-repeat center bottom;}
.post .slider {width:100%;}
.post .slider .flex-caption {bottom:-10px;}

/* Direction Nav */
.flex-direction-nav {height: 0;}
.flex-direction-nav a {width: 24px; height: 26; background: url(../images/slider/background/arrows.png) no-repeat left center; position: absolute; top: 40px; cursor: pointer; text-indent: -998em; opacity:0.8;}
.flex-direction-nav li a:hover {opacity:1;}
.flex-direction-nav .flex-next {background-position: right center; right: 20px; }
.flex-direction-nav .flex-prev {left: auto; right: 45px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 20px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: auto; right: 45px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; left:50px; top: 20px; bottom: auto; text-align: left;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li a {width: 13px; height: 13px; background: transparent url(../images/slider/background/bg_control_nav.png) no-repeat; cursor: pointer; text-indent: -998em; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none;}
.flex-control-nav li a:hover {background: transparent url(../images/slider/background/bg_control_nav.png) no-repeat 0 -13px;}
.flex-control-paging li a.flex-active {background: transparent url(../images/slider/background/bg_control_nav.png) no-repeat 0 -26px;}