/*  
Theme Name: Arthemia
Theme URI: http://www.carshowtime.com
Description: <a http://www.carshowtime.com">bomber</a> theme is combining a magazine and a weblog into one; it is not too magazine-ish nor too blog-ish. Designed for Wordpress. Gravatar support included along with automatic thumbnail resizer.
Version: 1.0 Modified
Author: xxx
Author URI: http://www.carshowtime.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* HTML Elements */
*{margin:0; padding:0}

body {
	font: 100% Arial, Helvetica;
	background: #666;
	color: #ffffff;
	}

p{margin:15px 0}
a:link, a:visited{color:#fff; text-decoration:none}
a:hover, a:active{color:#C3D9FF; text-decoration:none}
a img{border:0}
code{font:1.0em 'Courier New',Courier,Fixed; background:#333333}

acronym, abbr, span.caps{font-size:0.9em; letter-spacing:.07em; cursor:help}
acronym, abbr{border-bottom:1px dashed #999}
blockquote{padding:10px 10px 0 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#000; font:1.0em Arial; line-height:1.5em; margin:10px 0px}select{width:130px}

#head{width:960px; margin:0px auto; margin-top:15px; padding:0px; font-size:0.7em;background :#000;url('images/bannerHeader.png')}
#page{width:940px; margin:0px auto; padding:10px; background:#191919; font-size:0.7em}

.left, .alignleft{float:left}
.right, .alignright{float:right}

#navbar{margin:0 auto; margin-top:1px; padding:0px 10px; text-transform:uppercase; background:#000000 }

#page-bar{width:722px}
#page-bar ul{list-style:none}
#page-bar li{float:left; list-style:none; cursor:pointer;  border-right:1px solid #333}#page-bar li:hover{background:#3c78a7}

#page-bar a, #page-bar a:visited{margin:0px; padding:10px 16px; font-weight:bold; color:#99C9FF; display:block}

#page-bar a:hover{text-decoration:none; display:block}
#searchform{width:194px; float:right; text-align:right; padding-top:8px; margin-right:10px}
#page-bar li{float:left; margin:0px; padding:0px}
#page-bar li li{float:left; margin:0px; padding:0px; width:122px; text-transform:none}#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited{background:#2B2B2B; width:122px; float:none; margin:0px; padding:5px 10px 5px 18px; border-top:1px solid #C0C0C0}
#page-bar li li a:hover, #page-bar li li a:active{background:#666; padding:5px 10px 5px 18px}
#page-bar li ul{position:absolute; width:10em; left:-999em}
#page-bar li:hover ul{left:auto; display:block}
#page-bar li:hover ul, #page-bar li.sfhover ul{left:auto}


.mereng-kiri{float:left;margin:0 10px 10px 0;}

.cat_colom{width:97px;float:left;display:block;padding:0;margin:0 2px 0 0;overflow:hidden;}
.cat_colom li{clear:left;display:block;padding:2px;margin:1px 0 0 0;width:99px;border-bottom:solid 1px #222;}
.cat_colom2{width:97px;float:left;display:block;padding:0;margin:0 5px 0 0;overflow:hidden;}
.cat_colom2 li{clear:left;display:block;padding:2px;margin:1px 0 0 0;width:97px;border-bottom:solid 1px #222;}






#photoattach {width: 930px;padding:0;margin:0;background-color:#000;border-right:#222 10px solid;}
#image-attc {text-align:left;background: #000;padding: 10px;}
.attachment {text-align: center;margin: 5px 0px;}


.ads-728 {background-color:#000;text-align:center;margin:0;padding:10px;border-top: 10px solid #222;border-bottom:10px solid #222;}

.image-navigation {width: 910px;text-align: center;margin:0px;background:#111;border:1px solid #333;}
.image-navigation img {background-color:#FFF;margin:5px;padding:2px;}




.randomimage{float:left;width:100px;margin-left:15px;margin-top:5px;}


.gambar-tempel{float:left;width:300px;margin:0 0 10px 0;padding:10px;border:1px solid #333;background-color:#000;background-image:url(images/sidebar-atas.jpg);background-repeat:no-repeat;background-position:center top;}

.attachment{padding:5px;border:1px solid #222;margin-right:5px;margin-top:5px;margin-bottom:0;}
.marjin{margin-bottom:10px;clear:both;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#222;padding-top:0;padding-right:0;padding-bottom:10px;padding-left:0;}







.gambargedhe{width:940px;text-align:left;background-color:#222;padding-top:5px;padding-bottom:5px;padding-left:2px;padding-right:2px;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0px;}
.kiwogedhe{float:left;padding:0px;text-align:center;width:728px;height:160px;background-color:#000;border:#333 1px solid}
.tengengedhe{float:right;padding:0px;text-align:center;width:200px;height:160px;background-color:#000;border:#333 1px solid}


.gambarnduwur{width:940px;text-align:left;background-color:#222;padding-top:5px;padding-bottom:5px;padding-left:2px;padding-right:2px;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0px;}
.kiwo{float:left;padding:0px;text-align:center;width:728px;height:90px;background-color:#000;border:#333 1px solid}
.tengen{float:right;padding:0px;text-align:center;width:200px;height:90px;background-color:#000;border:#333 1px solid}

.gambar{padding:4px;border:1px solid #222;margin-right:4px;margin-top:4px;margin-bottom:0;}
.kotakgambar{padding:0px;border:1px solid #000;margin-right:5px;margin-top:4px;margin-bottom:0;}
.kotakrandom{float:left;margin-left:10px;padding:9px;border:1px solid #222;}


#sidebar-kiwo{background:#000 url(images/sidebar-kiri.jpg) top no-repeat;float:left;width:160px;border:1px solid #333;display:inline;margin:0 0 10px;padding:10px 10px 15px}
#sidebar-tengen{background:#000 url(images/sidebar-kanan.jpg) top no-repeat;float:right;text-align:center;width:110px;border:1px solid #333;display:inline;margin:0 0 10px;padding:10px 10px 5px}


.jcarousel-skin-tango .jcarousel-container-vertical{ -moz-border-radius:10px;  background:#333}
.jcarousel-skin-tango .jcarousel-container-horizontal{ width:300px;  padding:0px 0px}
.jcarousel-skin-tango .jcarousel-container-vertical{ width:300px;  height:265px;  padding:20px 0px}
.jcarousel-skin-tango .jcarousel-clip-horizontal{ width: 300px;  height:120px}
.jcarousel-skin-tango .jcarousel-clip-vertical{ width: 290px;  height:250px}
.jcarousel-skin-tango .jcarousel-item{ width:300px;  height:75px}
.jcarousel-skin-tango .jcarousel-item-horizontal{ margin-right:5px}
.jcarousel-skin-tango .jcarousel-item-vertical{ margin-bottom:10px}
.jcarousel-skin-tango .jcarousel-item-placeholder{ background:#333;  color:#999}
.jcarousel-skin-tango .jcarousel-next-horizontal{    position:absolute;     top:90px;     right:120px;     width:32px;     height:32px;     cursor:pointer;     background:transparent url(images/next-horizontal.png) no-repeat 0 0}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover{    background-position:-32px 0}
.jcarousel-skin-tango .jcarousel-next-horizontal:active{    background-position:-64px 0}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active{    cursor:default;     background-position:-96px 0}
.jcarousel-skin-tango .jcarousel-prev-horizontal{    position:absolute;     top:90px;     left:120px;     width:32px;     height:32px;     cursor:pointer;     background:transparent url(images/prev-horizontal.png) no-repeat 0 0}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover{ background-position:-32px 0}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active{ background-position:-64px 0}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active{ cursor:default;  background-position:-96px 0}
.jcarousel-skin-tango .jcarousel-next-vertical{ position:absolute;  bottom:-20px;  left:170px;  width:32px;  height:32px}.jcarousel-skin-tango .jcarousel-next-vertical:hover{ background-position:0 -32px}.jcarousel-skin-tango .jcarousel-next-vertical:active{ background-position:0 -64px}.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active{ cursor:default;  background-position:0 -96px}.jcarousel-skin-tango .jcarousel-prev-vertical{ position:absolute;  bottom:-20px;  left:120px;  width:32px;  height:32px}.jcarousel-skin-tango .jcarousel-prev-vertical:hover{ background-position:0 -32px}.jcarousel-skin-tango .jcarousel-prev-vertical:active{ background-position:0 -64px}.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active{ cursor:default;  background-position:0 -96px}.jcarousel-container{ position:relative}.jcarousel-clip{ z-index:2;  padding:0;  margin:0;  overflow:hidden;  position:relative}.jcarousel-list{ z-index:1;  overflow:hidden;  position:relative;  top:0;  left:0;  margin:0;  padding:0}.jcarousel-list li, .jcarousel-item{ float:left;  list-style:none;   width:75px;  height:75px}.jcarousel-next{ z-index:3;  display:none}.jcarousel-prev{ z-index:3;  display:none}h1{font:1.2em Arial; font-weight:bold; letter-spacing:-0.08em}h2{font:1.5em Arial,"Times New Roman"}h3{font:0.9em Arial; margin-bottom:3px; color:#99C9FF; font-weight:bold}h4{font:1.0em Arial}h3.cat_title{color:#999;  font-size:0.85em}, h3.cat_title a{color:#999;  font-size:0.85em}h3#respond{margin-top:0px; padding-top:20px}h3#comments{margin-top:32px; padding-left:0px}h3.authors{margin-top:15px}#logo{width:940px;background url('images/logo.png')}#tagline{margin-top:1px; font-size:1em; color:#333}#top{padding:0}#headline{width:590px;height:300px; float:left; background:#000; padding:10px; font-size:1.05em; line-height:1.5em; margin:0}#headline div.title{font-weight:bold; font:1.5em Georgia; letter-spacing:-0.05em; display:block; padding-bottom:5px;a color:#99C9FF}#headline div.meta{display:block; margin-top:-5px; padding-bottom:2px}#headline p{padding-bottom:15px}#samping{width:300px; background:#333; float:right; padding:10px 10px 9px 10px}#samping .clearfloat{margin-top:7px; margin-bottom:8px}#samping .info{margin-top:5px; padding-top:5px; float:right; width:180px}#samping .title{font-weight:bold}#featured{width:300px; background:#000; float:right; padding:10px 10px 9px 10px}#featured .clearfloat{margin-top:7px; margin-bottom:8px}#featured .info{margin-top:5px; padding-top:5px; float:right; width:180px}#featured .title{font-weight:bold}#headline a img, #featured a img{border:1px solid #ccc; margin-top:5px; margin-right:10px; padding:2px}#middle{width:920px; background:#000; float:right; padding:10px; margin:10px 0}.category{width:164px; float:left; border-top:8px solid #333; margin:0px; padding:5px 10px 10px 10px; background:#333}.category p{margin:0}#cat-1, #cat-3, #cat-5{border-top:8px solid #333}#cat-2, #cat-4{border-top:8px solid #3c78a7}.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title{text-transform:lowercase; margin:0; font-weight:normal; font-size:0.8em; letter-spacing:-0.05em}#front-popular h3{color:#99C9FF;font-size:1.0em;text-transform:uppercase}.category a{color:#333; display:block; background:none}.category a:hover{background:none; color:#fff; text-decoration:none}#cat-1:hover, #cat-3:hover, #cat-5:hover{background:#333; color:#fff}#cat-2:hover, #cat-4:hover{background:#3c78a7; color:#fff}#cat-1:hover a, #cat-3:hover a, #cat-5:hover a{background:#333; color:#fff}#cat-2:hover a, #cat-4:hover a{background:#3c78a7; color:#fff}#bottom{width:940px}#front-list{width:590px; background:#000; padding:10px; font-size:1.05em; line-height:1.75em; float:left}#archive{padding-top:15px; font-size:1.05em; line-height:1.75em}#front-list blockquote{padding:0px 10px 0 10px}#front-list .title, #archive .title{font-weight:bold; font:1.5em Arial; letter-spacing:-0.05em;color:#99C9FF}#front-list .clearfloat, #archive .clearfloat{padding-bottom:10px; border-bottom:1px dotted #ccc; margin-bottom:10px}#front-list .spoiler, #archive .spoiler{display:block; margin-top:3px}#front-list p, #archive p{margin:0px; padding:0px}.author{font-size:0.8em; font-weight:bold}.meta{font-size:0.8em; color:#999}.meta a{color:#999}#headline p, #featured p{margin:0}#kepala{width:920px; float:left; background:#000; padding:10px; font-size:1.05em; line-height:1.5em; margin:0}#kepala div.title{font-weight:bold; font:1.5em Georgia; letter-spacing:-0.05em; display:block; padding-bottom:5px;color:#99C9FF}#kepala div.meta{display:block; margin-top:-5px; padding-bottom:2px}#kepala p{padding-bottom:15px}#kepala a img, #featured a img{border:1px solid #ccc; margin-top:5px; margin-right:10px; padding:2px}#kepala p, #featured p{margin:0}#contentfull{width:920px; background:#000; padding:10px; font-size:1.2em; line-height:1.75em; float:left; min-height:400px}#content{width:590px; background:#000; padding:10px; font-size:1.2em; line-height:1.75em; float:left; min-height:400px}#content .breadcrumbs, #content .breadcrumbs a{ color:#999}#content h1.title{font:1.2em Georgia; font-weight:bold; letter-spacing:-0.05em; border-bottom:1px solid #ddd; border-top:3px solid #ddd; padding:5px 0px;color:#f12}.post{font-size:1.0em; line-height:1.75em}.post p{margin-top:0px}.post .clearfloat{border-bottom:1px dotted #ccc; margin:10px 0px}.post ul, .post ol, #front-list ul, #front-list ol{margin-bottom:15px}.post ul li, #front-list ul li{list-style:square; margin-left:30px}.post ol li, #front-list ol li{list-style:decimal; margin-left:30px}.post ol li ul li, #front-list ol li ul li{list-style:square; margin-left:20px}.post img, .post a img, #front-list img, #archive img{border:1px solid #ccc; margin:0 10px 5px 0; padding:2px}.post .ads{margin-top:10px}.entry{margin-top:20px}#stats{margin-top:0px; padding:4px 0px;  font:0.7em Arial;color:#99C9FF; display:block}#stats span{padding:0px 20px 0px 0px}#stats span a:hover{background:none}#stats span a{color:#99C9FF}#stats img, #nav img{border:0px; margin:0px; padding:0px}#tools{width:590px; height:25px; font-size:0.95em}#tools a:hover{background:none}.navigation{padding:5px 0px; text-align:Center}#sidebar{width:320px; float:right; margin:0px 0px 0px 0px}#sidebar h3{font:1.1em Arial; font-weight:bold;text-transform:uppercase; background:#333; color:#99C9FF; margin:10px 0px 5px 0px; padding:3px 10px}#sidebar-top, #sidebar-bottom{width:300px; float:right; padding:0px 10px 10px 10px; background:#000}#sidebar-bottom, #sidebar-middle{margin-top:10px}#sidebar-middle{width:320px; float:right}#sidebar-left{width:160px; padding:0px 10px 10px 10px; float:left; background:#000}#sidebar-right{width:110px; padding:0px 10px 10px 10px; float:right; background:#000}#sidebar li{list-style:none; border-bottom:1px #fff; display:block; padding:2px 0px 2px 13px; background:url(images/sub.png) no-repeat 0 0px}#sidebar li ul li:last-child{list-style:none; border-bottom:0px dotted #ccc; display:block; padding:2px 0px 0px 13px; background:url(images/sub.png) no-repeat 0 0px}#sidebar-ads{width:300px; float:right; margin-bottom:10px; padding:10px; background:#000}select{border:1px solid #333; width:100%}.field{padding:3px; border:1px solid #333; background:#333333; font-size:1.2em}#s{padding:1px; font-size:1.0em; width:150px}#searchsubmit{padding-left:5px}#commentform input{width:50%; margin:1px 5px 1px 0}#commentform textarea{width:99%; margin-top:0px}#comment{width:590px; background:#333333}div#cancel-comment-reply{font-weight:none}#comments ul.commentlist{margin-top:20px; list-style:none}#comments ul.commentlist blockquote{background:#dcdcdc} #comments .clearfloat{background:none}#comments div.navigation{padding:5px 0px 20px 0px; font-weight:bold}ul.commentlist li.pingback, ul.commentlist li.trackback{display:none}ul.commentlist li.comment{color:#4d4d4d; padding:11px 14px 11px 14px; background:#f2f2f2; list-style:none; margin-bottom:10px; font-size:14px; line-height:18px; border-bottom:3px solid #dcdbd7}ul.commentlist li.comment h3#respond{background:#333; margin-top:15px}ul.commentlist li.comment cite{color:#313228; font-weight:bold; font-size:16px}ul.commentlist li.comment div.comment-meta{font-size:10px; margin-top:0px}ul.commentlist li.comment div.comment-meta a{color:#4d4d4d; text-decoration:none}ul.commentlist li.comment a{text-decoration:none}ul.commentlist li.comment cite a{text-decoration:none}ul.commentlist li.comment div.reply{clear:both; display:block}ul.commentlist li.comment div.reply a{text-decoration:none; font-weight:bold}ul.commentlist li.comment p{margin:15px 0px; padding:0}ul.commentlist li.comment blockquote{width:60%px}ul.children li.comment{margin-top:15px; color:#4d4d4d; padding:12px 12px 12px 10px; background:#333; border:none; list-style:none; margin-bottom:0px; font-size:14px}ul.commentlist li.depth-1, ul.children li.depth-3, ul.children li.depth-5, ul.children li.depth-7, ul.children li.depth-9{background:#ececec}ul.children li.depth-2, ul.children li.depth-4, ul.children li.depth-6, ul.children li.depth-8, ul.children li.depth-10{background:#fff}#respond textarea{width:99%; height:200px; font-size:18px}#respond label{font-weight:bold}#respond a{text-decoration:none}#respond h3{margin-top:15px}li.comment div#respond h3{display:none}

#cat-depan{}
#front-popular{font-size:0.7em; color:#fff; width:940px; background:#2c2c2c url(images/bottombar.png) bottom no-repeat; margin:0 auto; padding:10px}#recentpost, #mostcommented{width:280px; float:left; padding:10px; border:1px solid #fff}#mostcommented{margin-left:17px}#recent_comments{width:280px; float:right; padding:10px; border:1px solid #fff}#recentpost a, #mostcommented a, #recent_comments a{color:#fff}#recentpost ul, #mostcommented ul, #recent_comments ul{margin-top:5px}#recentpost ul li, #mostcommented ul li, #recent_comments ul li{list-style:none; border-top:1px dotted #fff; padding:5px; display:block}#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover{background:#3c78a7; color:#fff}#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child{border-top:0px dotted #fff}#footer{margin:0 auto; width:960px; font-size:0.6em; padding-top:10px; padding-bottom:10px}.clearfloat:after{content:"."; display:block; height:0; clear:both; visibility:hidden}.clearfloat{display:inline-block}* html .clearfloat{height:1%}*+html .clearfloat{height:1%}.clearfloat{display:block}


.yarpp-post {
   float: left;
   text-align: center;
   width: 168px;
   height: 170px;
   padding: 5px 5px 5px 5px;
   position: relative;
}
.yarpp-title {
   position: absolute;
   padding: 2px 5px;
   top: 119px;
   overflow: hidden;
   height: 40px;
   background: #000;
   opacity: 0.6;
   filter:alpha(opacity=60);
   width: 140px;
   margin-left: 9px;
}
.yarpp-link-container {
   position: absolute;
   padding: 2px 5px;
   top: 119px;
   overflow: hidden;
   height: 40px;
   width: 140px;
   margin-left: 9px;
   z-index: 1000;
}