/*  
Theme Name: xplosive
Theme URI: http://www.blogohblog.com
Description: A Web 2.0 Wordpress Theme - Widget Enabled, 3 Columns, Blue/Orange
Version: 1.0
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/
@import url("src/contact.css");  /* Contact specific styles */
/**************** Body *********************/
*{margin:0;padding:0;}
body{background: #333333;color:#333;font:0.8em Tahoma;margin-bottom:20px; line-height:20px;}
#wrapper{background:#FFF;margin:20px auto;padding:20px;  width:900px;}
#header {margin:0;padding:0; width:900px;}
#header h1 {text-indent:-10000px;margin:0;padding:0;}
#header h1 a {display:block;background:url(images/belajarpc-info.png) no-repeat left;height:10px;}
@font-face {
	font-family: 'TelegraficoRegular';
	src: url('telegrafico-webfont.eot');
	src: local('Telegrafico'), local('Telegrafico'), url('telegrafico-webfont.woff') format('woff'), url('telegrafico-webfont.ttf') format('truetype'), url('telegrafico-webfont.svg#webfontuwynHlLg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.post-title h1 a:link,h1 a:visited{ font-family: 'TelegraficoRegular';font-size:22px; color: #003366; text-decoration:none; font-weight: lighter;}
.post-title h1 a:hover{color: #000;}
h2 a:link,h2 a:visited{ font-family: 'TelegraficoRegular';font-size:22px; color: #003366; text-decoration:none; font-weight: lighter;}
h2 a:hover{color: #000;}


/**************** Entry *********************/
.entry{ float:left;margin-bottom:10px;width:550px;}
.entry h2{padding-bottom:6px;}
.entry p{padding:0 0 10px 0;}
.post{padding:30px;text-align:justify; margin-bottom:20px; background:url(images/postee.gif) repeat-x top;}
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before{ content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }

/**************** Entry Edit*********************/
.oki{ float:left;margin-bottom:10px;width:900px;}
.oki h2{padding-bottom:6px;}
.oki p{padding:0 0 10px 0;}

/**************** Links *********************/
a:link, a:visited{color: #003366;text-decoration:none;}
a:hover{color:#000;text-decoration:underline;}

/**************** Navigation *********************/
#navigation{height:40px;}
#menu{background-color:#333333;padding:10px; }
#menu li{display:inline;list-style:none;background-color:#333333; font-weight:bolder;}
.page_item a:link, .page_item a:visited{color: #FFF; padding:10px;}
.page_item a:hover { background-color: #444444; text-decoration:none;}
.current_page_item a:link, .current_page_item a:visited{color:#FFF;text-decoration:none;padding:10px;}
.current_page_item a:hover { background-color: #444444; text-decoration:none;}
/**************** Sidebars *********************/
#topbar {background:#FFF url(images/sidee.gif) top repeat-x; float:right; width:350px;}

#botbar {background:#FFF width:350px;}
#botbar h2{font-weight: bold; text-shadow:1px 1px 1px #000;
background:url("images/botbar.png") no-repeat left;
margin-left:0px;
width:350px;
font-size:13px;
line-height:30px;
color:#fff;
padding-left:28px;
}

#sidebar1 {width:160px; float:left; border-right:1px solid #CCCCCC; padding-right:10px;}
#sidebar1 h2{font-weight: bold; text-shadow:1px 1px 1px #000;}
#sidebar1 ul{list-style-type:none;}
#sidebar1 ul li{list-style-type:none;margin-left:10px;margin-top:20px;}
#sidebar1 ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0 0 0 5px;}
#sidebar1 ul li ul li{border:0;border-bottom:1px solid #ccc;display:block;margin:0 0px 5px;padding:0 0 5px 13px;}
#sidebar1 p{padding:0 5px;}

#sidebar2{ width:160px; float:left;}
#sidebar2 h2{font-weight: bold; text-shadow:1px 1px 1px #000;}
#sidebar2 ul{list-style-type:none;}
#sidebar2 ul li{list-style-type:none;margin-left:10px;margin-top:20px;}
#sidebar2 ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0 0 0 5px;}
#sidebar2 ul li ul li{border:0;border-bottom:1px solid #ccc;display:block;margin:0 0px 5px;padding:0 0 5px 13px;}
#sidebar2 p{padding:0 5px;}

/**************** Search *********************/
#topsearch{ background-color: #333333; padding:3px; background:url(images/search.jpg); border:1px solid #CC3300;}
#topsearch input[type="text"]{ border:1px solid #CC3300; width:17em; color: #333333;font:1em Trebuchet MS, Arial, sans-serif;padding:2px;}
h2.search {font-weight:lighter;}

/**************** Comments *********************/
#comments {font-weight:lighter; padding-top:10px; border-top:1px solid #CCCCCC; margin-top:10px;}
.commentlist{padding:20px;}
#author, #email, #url {color:#666;width:40%;border:1px solid #CC3300;margin-bottom:0.6em;background:#fcfcfc;margin-top:1px;padding:3px;}
#submit{font:bold 1em Tahoma;margin-bottom:15px;margin-top:5px;padding:2px;}
#respond{padding-top:20px;padding-bottom:10px; font-weight:lighter;}
#comment{width:70%;border:1px solid #CC3300;}

/**************** Footer *********************/
#footer{ background:url("images/bgfooter.png") repeat-x bottom; color:#FFF; background-color:#333333; padding:15px;}
#footer a:link, #footer a:visited{color:#CCCCCC;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
/*****
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
*****/
blockquote p
{
  color:#0B0E0C;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
}

blockquote
{
  border-color:#A2B4A3;
  border-width: 0px;
  border-style: solid;

  margin:10px 10px 10px 50px;
  padding:5px 5px 5px 28px;

  background-color:#C3D5C5;

  background-image:url('images/PostQuote.png');
  background-position:left top;
  background-repeat:no-repeat;
}


blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;}
.alignleft{float:left;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/* Edited By Oki Helfiska : www.belajarpc.info */
.spasi{
margin: 0 0 10px;
}
/*- Flickr -*/
.flickr{
	background: #fafafa;
	border: 1px solid #c0c0c0;
	margin: 0 0 10px;
	padding: 0px 0px;
}
.flickr .flickr_badge_image img {
	float:left;
	display:inline;
	padding-left:10px;
	padding-bottom:5px;	
}
.flickr h2{
	color: #ff7800;
	font-size: 14px;
	height: 21px;
	margin: 0 0 10px 0px;
	padding-left:10px;
}
.flickr h2 span{
	float: left;
}
.flickr h2 img{
	float: right;
	margin: 0 2px;
}
.flickr h2 em{
	color: #848382;
	float: right;
	font-style: normal;
}
.flickr-ar {
	margin:10px 10px 0px 0px !important;
	padding:0px !important;
	text-align:right;
}

.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}

ul { list-style-type: none;}

/*- Forum Diskusi -*/
p.details{
    background-color: #0085AE;
    color:#f0f0f0;
    border: 1px ridge #007DA4;
    font-size:12px;
    font-family: Arial,Helvetica,sans-serif;
    position:relative;
    line-height:16px;
	 text-shadow:1px 1px 1px #000;
}
p.details a{
    color:#fff;
    text-decoration:none;
}
p.details a:hover{
    text-decoration:underline;
}
p.details span.category{
    background-color: #333333;
    color:#fff;
    border: 1px solid #2E2E2E;
    width:110px;
    margin:4px 10px 0px -5px;
    line-height:16px;
    float:left;
    text-align:center;
    text-transform:uppercase;
    font-size:12px;
}
p.details span.comments{
    margin-left:10px;
}
p.details span.comments a{
    text-shadow:1px 1px 1px #000;
}

/* Tambahan CSS */
.widget {
}

/* links widget */
.widget_links h2{
background:url("images/side-link.png") no-repeat left;
margin-left:0px;
width:150px;
font-size:13px;
line-height:30px;
color:#fff;
padding-left:28px;
}

/* recent-posts widget */
.widget_recent_entries h2 {
background:url("images/side-recent.png") no-repeat left;
margin-left:0px;
width:150px;
font-size:13px;
line-height:30px;
color:#fff;
padding-left:28px;
}

/* archives widget */
.widget_archive h2{
background:url("images/side-arsip.png") no-repeat left;
margin-left:0px;
width:150px;
font-size:13px;
line-height:30px;
color:#fff;
padding-left:28px;
}
.widget_archive ul li {
border-bottom: 1px dotted #C0C0C0;
} 
.widget_archive select {
	border: 1px solid #F0883F;
   font-size: 13px;
	position: relative;
	width: 150px;
	margin-left: -1px;
	background: url(images/select-button.gif) no-repeat right; 
	background-color: inherit; /* attention: bg-color here deletes img! bg-color is in the image: #F5FCFF  */
	color: #007AC0;
}

/* tag-cloud widget */
.widget_links h2 {
background:url("images/side-link.png") no-repeat left;
margin-left:0px;
width:150px;
font-size:13px;
line-height:30px;
color:#fff;
padding-left:28px;
}

/* category widget */
.widget_rss h2{
background:url("images/side-cat.png") no-repeat left;
margin-left:0px;
width:150px;
font-size:13px;
line-height:30px;
color:#fff;
padding-left:5px;
}

/* category widget */
.widget_categories h2{
background:url("images/side-cat.png") no-repeat left;
margin-left:0px;
width:150px;
font-size:13px;
line-height:30px;
color:#fff;
padding-left:28px;
}

.widget_categories select{
	border: 1px solid #F0883F;
   font-size: 13px;
	position: relative;
	width: 150px;
	margin-left: -1px;
	background: url(images/select-button.gif) no-repeat right; 
	background-color: inherit; /* attention: bg-color here deletes img! bg-color is in the image: #F5FCFF  */
	color: #007AC0;
}

/* text widget */
.textwidget {}
.widget_text h2{
background:url("images/side-link.png") no-repeat left;
margin-left:0px;
width:150px;
font-size:13px;
line-height:30px;
color:#fff;
padding-left:28px;
}
.textwidget p {}

#text-4 h2{
background:url("images/side-av.png") no-repeat left;
margin-left:0px;
width:150px;
font-size:13px;
line-height:30px;
color:#fff;
padding-left:28px;
}
#text-22 h2{
background:url("images/side-games.png") no-repeat left;
margin-left:0px;
width:150px;
font-size:13px;
line-height:30px;
color:#fff;
padding-left:28px;
}
#text-23 h2{
background:url("images/side-tut.png") no-repeat left;
margin-left:0px;
width:150px;
font-size:13px;
line-height:30px;
color:#fff;
padding-left:28px;
}
#text-24 h2{
background:url("images/side-pemko.png") no-repeat left;
margin-left:0px;
width:150px;
font-size:13px;
line-height:30px;
color:#fff;
padding-left:28px;
}
#text-21 h2{
background:url("images/side-pages.png") no-repeat left;
margin-left:0px;
width:150px;
font-size:13px;
line-height:30px;
color:#fff;
padding-left:28px;
}
/* Newsletter */
#newsLetter{
	margin:0 auto;}
#newsLetter span.nltop{
	background:url(images/newsletter_top.gif) no-repeat 0 0 #FCFAF3; color:#000;
	line-height:0; font-size:0; height:15px; display:block;}
#newsLetter span.nlbottom{
	background:url(images/newsletter_bottom.gif) no-repeat 0 0 #FCFAF3; color:#000;
	line-height:0; font-size:0; height:14px; display:block;}
#newsLetter form.newsLetter{
	background:url(images/newsletter_midle.gif) repeat-y 0 0 #FCFAF3; color:#000;
	width:318px; padding:0 16px; float:left;}
#newsLetter form.newsLetter h2.text2{
	background:url(images/newsletter_h2_bg.gif) no-repeat 0 0; color:#786E4E;
	padding:0 0 10px 55px; float:left; width:228px; height:37px;
	font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}
