/*-----------------------------------------------------------------------------
Theme Name: Plannersense
Theme URI: http://plannersense.com
Description: Bring to the next planner
Version: 1
Author: Nursakti Adhi Pratomoatmojo
Author URI: http:// nursaktiadhi.com
-----------------------------------------------------------------------------*/

   
/* default styles
-----------------------------------------------------------------------------*/

body {
  padding: 0; 
  margin: 0; 
  font: 0.7em Verdana, Arial, sans-serif; 
  line-height: 1.5em;
background:#0A0A0A ;
}

a, a:visited {
 color: #FFFFFF;

 text-decoration: none;
}
			
a:hover {
 text-decoration:none;
  color: #FFFF00;
}
		
a img {
 border:0px;
}

a.title {
  color: #FE6700;
}

h1 {
 margin: 10px 0px 0px 0px;
 padding-top: 0px;
 float:left;
 height:38px;
 line-height: 36px;
}

h1 a, h2 a {
 text-decoration: none;
}

h1 a:hover, h2 a:hover { /* Link atif di heading index.php */
 color: #FF9900;
}

h2 { 
 margin: 0; 
 padding: 0; 
 font: bold 15px verdana; 
 line-height: 20px;
 letter-spacing: 0px;
 color: #CCCCCC;
padding: 0px 0px 15px 0px;
}


p {	
 margin: 0 0 5px 0;
}

.contentpost {
width: 530px;
font-family:  arial;
line-height: 16px;
font-size:12px;
 color: #CCCCCC;
text-align:left;
 margin-bottom:40px;
 word-spacing: 0.1em;
 margin: 0px 10px 0px 0px;
 }
.contentpost p { padding: 0px 0px 10px 0px;}
.contentpost table { padding: 0px 0px 5px 0px;}
.contentpost img {  /* margin: atas - kanan - bawah- kiri*/
 margin: 0px 0px 0px 0px;
 
 padding: 0px;
}


/* untuk page*/
.contentpost2 {
width: 800px;
font-family:   verdana;
line-height: 18px;
font-size:13px;
 color: #999999;
text-align:left;
 margin-bottom:40px;
 word-spacing: 0.1em;
 margin: 0px 10px 0px 0px;
}
.contentpost2 p { padding: 0px 0px 10px 0px;}
.contentpost2 table { padding: 0px 0px 5px 0px;}
.contentpost2 img { 
max-width: 520px;
height:auto;
width: expression(this.width > 520 ? 520: true); padding: 0px 0px 0px 0px;}

.note {font-size:11px; font-weight:bold;}
.notekonten {font-size:12px; font-style:italic;}

