/*
Theme Name: JogjaLinux79
Theme URI: http://okto.silaban.net/
Description: Theme situs KPLI Jogja http://jogja.linux.or.id. JogjaLinux diambil dari nama komunitas KPLI Jogja. 79 karena desain theme ini dibuat dari tahun 2007 -2009 :)
Version: 1.0
Author: Okto Silaban
Author URI: http://okto.silaban.net/
License : GNU GPL - seperti disebutkan pada http://www.gnu.org/copyleft/gpl.html
*/


body {
    background:#EDE9E3;
    font-family: sans-serif, Arial;
    font-size:13px;
    text-align: left;
    color: #555753;
}

a img {
    border:none;
}

a {
    color : #204a87;
    text-decoration:none;
}


/** CONTAINER **/
#container {
    width:1000px;
    padding:0px;
    margin:auto;
    height:auto;
    background:#fff;
    border:1px solid #babdb6;
}

#header {
    position:relative;
    padding:20px 20px 0px 20px;
}

#header #kiri a img {
    border:0;
    text-decoration:none;
}

#header #kiri {
    float:left;
    width:500px;
    padding-bottom:15px;
}

#header #kanan {
    float:right;
    width: 400px;    
    text-align:right;
    vertical-align:middle;
}

#header #kanan input.teks {
    border:1px solid #9d9d9d;
    width: 240px;  
    height:20px;
}

#header #kanan input.tombol {
    background:transparent url(images/lup.png) no-repeat scroll left top;
    border:0 none;
    cursor:pointer;
    height:35px;
    width:53px;
    margin-left:10px;
}


/** HEADER MENU **/
#header-menu {
    border-top:2px solid #ce5c00;
    border-bottom:2px solid #ce5c00;
    font-size:11px;
    color:#fff;
    font-weight:bold;
    padding: 7px 0px 7px 20px !important;    
    background: #204a87;
    text-transform:capitalize;
    margin-left:0px !important;
    margin-left:-25px;
}

#header-menu a, #header-menu a:hover, #header-menu a:visited {
    color:#eeeeec;
    text-transform: uppercase;
    text-decoration:none;
    padding:0px 5px;
    margin-left:0px !important;
    margin-left:20px;
    margin-right:0px !important;
    margin-right:15px;
}


/** CONTENT **/
#content {
    overflow:hidden;
    margin-left:0px !important;
    margin-left:-20px;
    
}


#main {
    float:left;
    overflow:hidden;
    width:590px;
    margin-left:20px;
}

/** -- post -- **/
.post {
    padding-top:10px;
    position:relative;
    clear:both;
    letter-spacing:0.1px;
}

.post p {
    line-height:130%;
}

.post img {
    
}

.post a {
    color:#204a87;
    text-decoration:none;
}

.post h1 {
    margin-bottom: 0.3em;
    font-family: Arial;
    font-size:18pt;
    /*font-weight: 600 ;*/
    letter-spacing:-0.04em;
}

.post h1 a {
    text-decoration:none;    
    line-height: 0.9em;    
    padding-top:10px;
}

.post .meta {
    position:relative;
    border-bottom: 1px solid #ce5c00;
    padding-bottom:4px;
    margin-bottom:10px !important;
    margin-bottom:-5px;
}

.post .meta .kiri {
    float:left;    
    width:485px;
    border-bottom:none !important;
    border-bottom: 1px solid #ce5c00;
    padding-bottom:0px !important;
    padding-bottom:2px;
}

.post .meta .kanan {
    font-size:11px;
    float:right;
    text-align:right;    
    padding-right:5px;
    width:100px;
    border-bottom:none !important;
    border-bottom: 1px solid #ce5c00;
    padding-bottom:0px !important;
    padding-bottom:4px;
}

.post span {
    font-size:10px;
    color: #888a85;
    padding-left :15px;    
    background: url(images/post-title.gif) no-repeat;
}

.post span div {
    width:590px;
    border-bottom: 1px solid #ce5c00;
    height:1px;
    margin-top:3px;
}

/** KOMENTAR **/
#komentar {
    margin-top:20px;
    margin-bottom:20px;
}

#komentar #komentar-total {
    font-size : 13px;
    color: #204a87;
    text-align : right;
    font-weight: bold;
    border-bottom :1px solid #ce5c00;
    padding-bottom:5px;
}

#komentar ol {
    padding-left:30px;
}

#komentar ol li {
    font-size: 0.9em;
    
}

#komentar ol li a {
    
}

#komentar ol li p {
    margin-left: 15px;
    font-size: 1em;
    line-height:1.3em;
}

#komentar form {
    margin-top: 40px;
    margin-left: 15px;
}

#komentar form label {    
    
}

#komentar form input {    
    margin-bottom:10px;
    margin-right:10px;
    padding : 4px;
    border:1px solid #9d9d9d;
    width:200px;    
}

#komentar form #button {
    text-align:right;
    margin-right: 15px;
}

#komentar form input.button{
    width:60px;
    
}

#komentar form textarea {
    width:95%;
    padding-left:2px;
    margin-bottom:10px;
    border:1px solid #9d9d9d;
}

/** SIDEBAR **/
#sidebar {
    float:left;
    overflow:hidden;
    width:350px;
    margin-left:20px;
    margin-top:20px;
}

#sidebar #menu {    
    position: relative;
    font-size : 11px;
    margin-top:20px;
}

