/*
Theme Name: Subkinetic
Theme URI: http://www.chazzuka.com/
Description: theme created for subkinetic by <a href="http://www.chazzuka.com/">bali web design studio</a>.
Version: 1.0
Author: Komang Chazzuka
Author URI: http://developer.web.id/
*/

/*
---------------------------------- custom */
* { line-height:normal; }
a { color:#00fffc; margin:0px; padding:0px; text-decoration:none; }
a:hover { color:#fff; }
a { color:#0FF!important; }
a:hover { color:#000!important; }

body { background:#777777; padding::0px; margin:0px; font-family:Arial, Helvetica, sans-serif; }

#inpage {}
#header .last { text-align:right; }

#fold .last { text-align:right; }
ul#top-nav{ padding-top:10px; }
ul#top-nav li { list-style:none; display:inline; margin:0px 1px 0px 0px; }
ul#top-nav li a,
ul#top-nav li li a{ font-weight:bold; color:#fff!important; text-decoration:none; font-size:12px; background:#000;background:url(image/nav-left.png) top left no-repeat; height:21px; display:inline-block; padding:0; margin:0; }
ul#top-nav li li { margin-bottom:1px; }
ul#top-nav li li a span { width:150px; text-align:left; padding-top:1px; }
ul#top-nav li a span,
ul#top-nav li li a span{background:url(image/nav-right.png) top right no-repeat; display:inline-block; height:21px; padding-right:9px; margin-left:9px; line-height:21px; white-space:nowrap; }
ul#top-nav li a:hover,
ul#top-nav li a.current,
ul#top-nav li li a:hover{ background:url(image/nav2-left.png) top left no-repeat; color:#000!important; }
ul#top-nav li a:hover span,
ul#top-nav li a.current span,
ul#top-nav li li a:hover span{background:url(image/nav2-right.png) top right no-repeat; }

#searchbox { background:url(image/search-box.png) left top no-repeat; margin:5px 0px; }
#searchbox input { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; padding:5px; margin:10px; width:650px; float:left; background:#b5f0fc; border-color:#b5f0fc; }
#searchbox input:hover,
#searchbox input:focus { border-color:#b5f0fc; }
#searchbox button { background:url(image/search-button.png) top left no-repeat; border:none; color:#029292; text-transform:uppercase; font-size:11px; width:77px; height:35px; line-height:30px; float:right; margin:7px 10px 10px 0px; display:inline-block; text-align:center;}

#listing { line-height:normal; margin-bottom:10px; }
span.splitter {background:url(image/splitter.gif) bottom left repeat-x; margin:5px 0px; height:2px; display:block;}
#listing ul { margin:0!important; padding:0!important; }
#listing ul li { list-style:none; background:url(image/splitter.gif) bottom left repeat-x; padding:6px 0px; }
#listing ul li a img { float:left; margin:0px 5px 5px 0px; border:solid 5px #666; }
#listing ul li a:hover img { border-color:#000; }
#listing ul li span {}
#listing ul li a.title { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#00ebeb; text-decoration:underline; display:block; padding:2px 0px; margin:0; }
#listing ul li a.title:hover { color:#fff; }
#video-preview a.title { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#000; text-decoration:none; font-weight:bold; display:block; }

span.more { display:block; text-align:right; margin:5px 0px; }
span.more a { background:url(image/arrow.gif) center left no-repeat; padding-left:15px; font-weight:bold; color:#000; text-decoration:none; padding-bottom:5px; padding-top:3px; }

#extra ul { padding:0; margin:0; }
#extra p a { color:#3FF; }
#extra ul li { list-style:none; padding:0; margin:0; background:url(image/splitter.gif) bottom left repeat-x; padding:5px; }
#extra ul li a.twitter { display:block; background:url(image/twitter.gif) no-repeat; height:46px; }
#extra ul li a.rss { display:block; background:url(image/rss.gif) no-repeat; height:44px; }
#extra ul li a.twitter:hover,#extra ul li a.rss:hover { text-decoration:none; }
#extra ul li.last { background:none; }
#extra span.more { text-align:left; }


#footer { background:url(image/splitter.gif) top left repeat-x; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:16px; color:#000; padding:10px 0px; margin-top:25px; }
#footer a { color:#00fefe; text-decoration:none; }
#footer small { float:right; font-size:10px; color:#424141; text-transform:lowercase; }
#footer small a { color:#424141; }
#footer small a:hover { color:#fff; }

 div#slide-holder{
  width:770px;
  height:368px;
  position:relative;
 }
  div#slide-holder div#slide-runner{
   width:770px;
   height:368px;
   overflow:hidden;
   background:#000;
   position:relative;
  }
  div#slide-runner a { margin:0; padding:0; }
  div#slide-holder img{
   margin:0;
   display:none;
   position:absolute;
  }
  div#slide-holder div#slide-controls{
   left:0;
   bottom:10px;
   width:770px;
   height:46px;
   display:none;
   position:absolute;
   background:url(image/slide-bg.png) 0 0;
  }
   div#slide-holder div#slide-controls p.text{
    float:left;
    color:#fff;
    display:inline;
    font-size:10px;
    line-height:16px;
    margin:15px 0 0 20px;
    text-transform:uppercase;
   }
 
   div#slide-holder div#slide-controls p#slide-nav{
    float:right;
    height:24px;
    display:inline;
    margin:11px 15px 0 0;
   }
    div#slide-holder div#slide-controls p#slide-nav a{
     float:left;
     width:24px;
     height:24px;
     display:inline;
     font-size:11px;
     margin:0 5px 0 0;
     line-height:24px;
     font-weight:bold;
     text-align:center;
     text-decoration:none;
     background-position:0 0;
     background-repeat:no-repeat;
    }
    div#slide-holder div#slide-controls p#slide-nav a.on{
     background-position:0 -24px;
	 color:#fff;
    }