#newsLetter form.newsLetter h2.text3{
	background:url(images/news-skb.gif) no-repeat 0 0; color:#786E4E;
	padding:0 0 10px 55px; float:left; width:258px; height:37px;
	font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}
#newsLetter form.newsLetter h2.text4{
	background:url(images/news-gratis.gif) no-repeat 0 0; color:#786E4E;
	padding:0 0 10px 55px; float:left; width:258px; height:37px;
	font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}
#newsLetter form.newsLetter h2.text2 span{
	background-color:#FFF; color:#0B0B0B;
	font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}
#newsLetter form.newsLetter h2.text3 span{
	background-color:#FFF; color:#0B0B0B;
	font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}
#newsLetter form.newsLetter h2.text4 span{
	background-color:#FFF; color:#0B0B0B;
	font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}
#newsLetter form.newsLetter label{
	background-color:#FFF; color:#0B0B0B; margin:0 0 8px 0; float:left;
	font:bold 10px/28px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#newsLetter form.newsLetter input{
	background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
	width:168px; height:22px; padding:2px; margin:0 0 8px 15px; float:left;
	font:normal 14px/20px Arial, Helvetica, sans-serif;}
#newsLetter form.newsLetter input.submit{
	background:url(images/submit_bg.gif) no-repeat 45px 0 #FFF; color:#0B0B0B; border:none;
	width:60px; height:13px; float:right; margin:7px 50px 0 0; padding:0 30px 0 0; cursor:pointer;
	font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.spacer{
	font-size:0; line-height:0; clear:both;}

