/*
Theme Name: Modified Pelangi Ungu
Theme URI: http://pribadi.or.id/diary/themes/
Description: Hei .. Pelangi di Langit Ungu &#8212; Rainbow in the Purple Sky. <strong>Check the config:</strong> <code>pelangi-ungu-config.php</code>
Version: 1.5.2
Author: Firman Pribadi
Author URI: http://pribadi.or.id/
Lisence: GNU GPL version 2 or later. See http://www.opensource.org/licenses/gpl-license.php
*/

/*** structure ***/

body {
    background: #669;
    margin: 0 auto;
    padding 0;
    width: 782px;
    font-size: 12px;
    border: solid #9c9;
    border-width: 0px 3px;
}

#header {
    background: #fee;
    border: none;
    border-bottom: solid 4px #f36;
    text-align: center;
    padding: 10px 0;
}

#container {
    background: #fff url( 'images/garis.jpg' ) repeat-y;
    border: solid 1px #fff;
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    text-align: left;
    float: left;
    width: 770px;
    padding: 5px;
}

#content {
    float: left;
    width: 580px;
}

#searchform {
    margin: 0;
}

#sidebar {
    background: #ffe;
    border: dashed 1px #f69;
    float: right;
    width: 175px;
    padding: 5px;
    font-size: 11px;
}

#footer {
    background: #fee;
    border: none;
    border-top: solid 4px #f36;
    text-align: center;
    padding: 10px 0;
    clear: both;
}

#searchbox {
    background: #fff;
    float: right;
    border: solid 1px #eee;
    margin: 0 5px 10px 10px;
    padding: 5px;
    z-index: 3;
}

/*** formatting ***/

img {
    border: none;
}

h2 {
    font-size: 125%;
    line-height: 14px;
}

h3, h4, h5 {
    font-size: 100%;
    line-height: 12px;
}

blockquote {
    background: #fff url( 'images/quotemarks.gif' ) no-repeat 5px 5px;
    font-style: italic;
    padding: 1px 30px;
    margin: 10px;
    color: #666;
}

dd {
    margin-left: 25px;
    padding-left: 0;
}

dd ul, dd ol {
    margin-left: 15px;
    padding-left: 0;
}

dd blockquote, li blockquote {
    margin: auto 0;
}

hr {
    display: none;
}

pre {
    font-family: Fixedsys, "Courier New", Courier, monospace;
    padding: 5px;
    white-space: pre;
    overflow: auto;
    /* width 400px - 560px, for IE user */
    width: 560px;
    width: auto;
    color: #000000;
    background: #eeeeee;
    border: dotted 1px #666666;
    margin: 0;
}

a {
    color: #f69;
    text-decoration: none;
}

a:hover, a:active {
    color: #f36;
}

input, textarea, select {
    border: solid 1px #999;
}

input, textarea, select {
    background: #fff;
    }

input:focus, textarea:focus {
    background: #ffe;
    }


/*** layout ***/

.searchlabel {
    background: #eee;
    font-weight: bold;
    font-family: arial, sans-serif;
    font-size: 12px;
    padding: 1.5px 0;
    white-space: nowrap;
    width: 160px;
}

.pict {
    border: solid 1px #999;
    background: #eee;
    padding: 3px;
}

.rightbox {
    float: right;
    border: solid 1px #eee;
    margin: 12px 0 10px 10px;
    padding: 0 10px;
}

.leftbox {
    float: left;
    border: solid 1px #eee;
    margin: 12px 10px 10px 0;
    padding: 5px;
}

.rightimage {
    float: right;
    margin: 12px 0 10px 10px;
}

.leftimage {
    float: left;
    margin: 12px 10px 10px 0;
}

.center {
    text-align: center;
}

.alignright {
    text-align: right;
}

.alignleft {
    text-align: left;
}

.alt {
    background: #ffe;
    border: solid #fc0;
    border-width: 0 0 1px 3px;
    padding: 5px;
}

.wht {
    padding: 5px;
}

.sitename {
    margin: 1px;
    font-size: 200%;
    font-weight: bold;
    letter-spacing: 5px;
}

.sitedesc {
    margin: 1px;
    font-size: 125%;
    font-style: italic;
}

.post {
    margin-right: 10px;
}

.post h1 {
    font-size: 150%;
    margin-top: 0;
}

.post h2 {
    font-size: 125%;
    margin-bottom: 2px;
}

.post h3 {
    font-size: 100%;
    margin-bottom: 2px;
}

.simplemeta {
    font-size: 11px;
    border-left: solid 4px #eee;
    padding-left: 5px;
}

.simpledate {
    float: right;
    color: #999;
    margin: 0;
}

.simpleinfo {
    background: #eee;
    width: 250px;
    padding: 3px 10px;
    text-align: center;
}

.postmetadata {
    font-size: 11px;
    padding: 5px 0;
}

#morepost {
    vertical-align: top;
    color: #666;
    font-family: arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    margin: 0 10px 0 0;
    }

#morepost ul {
    list-style-type: circle;
    padding: 0;
    margin: 0 0 0 15px;
    }

#morepost .recentcommentslist ul{
    margin-bottom: 0;
    }

#morepost .hilite {
    color: #000;
}

.commentmetadata {
    color: #666;
}

.commentlist {
    margin: 0 10px;
    padding: 0 20px;
    font-size: 11px;
    line-height: 14px;
}

#commentform {
    margin: 0 10px;
    padding: 0 20px 0 0;
}

.navigation {
    margin: 0 10px 0 0;
    padding: 5px 0;
}

#sidebar a, .commentlist a, #commentform a {
    color: #396;
}

#sidebar a:hover, .commentlist a:hover, #commentform a:hover {
    color: #666;
}

.menu_ul {
    margin-left: 5px;
    list-style-type: none;
    padding: 0;
}

.menu_ul li {
    background: url( 'images/btn-arrow.gif' ) no-repeat left center;
    margin-left: 5px;
    padding-left: 15px;
}


/*** the calendar ***/

#wp-calendar {
    empty-cells: show;
    margin: auto;
    width: 150px;
}

#wp-calendar #next a {
    text-align: right;
}

#wp-calendar #prev a {
    text-align: left;
}

#wp-calendar #today {
    font-weight: bold;
}

#wp-calendar a {
    display: block;
}

#wp-calendar caption {
    text-align: center;
    width: 100%;
}

#wp-calendar td {
    padding: 3px 0;
    text-align: center;
    }


/*** pribadi.or.id only ***/

.rujukan {
    margin-left: 15px;
    margin-right: 20px;
    padding: 3px;
    padding-left: 15px;
    border-left: solid 3px #fc0;
    border-bottom: solid 1px #fc0;
    background: url( 'images/btn-arrow.gif' ) no-repeat left center;
    }
    
#sholat {
    empty-cells: show;
    margin: auto;
    margin-bottom: 10px;
    width: 170px;
    /* font-size: 90%; */
    text-align: center;
    }

#sholat .di {
    font-weight: bold;
    color: #990000;
    }

#sholat .dh {
    }

#sholat .no, #sholat .ne {
    text-align: left;
    }

#sholat .jo, #sholat .je {
    text-align: right;
    }

#sholat .jo, #sholat .no {
    background: #eeeeee;
    }

/*** amazon catalog ***/

.catalog {
    margin-left: 5px;
    padding-left: 0px;
    list-style-type: circle;
}

.catalog li {
    margin-left: 10px;
}