@charset "utf-8";
/* CSS Document */
/*Menu Header*/

.postingan { width:600px; }
.bannertop { width:600px; }
.otherpost { width:170px; }
.sidebar { width:200px; }
.newpost { width:600px; }
.komentar { width:600px; }
.banner { width:550px; }
.singlepage { width:550px; }

.header { width:950px; height:100px; background-image:url(images/header.jpg); background-repeat:no-repeat; top:0px; padding-top:0px; }

.column {
	margin: 0 5px;
	overflow: hidden;
	float: left;
	display: inline;
}

.columnmenu {
	padding-top:0px;
	margin: 0 5px;
	overflow: hidden;
	float: left;
	display: inline;
}

.row {
	width: 850px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 -5px;
	width: auto;
	display: inline-block;
}

.art-header-inner{
 width:850px;
 background-image:url(images/logo.jpg);
 background-repeat:repeat-x;
 top:0px;
}
.art-header-inner  ul {
 padding: 15px 0; 
 margin-left: 0; 
 text-align:right;
 font: bold 12px Verdana, sans-serif; }

.art-header-inner  ul li {
 list-style: none;
 margin: 0; 
 display: inline; }

.art-header-inner  ul li a {
 padding: 3px 0.5em; 
 margin-left: 3px; 
 border-bottom: none;
 text-decoration: none;}

