/*
Theme Name: Dark Side of Earth 3rd custom theme
Theme URI: http://eilis.elete.hu/
Description: 3rd gen Dark Side of Earth custom theme. Also known as everyday magic
Version: 1.0
Author: Gergely Zsamboki
Author URI: http://eilis.elete/ji/
Tags: png, custom header, fixed width, two columns

*/

body{
    margin:0 auto;
    padding:0;
    background:#fff;
    color:#000;
    font-size:10pt;
    font-family:sans-serif;
    width:1240px;
    }

#page{
    background:url('images/bg.png') repeat-y top center;
    width:1280px;
    margin:0 auto;
}

#head{
    background:url('images/top-bg-lower.png') no-repeat top center;
    height: 171px;
    }
    
#head-image{
    float:right;
    margin-right:39px;
    position:relative;
    z-index:1;
    }
    
#head-bg-upper{
    margin-top:-694px;
    float:left;
    position:relative;
    z-index:2;
    }
    
#head-title{
    margin: 20px 0 0 40px;
    position:relative;
    z-index:3;
    border:0;
    }
    
#head-quote{
    margin: 40px 0 0 140px;
    position:relative;
    z-index:3;
    }




#content{
    width:775px;
    margin-left:35px;
    }

    
.post-middle, .comment-middle{
    background: url('images/post-bg.png');
    padding: 84px 24px 1px 24px;
    margin-top:-75px;
    position:relative;
    }

.post-head, .comment-head{
    z-index:1;
    position:relative;
    margin: -9px 0 0 8px;
}

.post-head, .comment-head{
    background: url('images/post-head-bg.png') no-repeat top left;
    height:84px;
    }

.post-head .post-meta{
    border-collapse:collapse;
    text-align:right;
    padding:1px;
    margin:-60px 0 0 435px;
    line-height:11pt;
    width:300px;
    display:block;
    position:relative;
    }
    
.post-head .post-meta .value, .post-head .post-meta .value a, .post-head .post-meta .value a:hover, .comment-head .comment-meta .value, .comment-head .comment-meta .value a, .comment-head .comment-meta .value a:hover,{
    color: #3f3f3f;
    }

.post-head .post-meta .value, .comment-head .comment-meta .value{
    text-align:right;
    width:400px;
    }

.post-head .post-meta .key, .comment-head .comment-meta .key{
    font-weight:bold;
    }
    
.post-head h2{
    width:450px;
    height:50px;
    padding:14px 0 0px 20px;
    text-align:left;
    line-height:22px;
    display:block;
    }

.post .entry p, .comment .entry p{
    text-align:justify;
    }

.comment-head h2{
    text-align:left;
    padding: 0px 0 0 16px;
    }

.comment-head .comment-meta{
    border-collapse:collapse;
    text-align:right;
    padding:1px;
    margin:-71px 0 0 435px;
    line-height:11pt;
    width:300px;
    }




#sidebar{
    float:right;
    margin:-10px 19px 0 0;
    position:relative;
    z-index:0;
    width:434px;
    padding:0 15px 0 0;
    }
    
#sidebar-content{
    background:url('images/sidebar-bg.png') repeat-y top center;
    margin:0px;
    padding:10px 0 1px 0;
    }
#sidebar ul {
    list-style:none;
    }


#foot{
    color:#ffffff;
    clear:both;
    text-align:center;
    background:url('images/bottom-bg.png');
    padding:40px 0 20px 0;
    }





    
    
    
a {
    color:#000;
    text-decoration:none;
    }
    
a:hover{
    color:#000;
    text-decoration:underline;
    }
    
p{
    margin: 0 0 8px 0;
    }

h2{
    font-size:24pt;
    font-family:sans-serif;
    margin:0;
    }

.imgborder{
    border:0;
    margin:0;
    padding:0;
    border-collapse: collapse;
    }
    
.imgborder img{
    border:0;
    }
    
.imgborder .tr, .imgborder .tl, .imgborder .br, .imageborder .bl{
    height:3px;
    width:3px;
    }

.imgborder td{
    margin:0;
    padding:0px;
}
    
.imgborder .tr{
    background:url('images/image-border-tr.png') no-repeat;
    }
    
.imgborder .tc{
    background:url('images/image-border-tc.png') repeat-x;
    }
    
.imgborder .tl{
    background:url('images/image-border-tl.png') no-repeat;
    }
    
.imgborder .cr{
    background:url('images/image-border-cr.png') repeat-y;
    }
    
.imgborder .cl{
    background:url('images/image-border-cl.png') repeat-y;
    }
    
.imgborder .br{
    background:url('images/image-border-br.png') no-repeat;
    }
    
.imgborder .bc{
    background:url('images/image-border-bc.png') repeat-x;
    }
    
.imgborder .bl{
    background:url('images/image-border-bl.png') no-repeat;
    }
    

blockquote {
    border-left:8px solid #3f3f3f;
    padding-left:8px;
    margin:auto 0;
    
    }
    
blockquote table{
    border-collapse:collapse;
    margin:0px;
    padding:0px;
    }
    
blockquote p {
    text-align:justify;
    }