#ticker-wrapper.has-js {
	margin: 20px 0px 0px 20px;
	width: 800px;
	height: 30px;
	border: 1px solid #CFCFCF;
	display: block;
}
#author-info {
	background: #EAEAEC; padding: 10px; margin: 0 0 15px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: auto;
}
#author-info div#author-image {
		float: left; margin: 0 10px 5px 0; border: 5px solid #DCDCE1;
}
.post-tag{font-size:12px; margin-bottom:10px;}
.post-tag a:link, .post-tag a:visited{color:#666; text-decoration:underline;}
.post-tag a:hover{text-decoration:none;}

.textarea {
border:1px solid #BBBBBB;
color:#000000;
display:block;
font-family:courier;
height:120px;
overflow:auto;
width:100%;}

#minipost{background: #0085AE; padding: 5px; color:#fff;position:relatif;bottom:15px;left:10px;text-shadow: 1px 1px #000;font-size: 12px;height: 24px;overflow:hidden; text-align:center;}

.wp-tag-cloud a {
    color: #FF6;
    border-bottom: 1px dotted;
    text-shadow: 1px 1px 3px #000;
    text-transform: capitalize;
}
.wp-tag-cloud a:hover {
    color: #000;
    text-decoration: none;
    text-shadow: 1px 1px #aaa;
}

ul.wp-tag-cloud {
    margin: 0;
    padding: 0;
	float: right;
}

ul.wp-tag-cloud li {
    float: left;
    list-style: none;
    margin: 0 10px;
    overflow: hidden;
}

/* code dropcap
---------------- */
.dropcap {
float:left;
color: #ff6c00;
line-height:80px;
padding-top:0px;
padding-right:1px;
font-family: serif, sans-serif;
font-size:110px;
}

/* social icons */
.social { background: #fcfcfc; height: 75px; padding: 0 13px; border-bottom: 1px solid #AFAEAE; }
.social li { float: left; width: 55px; margin-right: 7px; text-align: center; }
.social li.last { margin-right: 0; }
.social li a { opacity: 0.6; filter: alpha(opacity=60); font-size: 11px; color: #666; padding-top: 42px; line-height: 34px; }
.social li a:hover { opacity: 1.0; filter: alpha(opacity=100); color: #666; text-decoration: none; }
.social .social-feed { display: block; background: url(images/ico-social-rss.png) no-repeat; }
.social .social-twitter { display: block; background: url(images/ico-social-twitter.png) no-repeat; }
.social .social-facebook { display: block; background: url(images/ico-social-facebook.png) no-repeat; }
.social .social-youtube { display: block; background: url(images/ico-social-youtube.png) no-repeat; }
.social .social-gplus{ display: block; background: url(images/ico-social-gplus.png) no-repeat; margin-right: 0; }