/**

  Theme Name: Forum Lenteng
  Theme URI: http://ruanglaba.com/theme/forumlenteng
  Version: 1.0
  Author: Suplentonk Jaya dan RuangLaba
  Author URI: http://www.ruanglaba.com
  Tags: simple, clean, fixed width, widget-ready, widgets, right sidebar, two columns, valid XHTML, valid CSS, blank-slate
  Licence: GPL
  Description: This is theme for Forum Lenteng. Based on Naked Theme by http://www.siftware.co.uk/wordpress-naked

*/

html {
	overflow-y: scroll;

}

body {
	font-family: "Courier New", Arial, sans-serif;
	font-size: 12px;
	background-color: #000000;
	padding: 0px;
	margin: 0px;
}

.canvas {
  width: 1024px;
  height: 768px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background: url('images/bg.jpg') repeat-y;
}




a, a:hover, a:active, a:visited, a:inactive {
	color: none;
	text-decoration: none;
	border-style: none;
}



#header { 
  margin: 0 auto 0 auto;
  width: 173px;
  height: 74px;
  padding: 0px 0px 0px 0px;
  border: none;
  text-decoration: none;
}

#header a {
  border: none;
  text-decoration: none;
  color: none;
}
#header a img {
  border: none;
  text-decoration: none;
  color: none;
  
  border-style: none;
}

  /** the heading and tagline are h1 on homepage and h4 on internal */
  #header h1,
  #header h4 {
    font-size: 30px;
    margin: 0;
    padding: 10px 0 10px 0;
  }
    /** the tagline is a span within the h1 or h4 */
    #header h1 span,
    #header h4 span { }

  /**
    Nav and Subnav
    Split these out if you want the two levels to look different
  */
  #nav,
  #subNav {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #subNav {
    margin-top: 10px;
  }
    #nav li,
    #subNav li {
      display: inline;
      padding: 0 10px 0 0;
    }
    /* Currently selected page nav item (and parent) if applicable */
    .current_page_item a,
    .current_page_parent a {
      text-decoration: none;
    }
      .current_page_item a:hover,
      .current_page_parent a:hover {
        text-decoration: underline;
      }


/* =========================== INDEX SETTING ================== */

.index-pembatas {
	height: 200px;
}

.index-recent-post {
	height: 100px;
	width: 550px;
	margin: auto auto auto auto;
	text-align: center;
}

.index-recent-post-atas {
	width:100%;
	background-color: none;
	background: url('images/index-top-content.png') no-repeat;
	padding: 1px;

}

.index-recent-post-tengah {
	width:100%;
	background-color: none;
	background: url('images/index-bg.png') repeat-y;
	padding: 1px;
}

.index-recent-post-bawah {
	width:100%;
	background-color: none;
	background: url('images/index-bottom-content.png') no-repeat;
	padding: 1px;
}

.index-recent-post-isi {
	width: 500px;
	margin: -5px auto auto auto;
	color: #eb6f48;
	
	padding: 0px 0px 5px 0px;
	
	font-family: "Courier New", Arial, sans-serif;
}

.index-recent-post-isi marquee {
	color: #cccccc;
}

/**   ================== main content ===============     */
.isi { 
  width: 1014px;
  height: 641px;
  padding: 0 0 0 0;
  margin: 5px 5px 5px 5px;
}

.konten {
  width: 767px;
  float: right;
  margin: 0px 40px 0px 0px;
  padding: 0px;
}


.subKonten {
width:100%;
background-color: none;
background: url('images/bg.png') repeat-y;
}


.konten-isi {
padding: 0px 20px 0px 20px;
color: #cccccc;

}


.konten-isi a {
	text-decoration: none;
	color: #cccccc;
}

.kotak-post {
float: left;
width: 700px;
background-color: none;
padding: 0px;
margin: 0px 10px 10px 0px;
border-bottom: 1px #666666 dotted;
}

.post {
position: relative;
}


.post img {
margin-right: 15px;
margin-bottom: 5px;
margin-top: 5px;
border-style: none;
}

