/*
 Theme Name: Limau Orange
 Theme URI: http://www.blogohblog.com/
 Description: Limau Orange is a 3 columns Wordpress theme. I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my Bob link under your footer :)
 Version: 0.1
 Author: Bob
 Author URI: http://www.blogohblog.com/
 
 This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
 */
body {
    font-family: 'Verdana';
    font-size: 13px;
}
#wrap {
    width: 980px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    margin: 0 auto;
}
#header {
    height: 90px;
    width: 665px;
    position: relative;
    color: #000;
    margin-bottom: 3px;
    float: left;
    padding: 0;
}
#header h1 {
    text-indent: -10000px;
    margin: 0;
    padding: 0;
}
#header h1 a {
    display: block;
    background: url(images/logo_top.png) no-repeat left top;
    height: 68px;
}
#search {
    margin-top: 30px;
/*    float: right;*/
    padding: 0;
}

input#searchsubmit {
    background: #fc6;
    border: 2px solid #f93;
    color: #333;
    font-size: 13px;
}

a:hover {
    text-decoration: none;
    color: #555353;
    border: none;
}
.left {
    background: #bce2ff url(images/bg_halftone.gif) repeat top left;
    float: left;
    width: 200px;
    border: 3px solid #f3f3f3;
    margin: 10px 0;
    padding: 10px;
}
.right {
    background: #fc9 url(images/bg_halftone.gif) repeat top right;
    float: right;
    width: 170px;
    border: 3px solid #f3f3f3;
    margin: 10px 0;
    padding: 10px;
}
.right img {
    border: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.middle {
    margin-top: 10px;
    line-height: 16px;
    margin-right: 10px;
    float: left;
    width: 510px;
    border: 3px solid #f3f3f3;
    overflow: hidden;
    padding: 10px;
    font-size: 13px;
    line-height: 1.5em;
}
.middle.single {
    width: 720px;
}
.middle img {
    border: 4px #eee solid;
}
.ads {
    margin-top: 10px;
    line-height: 16px;
    margin-left: 10px;
    float: left;
    width: 510px;
    border: 3px solid #f3f3f3;
    text-align: center;
    padding: 10px;
}
.ads img {
    border: 0;
    text-align: center;
}

img.wp-smiley {
    border: 0;
    padding: 0;
}
#footer {
    width: 980px;
    margin-top: 20px;
    text-align: center;
    clear: both;
    padding: 10px;
}

div.hr {
    height: 3px;
    background: #fff url(images/hr.gif) repeat-x scroll center;
    clear: both;
}

div.br {
    height: 10px;
    background: #fff url(images/br.gif) repeat-x scroll center;
    clear: both;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}
.gcomment {
    border-left: none;
    vertical-align: middle;
    border-right: none;
    margin-bottom: 3px;
    border-bottom: 1px solid #f3f3f3;
    background-color: #F7F7F7;
    padding: 3px;
}
.ucomment {
    border-left: none;
    border-right: none;
    margin-bottom: 3px;
    border-bottom: 1px solid #f3f3f3;
    background-color: #fbfbf1;
    padding: 3px;
}

input#submit {
    background: #fc6;
    border: 2px solid #f93;
    color: #fff;
    font-size: 13px;
}

ol.commentlist {
    margin: 0 0 1px;
    padding: 0;
}
ol.commentlist li {
    list-style: none;
    margin: 0;
    padding: 13px 13px 1px;
}
ol.commentlist li.commenthead {
    list-style: none;
    margin: 0;
}
ol.commentlist li.commenthead h2 {
    margin: 0;
}
.addthis {
    text-align: right;
    clear: both;
}
.wp-caption {
    background: #eee;
}
a:link, a:active, a:visited {
    text-decoration: none;
    color: #416e90;
    border: none;
}
.left h2, .comments h3 {
    font-size: 14px;
    border-bottom: dashed 1px #ccc;
    margin: 0 7px 3px;
    padding: 3px 0;
}
.left ul, .right ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 150%;
    font-size: 12px;
}
.left ul li, .right ul li {
    list-style-type: none;
    margin: 0 0 20px;
    padding: 0;
}
.left ul li ul, .right ul li ul {
    list-style-type: square;
    margin: 0;
    padding: 0 3px;
}
.left ul li ul li, .right ul li ul li {
    list-style-type: none;
    background: transparent url(images/bullet.gif) no-repeat 0 4px;
    border: 0;
    margin: 0;
    padding: 0 0 2px 14px;
}
.left ul li ul li:hover {
    border-bottom: #ccc 1px solid;
}
.right h2, .comments h3 {
    font-size: 14px;
    border-bottom: dashed 1px #ccc;
    margin: 0 7px 3px;
    padding: 3px 0;
}
.right ul, .right ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 150%;
    font-size: 12px;
}
.right ul li, .right ul li {
    list-style-type: none;
    margin: 0 0 20px;
    padding: 0;
}
.right ul li ul, .right ul li ul {
    list-style-type: square;
    margin: 0;
    padding: 0 3px;
}
.right ul li ul li, .right ul li ul li {
    list-style-type: none;
    background: transparent url(images/bullet.gif) no-repeat 0 4px;
    border: 0;
    margin: 0;
    padding: 0 0 2px 14px;
}
.right ul li ul li:hover {
    border-bottom: #ccc 1px solid;
}