/* untuk wp-related*/
.judul { font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color: #FF9900;}
.judul a:visited {color: #EAEAEA; text-decoration: none;}
.judul a:link {color: #FFFFFF; text-decoration: none;}
.judul a:hover {color: #000000; background-color: #FF9900;}


/* untuk wp-related*/
.judul2 { font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color: #E8E800;}
.judul2 a:visited {color: #CCCCCC; text-decoration: none;}
.judul2 a:link {color: #CCCCCC; text-decoration: none;}
.judul2 a:hover {color: #FFFFFF; background-color:;}

/* untuk wp-related*/
.judul3 { font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color: #F0F000;}
.judul3 a:visited {color: #CCCCCC; text-decoration: none;}
.judul3 a:link {color: #CCCCCC; text-decoration: none;}
.judul3 a:hover {color: #FFFFFF; text-decoration:underline; background-color:#232323;}

/* untuk wp-related*/
.link2 { color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.link2 a:visited {color: #FFFF66; text-decoration: none;}
.link2 a:link {color: #FFFF66; text-decoration: none;}
.link2 a:hover {color: #FFFF66;	text-decoration: underline;}

/* untuk sidebar*/
.link1 { color: #404040; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.link1 a:visited {color: #CCCCCC; text-decoration: none;}
.link1 a:link {color: #CCCCCC; text-decoration: none;}
.link1 a:hover {color: #FF9900;	text-decoration: underline;}

/* untuk video*/
.videobar {
	font-family: Arial;
	font-size: 12px;
	color: #333333;
}

.video {padding:5px;  border:1px; border-color: #353535; background-color: #1D1D1D;}
.video a:hover {padding:5px;  border:1px; border-color: #353535; background-color: #99FF00;}


.sidebarku {
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width:1px;

	border-bottom: dashed;
	border-color: #999999;
	
	font-size: 12px;
	color: #333333;
}
.cellpost{
	font-family: Arial, Helvetica, sans-serif;
	border-width:1px;
	border-style: solid;
	border-color: #000000; 
	background-color:;
	padding: 0px  10px  10px  10px;
	background-image: url(images/transparant.png);

}


.cell1{
	font-family: Arial, Helvetica, sans-serif;
	border-width:1px;
	border-style: solid;
	border-color: #414141; 
	background-color:#232323;
	padding: 10px  10px  10px  10px;
	font-size: 12px;
	color: #333333;
}

.cell2{
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width:1px;
	border-bottom-style: dotted;
	border-bottom-color: #414141; 
	font-size: 12px;
	line-height:20px;
	color: #333333;
}

.cell3{
	font-family: Arial, Helvetica, sans-serif;
	border-width:1px;
	border-style: solid;
	border-color: #999999; 
	background-color: #666666;
	padding:10px;
	font-size: 12px;
	color: #FFFFFF;
}

.cell4{
	font-family: Arial, Helvetica, sans-serif;
	border-width:1px;
	border-style: solid;
	border-color: #999999; 
	background-color:#232323;
	padding:10px;
	font-size: 12px;
	color: #333333;
}

.gambar {
	font-family: Arial, Helvetica, sans-serif;
	border-width:1px;
	border-style: solid;
	border-color: #232323; 
	background-color:#333333;
	
	font-size: 12px;
	color: #333333;
}

/* untuk page*/

.postlist {
 border-top: 2px solid #ccc;
 margin: 4px 0px 40px 0px;
 padding: 4px;
 font-size:12px;
 text-decoration: none;
}

.postlist p {
 margin:0px;
  padding: 2px;
 border-bottom: 1px solid #E8E8E8;
 
}

blockquote { /* kutipan */
width: 480px;
 margin: 20px 0px 20px 0px;
 padding:10px 10px 10px 10px;
 border: 1px dashed #ccc;

 background-color: #000033;
 color: #CCCCCC;
}

form { 
 margin: 0px; 
}

#searchform {
 padding-top:0px;
}

#searchform input#s { 
 width: 206px; 
 border: 1px solid #d8d8d8;
 padding: -2px 2px 2px 2px;
 color: #ccc;
 font: 1.3em Arial, Sans-Serif;
}

form#searchform div input#searchsubmit {
  margin:3px 0px 0px -20px;
  position:absolute;
}

/* layout
-----------------------------------------------------------------------------*/
.atas { 
  margin: 0px auto;
  width: 100%; 
}
.content { 
  margin: 0px auto;
  width: 100%; 
}

.header { 
 /*height: 90px;*/
}

.top_info {
  padding: 0 0 10px 0;
}

.top_info_topnavi {
 float: right;
 text-align: right;
 width: 440px;
 padding: 4px 10px 10px 0px;
 color: #666;
 font: normal 1.0em Arial, Sans-Serif;
 margin-bottom: 20px;
}

.top_info_topnavi ul { 
 margin: 0px; 
 padding: 0px; 
 list-style: none; 
}

.top_info_topnavi ul li { 
 margin: 0px; 
 padding: 3px 10px 0px 0px;
 float: right;
}

.top_info_topnavi a {
 color: #666;
 text-decoration: none;
}

.top_info_topnavi a:hover {
 color: #003366;
 text-decoration: underline;
}

.navi { 
 color: #666;
 background: #FFCC00; /* Header ke-2 */
 clear: both;
 font: bold 1.3em Arial, Sans-Serif; 
 letter-spacing: -1px;
 list-style: none;
 padding: 4px;
 margin-top: 30px;
}

.navi .navsearch {
 text-align:right;
 padding: 0px 12px 0px 0px;
}

.navi .navsearch input#s { 
 width: 165px;
 border: 0px solid #fff;
 padding: -3px 0px 0px 0px;
 margin: 0px;
 color: #333;
 font: normal 0.9em Arial, Sans-Serif;
}

.navi .navsearch input#searchsubmit {
 margin: 4px 0px 0px 4px;
}

.navi ul { 
 margin: 0px; 
 padding: 0px; 
 list-style: none; 
}

.navi ul li { 
  margin: 0; 
  padding: 3px 10px 0px 10px;
  color: #333;
  float: left; 
}
	
.navi ul li.current_cat a{  
 color: #000;
 font-weight: bold; 
 text-decoration: none;
 background:none;
}

.navi ul li a { 
 font-weight: bold;
 color: #333; 
 text-decoration: none;
 background:none;
}
	
.navi ul li a:hover { 
  color: #000;
  font-weight: bold; 
  text-decoration: none;
} 


/* Left Side
-----------------------------------------------------------------------------*/

.left {
  float: left;
  width: 530px;
  margin: 10px 0 10px 0;
}
.left_articles {
font-family:Arial, Helvetica, sans-serif;
  margin: 0px 0 10px 0;
}
.left_articles h2, .left_articles h2:hover{
 padding: 0px;
 margin: 0px;
 color: #00A6D0;
 font:normal 12px Verdana,sans-serif;
 font-weight:600;
 line-height: 100%;
 letter-spacing: 0px;
 
}

.metadata {
font-family:Arial;
 border-top: 1px solid #DEDEDE;
 background-color: #000000;
 border-bottom: 1px solid #DEDEDE;
 border-bottom-style:dashed;
 border-top-style:dashed;
 margin: 4px 0px 10px 0px;
 padding: 0px;
}
	
.alignright {
  float: right;
}

.alignleft {
  float: left
}

/* Begin Comments
-----------------------------------------------------------------------------*/

.commentlist li.alt {/* Background Komentar pertama */
  background-color: #000000;
}

.commentlist { /* pengaturan paragraph comments */
  margin:0px;
  
  padding-left:70px;
  padding-right:0px;
  text-align: left;
}

.commentlist li {
  margin: 15px 0 3px;
  padding: 5px 10px 3px;
  list-style: none;
  background-color: #000000;
 border: 1px dotted #333333;
  color: #808080;
}



#commentform p { /* Komentar yang muncul */
  margin:3px;
  
  padding-left:60px;
  padding-right:40px;
  text-align: left;
}

.nocomments {
  text-align: center;
  margin: 0;
  padding: 0;
}

.commentmetadata {
  margin: 0;
  display: inline;
}


/* Sidebar
-----------------------------------------------------------------------------*/
		
.sidebar {
font-family:Arial, Helvetica, sans-serif;
 /*background: #f6f6f6;*/

 width: 130px;
 padding:10px;
 list-style: outside;
 margin: 0px 0px 0px 0px;
}

/* untuk sidebar*/
.sidebar { color: #404040; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.sidebar a:visited {color: #CCCCCC; text-decoration: none;}
.sidebar a:link {color: #CCCCCC; text-decoration: none;}
.sidebar a:hover {color: #FF9900;	text-decoration: underline;}

#sidebar_left {
 float: left;
 width: 210px;
 margin: 0 0 0px 0;
}

#sidebar_right {
 float: right;
 width: 210px;
 margin: 0 0 0px 0;
}

.sidebar ul { 
 margin: 0; 
 padding: 0; 
 list-style: none; 
}

.sidebar li {
 list-style-type:none;
}

.sidebar li ul li{
 list-style-type:none;
 margin-left:0px;
}

.right_login {
font-family:Arial;
font-size:12px;

 padding: 10px;
 margin: 10px 0 10px 0;
 background: #F1FFDD;  /* Sidebar paling atas */
 color: #333333;
}

.image {
 float: left;
 margin: 0 9px 3px 0;
}
/* --------------------------------------------- HIER HIER HIER HIER HIER HIER HIER HIER ----- */
.relatedArticles, .recentComments, .right_articles {
 font-size: 12px;
 margin: 24px 0px 24px 0px;
 padding: 8px;
 text-decoration:none;
 background-color: #E8EEFD;  /* Warna background sidebar */
}

.relatedArticles:hover, .recentComments:hover, .right_articles:hover {
 font-size: 12px;
 margin: 24px 0px 24px 0px;
 padding: 3px;
 background-color: #E8EEFD;
}
			
.relatedArticles h2, .recentComments h2, .right_articles h2 { /*judul di sidebar */
 display: block;
 font-family: Verdana;
 font-size:14px;
 padding: 0px 0px 5px 0px;
 border-bottom:1px solid #000000;

 color: #003366;
 margin: 0px;
 
 
 
 
}

.recentComments a:hover, .relatedArticles a:hover, .right_articles a:hover {
 background-color: #FFFFCC; /* Warna background ketika hover */
 color: #003366;
 text-decoration: none;
 
}
			
.recentComments a, .recentComments a:visited, .relatedArticles a, .relatedArticles a:visited, .right_articles a, .right_articles a:visited {
 display: block;
 border: 1px solid #FFFFFF; /* Warna garis bawah sidebar */
 border-width: 1px 0px 0px 0px;
 padding: 2px 0px 2px 5px;
 margin: 0px;
 /*background-image: url(images/icon-article.png); */
 background-repeat: no-repeat;
 background-position: -2px 5px;
 color: #003366; /* Warna huruf sidebar */
 text-decoration:none; /* Dekorasi text di sidebar */
}
			
.recentComments a, .recentComments a:visited {
 background-image: url(images/icon-comment.png);
 font-size: 9px;
 color: #999;
}
                        
.recentComments em {
 font-style: normal;
 font-size: 11px;
 color: #333;
}
			
.recentComments div.names {
 padding: 0px 0px 2px 20px;
 margin: 0px; 
}

.recentComments div.names a, .recentComments div.names a:visited {
 font-size: 10px;
 display: inline;
 background: none;
 margin: 0px;
 padding: 0px;
 border: none;
 color: #444;
}		
			
.recentComments div.names a:hover {
 background: none;
 color: #000;
}

/* footer
-----------------------------------------------------------------------------*/

.footer { 
 clear: both; 
 text-align: left;
 line-height: 1.2em;
 color: #808080;
 padding: 10px 0 10px 0;
 border-top: 1px solid #eee;
}

.footer ul { 
 margin: 0px; 
 padding: 0px; 
 list-style: none; 
}

.footer ul li { 
 margin: 0px; 
 padding: 3px 10px 0px 0px;
 float: left;
}


/* Social icons */
.addthis_toolbox .hover_effect
{

    padding: 8px 0 8px 8px;
    border: 0px solid #eee;
    margin: 10px 10px 0 0;
}

.addthis_toolbox .hover_effect div
{
    float: left;
}

.addthis_toolbox .hover_effect a
{
    border: 0px solid #fff;
    padding: 2px 2px 2px 16px;
    position: relative;
    text-decoration: none;
}

.addthis_toolbox .hover_effect a:hover
{
    border: 0px solid #105CB6;
    
    background: #B4D3F8;
    color: #105CB6;
    text-decoration: none;
}

.addthis_toolbox .hover_effect span
{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 1px;
}