.post a img {
	text-decoration: none;
	color: none;
}
	.post a:hover img {
		text-decoration: none;
                color: none;
	}

	.post a:visited img {
		text-decoration: none;
                color: none;
	}

#transparan {
background-color: #000000;
opacity: 0.6;
filter:alpha(opacity=60);
height: 100%;
position: relative;
}

.kotak-post-besar {
float: left;
width: 725px;
background-color: none;
padding: 0px;
margin: 0px 10px 10px 0px;
overflow: auto;
max-height:450px;

}


.kotak-post-besar-page {
float: left;
width: 725px;
background-color: none;
padding: 0px;
margin: 0px 10px 10px 0px;
overflow: auto;
max-height:300px;

}


.kotak-nav {
width: 700px;
background-color: none;
padding: 0px;
margin: 0px 10px 0px 0px;

}


  h1 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  h2 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  /* titles are h2 on homepage and h1 for internal */
  h1  .postTitle,
  h2.postTitle {
    font-size: 16px;
    padding: 0px;
    padding: 0;
    margin: 0px;
    
  }
  
  h2.postTitle a {
  		text-decoration: none;
  }


/* =========================== POST NAVIGATION prev next ================== */
	.post-nav a, .post-nav {
		text-decoration: none;
                /* color: #00CC33; */
                color: #333333;
	}

	.post-nav a:hover {
		text-decoration: none;
                /* color: #CCFF00; */
                color: #666666;
	}

	.post-nav a:visited {
		text-decoration: none;
                /* color: #00CC33; */
                color: #333333;
	}
	
/* ----------------------------------------------------- */	
  #primaryContent h3 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  ol#posts {
    list-style: none;
    margin: 0;
    padding: 0;
  }

    li.postWrapper,
    div.postWrapper { }

      .postWrapper img { }

      div.post { }

      p.postMeta { }

  #pagination {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
    #pagination li {
      display: inlne;
    }
    #pagination .previous {
      text-align: left;
      float: left;
    }
    #pagination .future {
      text-align: right;
      float: right;
    }



/* ====================== POST MEMBER ========================================*/
.postMember li {
	list-style-image: url('images/bullet.png')
}
.postMember a {
	color: #FFFFFF;
	text-decoration: none;
}
.postMember a:hover {
	text-decoration: underline;
}

/* ===================== POST TITLE (judul ditiap artikel ) ======================= */
.postTitle {
color: #f6ee0d;
font-size: 12px;
text-decoration: none;
}

h2.postTitle {
font-size: 2.2em;
font-weight: 400;
line-height: 1.2em;
}

h2.postTitleNormal {
font-size: 15px;
}

.postTitle a , .postTitle a:visited {
font-size: 15px;
text-decoration: none;
}

.postTitle a:hover {
font-size: 15px;
text-decoration: none;
}


.postTitleDate a {
color: orange;
font-size: 15px;
text-decoration: none;
}

.postTitleDate a:visited {
color: grey;
font-size: 15px;
text-decoration: none;
}

.postTitleDate a:hover {
color: yellow;
font-size: 15px;
text-decoration: none;
}

/* ======================================================= */
.isi-index { 
	height: 100px;
	width: 1000px;
	display: table-cell;
	margin: auto auto auto auto;
	padding: 5px 5px 5px 5px;
	text-align: center;
	/* vertical-align: middle; */
	text-decoration: none;
}

.isi-index p a {
	color: none;
	text-decoration: none;
	border-style: none;
	border: none;
}
.isi-index p a img {
	color: none;
	text-decoration: none;
	border-style: none;
	border: none;
}
.isi-index img {
	color: none;
	text-decoration: none;
	border-style: none;
	border: none;
}

