* {
    margin: 0px;
    padding: 0px;
}
body {
    background: url('/static/templates/img/system/leaf_bg.gif');
    font: normal 12px Arial;
}
#container {
    max-width: 960px;
    margin: 0px auto;
    clear: both;
    border: 3px solid #355706;

}
#footer {
    clear: both;
    float: none;
    max-width: 960px;
    margin: 0px auto;
    text-align: center;
    color: #c0e2ec;
    background-color: #498100;
    height: 50px;
    border-left: 3px solid #355706;
    border-right: 3px solid #355706;
    border-bottom: 3px solid #355706;
}
#footer a {
    color: inherit;
}
#footer .main {
    font-size: 1.2em;
    padding: 3px 0px;
}
#footer .links li {
    display: inline-block;
    padding: 2px 10px;
    text-align: center;
}

#header {
    background: url('/static/templates/img/system/leaf_header.jpg') 0px -1px;
    height: 198px;
    color: white;
}
#header .title {
    padding: 70px 0 0 110px;
    font-family: 'Trebuchet MS', sans-serif;
}
#header .description {
    padding: 0px 0 0 110px;

    font-family: 'Trebuchet MS', sans-serif;
}
#menu {
    text-align: left;
    color: white;
    font-weight: bold;
    font-size: 1.1em;
    margin-top: -35px;
    border-top: 3px solid #355706;
    background-color: #498100;
}
#menu li {
    display: inline-block;
    padding: 5px 10px;

}
#menu li.separator {
    color: #c1d891;
    padding: 5px 5px;
}

#menu li a {
    color: inherit;
}
#menu li.active  {
    background-color: #c1d891;
    color: black;;
}
#middle {
    background-color: #c1d891;
    clear: both;
    border-top: 7px solid #DE6B00;

}
.clean {
    clear: both;
}
#left {
    padding: 10px;
    vertical-align: top;
    display: inline-block;
    height: inherit;
    width: 100%;
    max-width: 665px;
    background-color: white;

}
#left a {
    color: inherit;
}
#left .post {
    padding-top: 10px;
    padding-bottom: 10px;
}
#left .post .header {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: left;
    
    border-bottom: 1px dotted grey;
}
#left .post .header .info {
    display: inline-block;
    vertical-align: top;
}
#left .post .categories {
   margin-top: 10px;
}
#left .post .header .title {
    vertical-align: top;
    display: inline-block;
    color: #66A11A;
    font-size: 18px;
    overflow: hidden;

}
#left .post .header .comments {
    vertical-align: top;
    margin-top: 7px;
    color: #C45801;
    display: inline-block;
   
}
#left .post .header {
    
}
#left .post .date {
    text-align: center;
    display: inline-block;

}
#left .post .date .month, .post .date .year, .post .date .day {
    display: block;
}

#left .post .date .month {
    color: white;
    font-size: 1em;
    line-height: 15px;
    text-transform: uppercase;
}
#left .post .date .day {
    color: black;
    line-height: 18px;
    font-size: 1.5em;
}
#left .post .date .year {
    color: grey;
    font-size: 0.8em;
}

#left .post .content img {
    max-width: 99%;
    background: url('/static/templates/img/default/bg.gif');
    background-color: #c0e2ec;
}
#left .post .content {
    overflow: hidden;
    clear: both;
    color: #434242;
    line-height: 20px;
    padding-bottom: 10px;
}
#left .post .content h1 {
    font-size: 36px;
    padding: 26px 0 0 100px;
}
#left .post .content h3 {
    font-size: 20px;
    color: #758d38;
    font-weight: bold;
}
#left .post .signature {
    margin-top: 2px;
    border-top: 1px dotted #a7a7a7;
    padding-top: 2px;
    font-size: 0.9em;
    color: #C45801;
}
#right .button {
    background: url(/static/templates/img/button.png);
    width: 26px;
    height: 23px;
    cursor: pointer;
}
#right {
    padding: 10px 10px 20px 10px;
    float: right;
    text-align: left;
    vertical-align: top;
    display: inline-block;
    height: inherit;
    width: 100%;
    max-width: 253px;
    background-color: #f9f8dd;
}
#right a {
    color: #503911;
    line-height: 22px;
    font-weight: bold;
}
#right .guestbook {
    padding: 4px 0px;
}
#right .calendar td {
    width: 20px;
}
#right .calendar tr:first-child td {
    font-weight: bold;
}
#right .archive li, #right .categories li, #right .links li {
    list-style-type: none;
    padding: 2px 0px;
}
#right .links li.category {
    padding: 4px 0px;
}
#right .archive li.active, #right .categories li.active {
    font-weight: bold;
    font-size: 1.2em;
}
#right .archive li {
    text-transform: lowercase;
}
#right h3,#right h3 a{
    font-size: 16px;
    color: #E68937;
    font-weight: bold;

}
#right h3 {
    margin-top: 20px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: solid 2px #E5E1AB;
}
#right h3:first-child {
    margin-top: 0px;
}
#right .box {
    margin-top: 10px;
    margin-bottom: 5px;
}
#right .nav {
    cursor: pointer;
}
#single {
    padding: 10px;
    vertical-align: top;
    background-color: white;
}
#single article {
    line-height: 21px;
    margin: 20px 0px;
}
#page-password {
    padding: 30px 10px;
    vertical-align: top;
    background-color: white;
    text-align: center;
}
#comment-add .message {
    color: green;
    font-size: 1.3em;
    border: 1px solid green;
    padding: 5px;
    background-color: lightgreen;
    border-radius: 5px;
    margin: 15px 5px;
}