div.hr hr, div.br br {
    display: none;
}
.middle2, .middle3 {
    margin-top: 10px;
    line-height: 16px;
    margin-left: 10px;
    float: left;
    width: 237px;
    border: 3px solid #f3f3f3;
    overflow: hidden;
    padding: 10px;
}
.middle2:hover, .middle3:hover {
    background: #fafafa;
}
.ucomment img, .addthis img {
    border: 0;
}
.post a:link, .post a:active, .post a:visited, .post a:hover {
    text-decoration: underline;
}

/* Post Header*/
    .post h2 {
        border-bottom: 1px solid #ccc;
        font-size: 17px;
        color: #292929;
        padding-bottom: 5px;
    }
    .post h2 a:link, .post h2 a:active, .post h2 a:visited, .post h2 a:hover {
        color: #292929;
        text-decoration: none;
    }
    .post h3 {
        zoom: 100%;
    }
    .post h3:after {
        content: "";
        clear: both;
        height: 0;
        display: block;
        visibility: hidden;
    }
    .post h3 span {
        display: block;
        float: left;
    }
    .post h3.header {
        margin-top: 20px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        padding: 10px;
        background: -moz-linear-gradient(center top, #e1f0fa 0%,#94c7eb 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e1f0fa),color-stop(1, #94c7eb));
    }
    /*
    .post h3 .header {
        background: url(images/bg_header.png) repeat-x top left;
        padding: 0 20px;
        height: 31px;
        width: 90%;
        line-height: 31px;
    }
    .post h3 .l {
        background: url(images/bg_header_side.png) no-repeat left center;
        width: 5px;
        height: 31px;
    }
    .post h3 .r {
        background: url(images/bg_header_side.png) no-repeat right center;
        width: 5px;
        height: 31px;
    }
    */
    .post h3 .lfgotop {
        clear: both;
/*        display: block;*/
        text-align: right;
        margin-right: 20px;
    }
    .post h4 {
        border-bottom: 1px dashed #ccc;
        width: 90%;
        padding-left: 20px;
        font-size: 15px;
        border-left: 10px solid #ace;
    }

/* Post Body */
    .middle.single .post p {
        width: 90%;
        padding-left: 20px;
    }
    .middle.single .post p strong {
        background: #bdf;
    }

/* Archive Summary */
    .summary {
        background: url(images/bg_summary.png) no-repeat top left;
        padding: 10px;
        height: 122px;
    } .summary h3 {
        margin: 0;
        padding: 0;
        float: left;
    } .summary img.image {
        border: 0;
        padding: 0;
        margin: 5px;
        float: left;
    } .summary div {
        float: right;
        width: 50%;
        padding-right: 10px;
    }

/* Table */
    table.lftable {
        margin: 0 30px;
        background: #ccf;
        border-spacing: 1px;
    }
    table.lftable th, table.lftable td {
        background: #fff;
        padding: 10px;
    }
    table.lftable th {
        -moz-border-radius: 2px 2px 0 0;
        -webkit-border-radius: 2px 2px 0 0;
    background: -moz-linear-gradient(center bottom, #c2daff 0%,#f2f7ff 98%,#ffffff 99%,#e5efff 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #c2daff),color-stop(0.98, #f2f7ff),color-stop(0.99, #ffffff),color-stop(1, #e5efff));
        padding: 10px 20px;
        white-space: nowrap;
    }

/* List */
    ul.notype li {
        list-style-type: none;
    }
    ul.notype li {
        font-weight: bolder;
    }
    ul.notype li ul li {
        border-bottom: 1px dotted #ccc;
        font-weight: normal;
    }
    
/* Util */
    .button {
       border-top: 1px solid #96d1f8;
        background: #39941f;
        background: -webkit-gradient(linear, left top, left bottom, from(#87f03c), to(#39941f));
        background: -moz-linear-gradient(top, #87f03c, #39941f);
       padding: 10px 30px;
       -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
       border-radius: 8px;
       -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
       -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
       box-shadow: rgba(0,0,0,1) 0 1px 0;
       color: white;
       text-decoration: none;
       vertical-align: middle;
    }
    .button:hover {
       border-top-color: #4c8a3d;
       background: #4c8a3d;
       color: #ccc;
   }
    .button:active {
       border-top-color: #63ff63;
       background: #63ff63;
   }

   #translation_bar {
        overflow: hidden;
   }
   
/* Real Sisen */
    body.page-id-533 div.middle.single
    , body.page-id-563 div.middle.single {
        background:url(/wp-content/uploads/2012/01/bg_sisen.png) no-repeat left top;
    }