/**       sidebar          */
.sidebar {
  width: 150px;
  float: left;
  margin: 0px 0px 0px 40px;
}
.sidebar img {
border: none;
border-style: none;
}

  #secondaryContent h3 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  /**
    Remove bullets from the first level sidebar UL and give each item some bottom margin.
    IE 6 doesn't like the selectors, I can live with that but if you can't then
    you'll need to extend this further.
  */
  #secondaryContent > ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
    #secondaryContent > ul > li {
      margin: 0 0 10px 0;
    }

  /** the HTML is a bit dodgy for the tag cloud, need to add some padding
      between the title and the first href */
  .widget_tag_cloud a {
    padding-left: 5px;
  }

#comment {
  width: 500px;
}

#footer { 
  clear: both;
  font-size: 80%;
  margin: 0px auto 0px auto;
  width: 944px;
  height: 44px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  vertical-align: middle;

}

.footer-isi {
	height: 30px;
	padding: 5px auto 5px auto;
	background-color: #000000;
	color: #ffffff;
}

.footer-isi form {
	padding: 0px;
	margin: 0px;
	background-color: #000000;
	color: white;
	display: inline;
	vertical-align: top;
}

.footer-isi form input {
	padding: 0px;
	margin: 0px;
	background-color: #000000;
	color: white;
}

.footer-isi img {
	text-decoration: none;
	color: none;
	border: none;
}

/** normally hidden but will appear when css disabled */
.skip,
.noCss {
  position: absolute;
  left: -9999px;
}

/**
  theme requirements as per 
  http://codex.wordpress.org/CSS
*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}


#jarak-logo-dengan-isi {
height: 40px;
}

#kiri {
float: left;
}

#kanan {
float: right;
}

#tengah {
	margin-left: auto;
	margin-right: auto;
}

.clear {
clear: both;
}



/* =========================== warna warna ====================== */
.warnaJudulArchive a{
color: #e51c00;
}
.warnaJudulArchive a:visited{
color: grey;
}
.warnaJudulArchive a:hover{
color: #ff0000;
}
.warnaJudulArchive {
color: #e51c00;
}


.warnaJudulUs a{
color: #ffb700;
}
.warnaJudulUs a:visited{
color: grey;
}
.warnaJudulUs a:hover{
color: #ffc600;
}
.warnaJudulUs {
color: #ffb700;
}


.warnaJudulProgram a{
color: #44e0ff;
}
.warnaJudulProgram a:visited{
color: grey;
}
.warnaJudulProgram a:hover{
color: #86e9fd;
}
.warnaJudulProgram {
color: #44e0ff;
}


.warnaJudulBlog a{
color: #e1e000;
}
.warnaJudulBlog a:visited{
color: grey;
}
.warnaJudulBlog a:hover{
color: #faf901;
}
.warnaJudulBlog {
color: #e1e000;
}


.warnaJudulPress a{
color: #ffb700;
}
.warnaJudulPress a:visited{
color: grey;
}
.warnaJudulPress a:hover{
color: #ffc600;
}
.warnaJudulPress {
color: #ffb700;
}


.warnaJudulAgenda a{
color: #e1e000;
}
.warnaJudulAgenda a:visited{
color: grey;
}
.warnaJudulAgenda a:hover{
color: #faf901;
}
.warnaJudulAgenda {
color: #e1e000;
}

.warnaJudulGeneral {
color: #ffb700;
}

.warnaJudulContact {
color: #ffb700;
}

.warnaJudulNetwork {
color: #ffb700;
}

.warnaJudulCopyright {
color: #ffb700;
}

.warnaJudulMailinglist {
color: #ffb700;
}

.warnaJudulMembers {
color: #ffb700;
}

.warnaJudulArchives {
color: red;
}

#merah {
color: red;
}
.merah {
color: red;
}
#biru {
color: #42deff;
}
.biru {
color: #42deff;
}

.warnaJudulArchiveBy {
color: red;
}

.warnaJudulProgramBy {
color: #42deff;
}

	.post a {
		text-decoration: none;
                color: #00CC33;
	}

	.post a:hover {
		text-decoration: none;
                color: #CCFF00;
	}

	.post a:visited {
		text-decoration: none;
                color: #00CC33;
	}
	
	