#comment-add .errors {
    border: 1px solid red;
    color: #c00000;
    font-size: 1.2em;
    background-color: lightpink;
    padding: 5px;
    border-radius: 5px;
    margin: 5px 5px;
}
.error404 {
    font-size: 4em;
}
.main-title {
    font-size: 20px;
    color: #66A11A;
    font-weight: normal;
}
.main-title-head {
    
    color: #66A11A;
    font-weight: bold;
}
.icons {
    margin: 0px 7px -4px 0px;
}

.comments .comments-list .item {
    padding-top: 2px;
    padding-bottom: 10px;
}
.comments .comments-list .item .nick {
    color: #66A11A;
    font-size: 14px;
    padding: 2px 0px 2px 0px;
     border-bottom: 1px dotted #c0c0c0;
}
.comments .comments-list .item .url {
    color: #808080;
    font-size:0.9em;
    padding: 5px 0px;
}
.comments .comments-list .item .date {
    color: #C45801;
    padding: 2px 0px 2px 0px;
   
}
.comments .comments-list .item .content {
    word-wrap:break-word;
    padding: 5px 0px 10px 0px;

}
.comments .empty {
    margin: 20px 0px 20px 0px;
}

.comments .comment-add .input{
    width: 300px;

    padding: 5px;
    font-size: 1.1em;
    font-family: inherit;
    background-color: #F9F8DD;
    border: 1px solid #B7A27E;
}
.comments .comment-add .content {
    height: 120px;
}
.comments .comment-add .submit {
     background-color: #F9F8DD;
    padding: 5px 10px;
    font-size: 1.1em;
    font-weight: bold;
    font-family: inherit;
    cursor: pointer;
     border: 1px solid #B7A27E;
}
.comments .comment-add .form-input {
    padding: 5px;
    margin: 5px;
}

.comments .comment-add .input::-webkit-input-placeholder { 
  color: #a0a0a0;
}
.comments .comment-add .input::-moz-placeholder { 
   color: #a0a0a0;
}
.comments .comment-add .input:-ms-input-placeholder { 
   color: #a0a0a0;
}
.comments .comment-add .input:-moz-placeholder { 
   color: #a0a0a0;
}
.pagination {
    padding: 0px 5px;
    color: #546144;
}
.pagination a {
    color: inherit;
}
.pagination .item, .pagination .nav {
    padding: 2px 5px;
    
}
.pagination span {
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
}
.pagination .active {
    font-weight: bold;
    color: black;

}

.align-center {
    text-align: center;
}

.icons {
    background: url('/static/templates/img/sprite.png');
    display: inline-block;
}
.icon-card {
    width: 43px;
    height: 45px;
    background-position-x: 0px;
    background-position-y: -82px;
}
.icon-card-little {
    width: 16px;
    height: 16px;
    background-position-x: 0px;
    background-position-y: -49px;
}
.icon-guest {
    width: 16px;
    height: 16px;
    background-position-x: -32px;
    background-position-y: -65px;
}
.icon-pen {
    width: 17px;
    height: 16px;
    background-position-x: -15px;
    background-position-y: -65px;
}
.icon-link {
    width: 18px;
    height: 11px;
    background-position-x: -14px;
    background-position-y: -49px;
}
.icon-comment {
    width: 14px;
    height: 15px;
    background-position-x: -1px;
    background-position-y: -65px;
}
@media all and (min-width: 986px) {
    #right .button { display: none;}
    #right .full {display: block;}
}

@media all and (max-width: 985px)  {
    #right { float: none; max-width: none; width: inherit; display: block;}
    #left { float: none; max-width: none; width: inherit; display: block;}
    #right .button {display: block;}
    #right .back-to-main {float: right;}
    #right .full {display: none; margin-top: 20px;margin-bottom: 20px;}
    #right .full .box.short .data {display: none;}
    #right .full .box .nav:after {
        content: " (pokaż/ukryj)";
        font-size: 0.65em;
        font-weight: normal;
        color: grey;
    }
}
@media all and (max-width: 800px) and (min-width: 399px) {
    #header h1 { font-size: 1.5em;}
    #header h2 {font-size: 1em;padding-top: 10px;}
}
@media all and (max-width: 400px) {
    #comment-add .input {
        max-width: 300px;
        width: 100%;
    }
    #comment-add .g-recaptcha {
        transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;
    }
    #header {
        background: #498100; 
    }
    #header h1 {
        padding: 40px 10px 10px 10px;
        font-size: 1.5em;
    }
    #header h2 {
        padding: 15px 10px 0px 10px;
        font-size: 1em;
    }
}