div#slide-holder div#slide-controls p#slide-nav a{background-image:url(image/silde-nav.png);}

#banner {-moz-border-radius: 10px;-webkit-border-radius: 10px; width:770px; height:367px; border:solid 10px #000; margin-bottom:10px; }

#about-detail{}
#about-detail .aouter { background-color:#626262; }
#about-detail .ainner { background:url(image/about_quote.gif) top left no-repeat; padding-top:19px; }
#about-detail .acontent { background:url(image/about_quote_bt.gif) bottom left no-repeat; font:italic 18px/normal Georgia, "Times New Roman", Times, serif; color:#000; padding:0px 20px 65px; }

.video-small a { margin-top:15px; }
#video-preview .video-small a:hover { color:#fff; }
.video-item { float:left; margin-right:10px; margin-bottom:10px; }
.video-item-last { margin-right:0px; float:left; margin-bottom:10px; }
.video-info { background:#565656; padding:5px 10px; }
.video-info strong a { font-size:16px; color:#000; text-decoration:none; }
.video-info strong a:hover { color:#0CF; }
.video-info small { color:#2b2b2b; }

#about-detail a { color:#0CF; }
#about-detail a:hover { color:#fff; }

#frm input.form,
#frm textarea.form
{ background:#2a2a2a; border:solid 1px #111; font-size:14px; padding:5px; color:#ccc; display:block; font-family:Arial, Helvetica, sans-serif; width:300px; margin:0px; }
input#button { font-size:14px; text-transform:uppercase; background:#000; color:#fff; font-weight:bold; padding:5px; }
form label { display:block; margin:10px 0px; }
#frm label.error { color:red; display:inline; padding:0px; margin:0px; background:none; border:none; font-weight:normal; color:#fff; }
#frm input.error,textarea.error { background:#2a2a2a; border-color:red; color:red; }
.status_message { display:block; background:#111; color:#F00; padding:5px; margin:10px 0px 0px 0px; border:solid 1px #F00; }

img.alignleft { float:left; border:solid 5px #333; margin:0px 10px 10px 0px; }

h1,h2,h3 { text-transform:uppercase; font-size:14px; }
h1 a,
h2 a,
h3 a { text-decoration:none!important; color:#000!important; }
h1 a:hover,
h2 a:hover,
h3 a:hover { color:#fff!important; }
h2 { background:url(image/spaner.gif) left top no-repeat; padding-top:6px; }

ul#qtrans_language_chooser { margin-top:5px; }
ul#qtrans_language_chooser li { float:right; list-style:none; }
ul#qtrans_language_chooser li a { color:#000!important; text-decoration:none; }
ul#qtrans_language_chooser li.active a,
ul#qtrans_language_chooser li a:hover { color:#0FF!important; }

ul#related { margin-left:15px;}
ul#related li { list-style:circle; padding:5px 0px; border-bottom:dashed 1px #666; }
ul#related li a { color:#000; }
ul#related li a:hover { color:#0CF; }

#results .post strong a { display:block; text-decoration:underline; color:#000; font-size:14px; }
#results .post strong a:hover { color:#0CF; }

#facebox { z-index:999; font-size:12px; }
#facebox td.body {}

#video-preview p { margin:0px; padding:0px; }
#video-detail-desc { margin-bottom:15px; }