/*-----------------------------------------------------------------------------
Theme Name: saktistyle 2.0 (english version)
Theme URI: 
Description: If you want to donate creator this theme please donate me via paypal at nursaktiadhi@gmail.com
Version:
Author: Nursakti Adhi P.
Author URI: http://www.cyberquid.com
-----------------------------------------------------------------------------*/

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

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

a, a:visited {
 color: #00CC00;

 text-decoration: none;
}
			
a:hover {
 text-decoration: underline;
 background-color:;
 color: #0099FF;
}
		
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 20px Arial; 
 letter-spacing: 0px;
 color: #000;
}

p {	
 margin: 0 0 5px 0;
}

.contentpost {
font-family: Lucida Sans, Verdana;
line-height: 16px;
font-size:12px;
 color: #000000;
text-align:left;
 margin-bottom:40px;
 word-spacing: 0.1em;
 margin: 0px 0px 0px 0px;
}



.relatedlink a:visited {
color: #333333;
	text-decoration: none;
}
.relatedlink a:link {
color: #333333;
	text-decoration: none;
}

.relatedlink a:hover {
color: #333333;
	text-decoration: underline;
}


.contentpost img {
 margin: 10px 0px 20px 0px;
 
 padding: 0px;
}

.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 {
 margin: 10px 0 0 25px;
 padding: 0 20px;
 border-left: 1px solid #ccc;
 color: #666;
}

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: 450px;
  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-color: #E0EBFE;
}

.commentlist {

  margin:5px;
  padding: 0;
  text-align: justify;
}

.commentlist li {
  margin: 15px 0 3px;
  padding: 5px 10px 3px;
  list-style: none;
  background-color: #CFFEDD;

  color: #808080;
}

.commentlist p {
  margin: 10px 5px 10px 0;
}

#commentform p {
  margin: 5px 0;
}

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

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


/* Sidebar
-----------------------------------------------------------------------------*/

.sidebar {
font-family:Arial, Helvetica, sans-serif;
 /*background: #f6f6f6;*/
 float: right;
 width: 430px;

 margin: 0px 0px 0px 0px;
}

#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:20px;
}

.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	 a:hover, .relatedArticles a:hover, {
 background-color: #f7f7f7;
 color: #cc0000;
 text-decoration: none;
}				

.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;
}