#sidebar #menu span {
    font-weight:bold;    
}

#sidebar #menu ul{
    margin-top:4px;
    margin-left:0px;
    padding-left:20px;
}

#sidebar #menu ul li {
    list-style-type:square;
    line-height:1.5em;
}

#sidebar #menu ul li a {
    text-decoration:none;    
   
}

#sidebar #menu #menu-title {
    border-bottom: 1px solid #ce5c00 !important;
    border-bottom:none;
    width:350px;
    padding:10px 0px 5px 0px;
    margin-bottom: 0 !important;
    margin-bottom:-15px;
}

#sidebar #menu #menu-title #menu-title-kiri {
    float:left;
    font-weight:bold;
    width:240px;
    font-size:15px;
    color:#204a87;
    border-bottom:none !important;
    border-bottom: 1px solid #ce5c00;
    padding-bottom:0 !important;
    padding-bottom:4px;
}

#sidebar #menu #menu-title #menu-title-kanan {
    float:right;
    width:100px;
    text-align:right;
    font-size:12px;
    margin-right:5px;
    padding-bottom:0 !important;
    padding-bottom:6px;
    border-bottom:none !important;
    border-bottom: 1px solid #ce5c00;
}

#sidebar #menu #menu-kiri, #sidebar #menu #menu-tengah, #sidebar #menu #menu-kanan {
    padding-top:10px;
    float:left;
    width:115px;
}

#sidebar #menu #menu-kiri, #sidebar #menu #menu-tengah {
    margin-right:0px;
}

#sidebar #menu #menu-kiri {
    padding-left:5px;
}


#sidebar #milis {
    height:auto;
    width:100%;
    background : #fcaf3e;
    text-align:center;
    padding:15px 0 15px 0 !important;
    padding:15px 0 0 0;
    margin:20px auto;
}

#sidebar #milis input {
    vertical-align:middle;
    margin:0 10px 0 10px;
}

#sidebar #tetangga {    
    font-size : 11px;
    margin-top:20px;
}

#sidebar #tetangga #tetangga-title {
    border-bottom: 1px solid #ce5c00 !important;
    border-bottom:none;
    width:350px;
    padding:10px 0px 5px 5px;
    position:relative;
    margin-bottom: 0 !important;
    margin-bottom:-15px;
}

#sidebar #tetangga #tetangga-title #tetangga-title-kiri {
    float:left;
    font-weight:bold;
    width:300px;
    font-size:15px;
    color:#204a87;
    
    border-bottom:none !important;
    border-bottom: 1px solid #ce5c00;
    padding-bottom:0 !important;
    padding-bottom:4px;
}

#sidebar #tetangga #tetangga-title #tetangga-title-kanan {
    float:right;
    width:40px;
    text-align:right;
    font-size:12px;
    margin-right:5px;

    padding-bottom:0 !important;
    padding-bottom:9px;
    border-bottom:none !important;
    border-bottom: 1px solid #ce5c00;
}

#sidebar #tetangga ul{
    margin-top:10px;
    padding-left:20px ;
    margin-left:0px;
}

#sidebar #tetangga ul li {    
    line-height:1.5em;
    width:105px;
    display:inline-block !important;
    zoom:1;
    *display:inline;
    padding:0px;
    list-style-type:square;
}

#sidebar #tetangga ul li a {
    text-decoration:none;

}

/* Proyek */
#sidebar #proyek {
    font-size : 11px;
    margin-top:20px;
}

#sidebar #proyek #proyek-title {
    border-bottom: 1px solid #ce5c00 !important;
    border-bottom:none;
    width:350px;
    padding:10px 0px 5px 5px;
    position:relative;

    margin-bottom: 0 !important;
    margin-bottom:-15px;
}

#sidebar #proyek #proyek-title #proyek-title-kiri {
    float:left;
    font-weight:bold;
    width:300px;
    font-size:15px;
    color:#204a87;

    border-bottom:none !important;
    border-bottom: 1px solid #ce5c00;
    padding-bottom:0 !important;
    padding-bottom:5px;
}

#sidebar #proyek #proyek-title #proyek-title-kanan {
    float:right;
    width:40px;
    text-align:right;
    font-size:12px;
    margin-right:5px;

    padding-bottom:0 !important;
    padding-bottom:16px;
    border-bottom:none !important;
    border-bottom: 1px solid #ce5c00;
}

#sidebar #proyek ul{
    margin-top:10px;
    padding-left:20px;    
    margin-left:10px;
}

#sidebar #proyek ul li {
    line-height:1.5em;
    width:250px;    
    padding:0px;
    list-style-type:square;
}

#sidebar #proyek ul li a {
    text-decoration:none;

}
.clear {
    clear: both;
}

/** FOOTER **/
#footer {
    position:relative;
    font-size:11px;
    margin:30px 0 40px 0;
}

#footer #footer-kiri {
    float:left;
    width:245px;
    height:3px;
    border-bottom:3px solid #eba111;
}

#footer #footer-kanan {
    float:left;
    height:3px;
    width:750px;
    margin-left:5px;
    border-bottom:3px solid #204a87;
}

#footer a {
    color:inherit;
    text-decoration:none;
}

#footer #notice-top {
    padding-right:20px;
    text-align:right;
}

#footer #notice-bottom {
    padding:5px 0 0 20px;
}