.art-header-inner  ul li a:link {
 color:#FFFFFF;}

.art-header-inner  ul li a:visited {
 color: #FFFFFF;}

.art-header-inner  ul li a:link:hover,  ul li a:visited:hover {
 color: #000;
 background: #FFFFFF;
 padding-top:25px;
 border-left-color: #000000;
 border-bottom-color:#000000;
 border-right-color:#000000;
 border-top-color:#FFFFFF;
 }

.art-header-inner ul li a#current {
 background: white; 
 border-bottom: 1px solid white;}
  

.art-header:after
{
   position: absolute;
   z-index:-1;
   display:block;
   content:' ';
   top: 0;
   width:100%;
   height: 150px;   
   	background-color: #FFFFFF;
	background-image: url(images/taling.jpg);
	background-repeat:repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
padding:0px;
}
/*POST*/
.post{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; color:#000000;}
.post h3{font-family:Verdana, Arial, Helvetica, sans-serif;font-s ize:16px; margin:0px 0px 7px;}
.post a{font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
.post a:visited{font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
.date{font-family: Arial, Helvetica, sans-serif; font-size: 11px;	font-weight: normal; margin-top:0px;}
.entry{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; font-weight: normal; margin-top:0px; padding-top:2px;}
.entry a {text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000;}
.entry a:active{text-decoration:none;}
.entry a:hover{text-decoration:none; color:#FF0000;}
.entry a a:visited{text-decoration:none;}
.entry p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; font-weight: normal; margin-top:10px; padding-top:2px;}
.entry img {padding:3px;}
.entry .aligncenter{text-align:center; border:groove;}
.entry ul li{ padding: 5px;}
img.alignleft {float:left; margin:0 -2px; padding:20px; border:0px;}
.postindex0{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; padding:4px; background-color:#DDFFE6; margin-bottom:5px;}
.postindex1{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; padding:4px; background-color:#FFFFFF; margin-bottom:5px;}
.postindex0 h3{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:16px;margin:0px 0px 7px;}
.postindex0 a{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; text-decoration:none;}
.postindex1 h3{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:16px;margin:0px 0px 7px;}
.postindex1 a{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; text-decoration:none;}

.hrpostidx {
	width:100%;
	height:17px;
	background-image:url(images/hridx.png);
	background-repeat:no-repeat;
	background-position:center;
}

img.wp-post-image{}
img.attachment-thumbnail{}
img.attachment-medium{}

.newpost{
    margin: 5px;
}
.singlepage { 
    margin: 5px; 
}
.iklan1a{
	padding-left:20px;
	padding-top:10px;
	background:#FFFFFF url("https://dl.dropbox.com/u/2258343/arthablog/postingan/728-90.jpg") top left no-repeat;
	height:100px;
	width:550px;
}
.iklan1b{
	padding-left:60px;
	padding-top:10px;
	background:#FFFFFF url("https://dl.dropbox.com/u/2258343/arthablog/postingan/728-90.jpg") top left no-repeat;
	height:100px;
	width:550px;
}

.banneratas{
	padding-left:0px;
	padding-top:0px;
	background:#FFFFFF url("https://dl.dropbox.com/u/2258343/arthablog/postingan/iklan336.jpg") top left no-repeat;
	height:220px;
	width:200px;
}

.postmetadata-com {
	background-color:#EFEFEF;
	border:solid;
	border-color:#CCCCCC;
	vertical-align: middle;
	width: 95%;
	padding-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 8px;
}
.postmetadata-com a:link, .postmetadata-com a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}
.postmetadata-com a:hover{
	color: #000000;
	text-decoration: underline;	
}
.postmetadata-com a:active{
	color: #000000;	
}
.notfound{
	width:90%;
	border:#333333;
	border-style:solid;
	background:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding:10px;
}

.related_articles{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.related_articles h4{font-size:12px; font-weight:bold; border-bottom:dotted; border-bottom-color:#CCCCCC;}
.related_articles ul{list-style:hiragana; color:#006600;}
.related_articles li a{list-style:hiragana; color:#006600; text-decoration:none; text-decoration:blink;}
.lspost{
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;
}
.lspost h2{
	color:#0033CC; background-color:#CCCCCC; width:100%;
}
.lspost a{text-decoration:none; color:#0033CC}
.lspost a:hover{text-decoration:none; color:#FF0000; font-weight:bold;}

.komentarform{
	font-family:Verdana, Arial, Helvetica, sans-serif; width:95%;
}

.komentarform h3{
	font-weight:bold; font-size:14px;
}
/*SideBar*/
.side1 h2{text-decoration:none; color:#000000; font-size:14px;}
.side1 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; color:#000000;}
.side1 a{text-decoration:none; color:#000000;}

/*mini slidebar*/
.mid-recent-box{width:277px; float:left; margin:0px 10px 10px 15px; border:1px solid #d2d6d8;}
#container2{width:964px; float:left; margin:0px 0 0 0px; padding:0px;}
#container2 #content-top-home{width:950px; float:left; margin:0px; padding:0px;}
#container2 #content-top-home .slideshow{width:964px; height:325px; float: left; }
#container2 #content-top-home .slideshow #sli{width:964px; height:400px; float: left; }
#container2 #content-top-home .slideshow #sli2{width:964px; height:400px; float:left; }
#container2 #content-top-home .slideshow #sli3{width:964px; height:400px; float: left;}
#container2 #content-top-home .slideshow #sli .description{	width:434px; float: left; margin-left:0px;	padding:20px 0 0 30px;}
#container2 #content-top-home .slideshow #sli .description h1{	float:left;	display:block; margin:35px 0px 10px 0px;}
#container2 #content-top-home .slideshow #sli .description h1.ev-web{width:464px; color:#fff; font-family:"Museo-500", "Museo 300", Arial; font-size:36px; font-weight:normal; }
#container2 #content-top-home .slideshow #sli .description h2.nev-web{	width:464px; color:#fff; font-family:"Museo 300", "Museo 300", Arial; font-size:36px; font-weight:normal; line-height:48px; margin-bottom:10px;}
#container2 #content-top-home .slideshow #sli .description a.readmore {float:left;	height:56px; width: 202px; display: block; margin-top: 25px;
	margin-left: 0px;}
#container2 #content-top-home .slideshow #sli .description #navslide a#prev2 {	float:left;	display: block;}
#container2 #content-top-home .slideshow #sli .description #navslide a#next2 {	float:left;	display: block;}
#container2 #content-top-home .slideshow #sli .description p{width:280px; margin:0px; font-size:13px; font-style:normal;
color:#FFF; float:left; line-height:21px; display: block; padding:0px; top:-5px; position:relative;}
#container2 #content-top-home .slideshow #sli #rightcolumn{	width:486px; float:right ; margin:0px ;	}	
#container2 #content-top-home .slideshow #sli #rightcolumn #featured-screens {float:right; width:486px;}	
#container2 #content-top-home .slideshow #sli #rightcolumn #featured-screens #slideshow-right{width:456px; padding:0px 30px 0px 0;}
#container2 #content-top-home .slideshow #sli #rightcolumn #featured-screens #slideshow-right img{float:right;}

#featured {	width: 200px; height: 100px; background: #000 url('images/loading.gif') no-repeat center center; overflow: hidden;  }
#featured img, #featured div { display: none; }

/*Side BAR*/
#side1{}

/*Komentar / link / twitter */
.topcomment {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;} 
.topcomment h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold;}
.topcomment ul {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; list-style:none;}
.topcomment li a {text-decoration:none; color:#666666;}  
.topcomment li a:hover{list-style:square; color:#FF0000; text-decoration:blink;} 
.topcomment li a:visited{list-style:none; color:#666666; text-decoration:none;}
.topcomment table td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; list-style:none;} 
.topcomment td a {text-decoration:none;}  
.topcomment td a:hover{text-decoration:blink;} 
.topcomment td a:visited{text-decoration:none;}

.commentlist{padding-bottom:10px;}
.comment { border:solid; padding:5px; margin-bottom:2px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.even {border-color:#3CFF9D; background-color:#D5FFD5; }
.odd {border-color:#CCCCCC; background-color:#EFEFEF; }
.comment-author{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:0px; color:#666666;}
.comment-author a{ text-decoration:none; color:#666666; }
.comment-author a:hover{ text-decoration:none; color:#FF0000; font-weight:bold; }
.comment-author a:visited{ text-decoration:none; color:#666666; }
.fn{ padding:5px;}
.comment-meta {font-size:12px;}
.commentmetadata a {text-decoration:none; color:#333333;}
.comment-meta{padding-left:5px; margin-left:32px;}
.commentmetadata, p {font-size:12px; color:#999999;}
.commentmetadata{color:#FF0000; padding:10px; font-size:10px;}
.vcard img{float:left;background:#CCCCCC; border:solid;} 
.comment-navigation .older a:hover,input#submit:hover{background:#e7e7e7;text-decoration:none;color:#4c7faa;font-weight:bold} 
.comment-navigation .newer a,.comment-navigation .older a,input#submit{display:inline-block;text-align:center;cursor:pointer;color:#fff; background:#003366;font-weight:bold;} 
form#commentform textarea,form#commentform input{padding:2px 3px} 
form#commentform textarea{width:100%} 
input#submit{padding:3px 0 !important;border:0 !important} 
input#submit,p.subscribe-to-comments input{outline:0} 
input#submit:hover{padding:2px 0 !important;border:1px solid #4c7faa !important} 
p.subscribe-to-comments{background:url('images/email_32.png') no-repeat} 
p.subscribe-to-comments,.comment-rss{height:32px;text-indent:42px;padding:5px 0 0 0} 
p.subscribe-to-comments input{margin:5px 3px 3px 3px !important;border:0} 
p.subscribe-to-comments label{top:-2px;color:#666} 
.comment-rss{background:url('images/rss_32.png') no-repeat} 
 
/*comment total stlying*/
 
.comment-total{text-align: center;font-size: 1.5em;color: #fff;}
.comment-total span{font-size: 2em;color: #800000;}
/*footer*/
.footer{width:100%; float:left; margin:40px 0 0 0; background:url(images/footer-bg.jpg); padding:0 0 24px 0px;}
.footer-main{width:920px; margin:0px auto; padding:20px 15px 0px 15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.footer-link{width:185px;  float:left;padding-left:10px; color:#e2dbdd; line-height:17px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.footer-link ul{ margin:0px; padding:0px;}
.footer-link ul li{display:block; list-style:none; margin:0px; padding:0px; border-bottom:1px solid #2e2326;}
.footer-link li a{font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; color:#e2dbdd;line-height:30px;}
.footer-link li a:hover{color:#0;}
.footer-link ul li span{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; border:none; text-decoration:none; vertical-align:top; line-height:30px;  color:#deebeb;}
.footer-testimonial{width:270px; float:left; padding-left:43px; color:#e2dbdd; line-height:17px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.footer-testimonial span{color:#ec8ca7; line-height:17px}
.get-contact-box{width:206px; float:left; color:#e2dbdd; line-height:17px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.get-contact-img-box{width:300px; padding:15px 0 0 0 ; float:left;}
.get-contact-img-box span{ padding-right:0px; text-decoration:none;	}
.get-contact-box span{color:#ec8ca7;}
.get-contact-box a{text-decoration:none; color:#e2dbdd;}
.get-contact-box a:hover{text-decoration:none; color:#e1e1e1;}
.get-contact-box img{padding:5px;}
.facebook a{width:48px; float:left; background:url(images/facebook.png) no-repeat; height:33px; cursor:pointer;}
.facebook a:hover{width:48px; float:left; background:url(images/facebook-hover.png) no-repeat; height:33px;}
.twitter a{width:35px; padding-left:20px; float:left; background:url(images/twitter.png) no-repeat; height:33px; cursor:pointer;}
.twitter a:hover{width:35px; float:left; background:url(images/twitter-hover.png) no-repeat; height:33px;}
.stiki a{width:32px; padding-left:0px; float:left; background:url(images/stiki.png) no-repeat; height:32px; cursor:pointer;}
.stiki a:hover{width:32px; float:left; background:url(images/stiki.png) no-repeat; height:32px; border-style:solid; border-color:#FFFFFF;}
.gbs a{width:32px; float:left; background:url(images/gbs.png) no-repeat; height:32px; cursor:pointer;}
.gbs a:hover{width:32px; float:left; background:url(images/gbs-hover.png) no-repeat; height:32px; border-style:solid; border-color:#FFFFFF;}
.nyoex a{width:32px; float:left; background:url(images/prewed.png) no-repeat; height:32px; font-size:small; cursor:pointer;}
.nyoex a:hover{width:32px; float:left; background:url(images/prewed-hover.png) no-repeat; height:32px; border-style:solid; border-color:#FFFFFF;}
.bcm a{width:32px; float:left; background:url(images/bcm.png) no-repeat; height:32px; cursor:pointer;}
.bcm a:hover{width:32px; float:left; background:url(images/bcm-hover.png) no-repeat; height:32px; border-style:solid; border-color:#FFFFFF;}
.fbt a{width:32px; float:left; background:url(images/fbt.png) no-repeat; height:32px; cursor:pointer;}
.fbt a:hover{width:32px; float:left; background:url(images/fbt-hover.png) no-repeat; height:32px; border-style:solid; border-color:#FFFFFF;}
.bjgrafika a{width:32px; float:left; background:url(images/bjgrafika.png) no-repeat; height:32px; cursor:pointer;}
.bjgrafika a:hover{width:32px; float:left; background:url(images/bjgrafika-hover.png) no-repeat; height:32px; border-style:solid; border-color:#FFFFFF;}
.thebuahbali a{width:32px; float:left; background:url(images/thebuahbali.png) no-repeat; height:32px; cursor:pointer;}
.thebuahbali a:hover{width:32px; float:left; background:url(images/thebuahbali-hover.png) no-repeat; height:32px; border-style:solid; border-color:#FFFFFF;}
.tia a{width:32px; float:left; background:url(images/tia.png) no-repeat; height:32px; cursor:pointer;}
.tia a:hover{width:32px; float:left; background:url(images/tia-hover.png) no-repeat; height:32px; border-style:solid; border-color:#FFFFFF;}
.lsc a{width:32px; float:left; background:url(images/lindia.png) no-repeat; height:32px; font-size:small; cursor:pointer;}
.lsc a:hover{width:32px; float:left; background:url(images/lindia-hover.png) no-repeat; height:32px; border-style:solid; border-color:#FFFFFF;}
.sdp a{width:32px; float:left; background:url(images/sdp.png) no-repeat; height:32px; cursor:pointer;}
.sdp a:hover{width:32px; float:left; background:url(images/sdp-hover.png) no-repeat; height:32px; border-style:solid; border-color:#FFFFFF;}

.pagenavigasi{ padding-bottom:10px; }
.wp-pgnav {
	clear: both;
}

.wp-pgnav a, .wp-pgnav span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pgnav a:hover, .wp-pgnav span.current {
	border-color: #000;
}

.wp-pgnav span.current {
	font-weight: bold;
}

@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.logo{float:left;margin:2px 0 0 10px}.logo img{vertical-align:middle;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-timing-function:ease}.logo a:hover img{-webkit-animation-name:tada;-moz-animation-name:tada;animation-name:tada}
.thumbalbum{float:left;margin:2px 0 0 10px}.thumbalbum img{vertical-align:middle;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-timing-function:ease}.thumbalbum a:hover img{-webkit-animation-name:tada;-moz-animation-name:tada;animation-name:tada}

#gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 5px;
	text-align: left;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url('table-images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('table-images/gradback.png') repeat-x;
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: #d0dafd url('table-images/gradhover.png') repeat-x;
	color: #339;
}


#pattern-style-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url('table-images/pattern.png');
}
#daftarya{
    padding: 5px 0 10px 5px;
    border:3px solid #c0c0c0;
	-moz-border-radius: 5px 5px 5px 5px; 
	-webkit-border-radius: 5px 5px 5px 5px; 
	border-radius: 5px 5px 5px 5px; 
	-moz-box-shadow:0px 0px 20px #aaa;
    -webkit-box-shadow:0px 0px 20px #aaa;
    box-shadow:0px 0px 20spx #aaa;
	z-index:200px;
}
#formdaftarhosting{
    padding: 20px;
}
.api_input{
    padding: 3px;
}
#submit {
    padding: 3px 10px 3px 10px;
    font-family: verdana;
    background-color: #003366;
    color: #FFFFFF;
}
#email{
    width: 200px;
}
.tabcode {
    
}
.tabcode ul {
    padding-bottom: 3px;
    border-bottom: solid;
    border-bottom-width: 1px;
}
.tabcode li {
    display: inline;
    background-color: #c0c0c0;
    color: #000000;
    font-weight: bold;
    padding: 3px 5px 3px 5px;
}