.komentar a, .komentar a:visited {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
.komentar a:hover {
color: #ffffff;
font-weight: bold;
text-decoration: underline;
}




	
	
/* ========================= breadcrumb ========================= */
.breadcrumb {
	color: #FFFFFF;
	margin-bottom: 5px;
	font-family: "Courier New", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	border-bottom: 1px #333333 solid;
	padding: 0px 0px 5px 0px;
	text-transform: uppercase;
}

.breadcrumb a {
	text-decoration: none;
	color: #CCCCCC;
}

.breadcrumb a:hover {
	color: #FFFFFF;
}


/* ---------------- kotak search ------------- */
input#s {
border: 1px #000000;
background-color: #ffffff;
border-style: inset;
color: #000000;
display: inline;
text-decoration: none; /* tidak bold */
font-size: 10px;
margin: 2px 2px 2px 2px;
}

input#kotaksubmit {
border: none;
background: url('images/footer-search.jpg') no-repeat;
width: 40px;
margin: 5px 2px 2px 2px;
}


/* ========================== random image tiap page ============================= */
.random-image-page {
color: none;
margin-bottom: 15px;
border:none;
padding: 0px;
}

/* =============== CAPTION ================ */
.wp-caption {
border: 1px solid #CCCCCC;
text-align: center;
background-color: #e3debf;
padding-top: 4px;
margin: 1px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

.warnaTahun {
    margin-top: 5px;
}

.warnaTahun a {
	color: orange;
        text-decoration: none;
}

.warnaTahun a:visited {
	color: grey;
        text-decoration: none;
}

.judulBulan a {
	color: orange;
        text-decoration: none;
}
.judulBulan a:visited {
	color: grey;
        text-decoration: none;
}
.judulBulan a:hover {
	color: yellow;
        text-decoration: none;
}


.judulArtikel a {
	color: white;
        text-decoration: none;
}

.judulArtikel a:hover {
	color: white;
        text-decoration: underline;
}
.judulArtikel {
	list-style-image: url('images/bullet.png')
}


#smart-archives-block h2 {
	font-size: 16px;
}
#smart-archives-block {
	color: #44e0ff;
   text-decoration: none;
}
#smart-archives-block a {
	color: #44e0ff;
   text-decoration: none;
}
#smart-archives-block a:hover {
	color: #86e9fd;
   text-decoration: none;
}
#smart-archives-block a:visited {
	color: grey;
   text-decoration: none;
}


#smart-archives-list h2 {
	font-size: 16px;
}
#smart-archives-list {
	color: #44e0ff;
   text-decoration: none;
}
#smart-archives-list a {
	color: #44e0ff;
   text-decoration: none;
}
#smart-archives-list a:hover {
	color: #86e9fd;
   text-decoration: none;
}
#smart-archives-list a:visited {
	color: grey;
   text-decoration: none;
}


#smart-archives-list li a {
	color: white;
   text-decoration: none;
}
#smart-archives-list li a:hover {
	color: white;
   text-decoration: underline;
}
#smart-archives-list li a:visited {
	color: white;
   text-decoration: none;
}


#smart-archives-list li {
	list-style-image: url('images/bullet.png')
}


a img {
	color: none;
	text-decoration: none;
	border-style: none;
	border: none;
}

/* ====================== NEWS FLASH ====================== */

.newsflash a:hover, a.newsflash, .newsflash a:visited, .newsflash a:active {
	text-decoration: none;
	color: #cccccc;
	
}

/* ====== testing --------- */
/*
#header, .isi, .isi-index, #footer, #jarak-logo-dengan-isi, .sidebar, .konten, .subKonten {
border: #989898 1px dotted;
}

.kotak-post, .kotak-nav {
border: #643892 1px dotted;
}


.isi-index {
	border: #989898 1px dotted;
}
.isi {
	border: red 1px dotted;
}

.borderputih {
	border: white 1px solid;
}

*/


/* Sekali berarti sudah itu mati */
/* suplentonkjaya.com */
/* ruanglaba.com */