/*
Theme Name: katamarch
Themel URI: https://katab.asia/
Description: A simply photoblogging theme for WordPress 3.0. If you set Featured Image at Edit Post then it will show thumbnail at Toppage.
Version: 1.02
Author: O
Author URI: https://katab.asia/
Tags: white, one-column, fixed-width, custom-header, custom-background, custom-menu, editor-style, sticky-post, translation-ready, photoblogging


	katamarch v1.02
	http://sysbird.jp/katamarch/

	This theme was designed and built by Sysbird of the photographer for photoblogging.
	If you set Featured Image at Edit Post then it will show thumbnail at Toppage.
	Fully WordPress 3.0 compliant.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

	This thems is distributed under the same license as the WordPress package.
*/

/* Reset
-------------------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

html {
    overflow-y: scroll;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

fieldset, img {
    border: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* HTML
-------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0;
    line-height: 1em;
}

h1 {
    font-size: 2em;
    margin-bottom: .5em;
}

h2 {
    font-size: 1.75em;
    margin-bottom: .5142em;
    padding-top: .2em;
}

h3 {
    font-size: 1.5em;
    margin-bottom: .7em;
    padding-top: .3em;
}

h4 {
    font-size: 1.25em;
    margin-bottom: .6em;
}

h5, h6 {
    font-size: 1em;
    margin-bottom: .5em;
    font-weight: bold;
}

p, blockquote, ul, ol, dl, form, table, pre {
    line-height: inherit;
    margin: 0 0 1.5em 0;
}

ul, ol, dl {
    padding: 0;
}

ul ul, ul ol, ol ol, ol ul, dd {
    margin: 0;
}

li {
    margin: 0;
    display: list-item;
    list-style-position: outside;
}

blockquote, dd {
    padding: 0 0 0 2em;
}

pre, code, samp, kbd, var {
    font: 100% mono-space, monospace;
}

pre {
    overflow: auto;
}

abbr, acronym {
    text-transform: uppercase;
    border-bottom: 1px dotted #000;
    letter-spacing: 1px;
}

abbr[title], acronym[title] {
    cursor: help;
}

small {
    font-size: .9em;
}

sup, sub {
    font-size: .8em;
}

em, cite, q {
    font-family: Marta_Italic_0;
}

img {
    border: none;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th, caption {
    text-align: left;
}

form div {
    margin: 0 0 .5em;
    clear: both;
}

label {
    display: block;
}

fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

legend {
    font-weight: bold;
}

input[type="radio"], input[type="checkbox"], .radio, .checkbox {
    margin: 0 .25em 0 0;
}

a:link {
    text-decoration: none;
    color: #555;
}

a:visited {
    color: #A9A9A9;
}

a:hover {
    text-decoration: underline;
}

/* Base
-------------------------------------------------------------------*/

@font-face {
    font-family: 'Akrobat-Black'; /*a name to be used later*/
    src: url('fonts/Akrobat-Black.otf'); /*URL to font*/
    font-weight: bold;
}

@font-face {
    font-family: 'Akrobat-SemiBold'; /*a name to be used later*/
    src: url('fonts/Akrobat-SemiBold.otf'); /*URL to font*/

}
@font-face {
    font-family: 'Marta_Italic_0'; /*a name to be used later*/
    src: url('fonts/Marta_Italic_0.otf'); /*URL to font*/
}
@font-face {
    font-family: 'Akrobat-Regular'; /*a name to be used later*/
    src: url('fonts/Akrobat-Regular.otf'); /*URL to font*/
    font-weight: normal;
}

@font-face {
    font-family: 'Roboto-Regular'; /*a name to be used later*/
    src: url('fonts/Roboto-Regular.ttf'); /*URL to font*/
    font-weight: normal;
}


@font-face {
    font-family: 'Basil'; /*a name to be used later*/
    font-style: italic;
}
body {
    font-size: 90%;
    font-family: Roboto-Regular;
    /*font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;*/
    line-height: 26px;
    color: #555;
    /*white-space: pre-wrap;*/
    /*overflow-x:hidden !important;*/
}

body.category-beam {
    background-image: none !important;
}

#wrapper {
    margin: 0 auto;
    padding: 0;
    width: 758px;
    position: relative;
    background: #fff;
}

#header div.extraHeaders .dropdown span {

    display: none;
    text-align: center;
    color: white;
}
#header div.extraHeaders div.dropdown {

    width: 100%;

}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 736px),  (max-width: 736px)
{

    .modal-content {
        width: 100% !important;
        padding-top: 20px  !important;
    }

    .close {
        top:5px !important;
        right: 45%  !important;
        font-size:60px  !important;
    }
    .single #content .post {
        margin: 0 31px !important;
    }

    .single #content h1 {
        margin-top: 0 !important;
    }

    #wrapper {
        width: 100%;
        margin: 0 ;
        overflow:hidden;
    }

    #header {
        margin: 0 !important;
        background: none !important;
    }

    #header > a
    {
        position: static !important;
    }

    #header div.extraHeaders {
        padding: 0 !important;
        margin:  0 !important;
        height: 63px;
        /*display: none !important;*/
    }

    #header div.langSwitch a {
        color: black !important;
    }

    #content #thumbnail ul {
        padding: 0  !important;
        margin: 0  !important;
        text-align: center;
    }

    #content #thumbnail ul li {

        margin: 0 auto !important;
    }

    #content {
        margin: 0  !important;
        padding:  0 !important;
        font-size: 16px !important;
    }

    #content .blogFeed
    {
        margin: 0 !important;
    }

    #header div li {
        height: 27px  !important;
    }

    #header div.extraHeaders .dropdown {
        position: fixed;
        display: inline-block;
        text-align: center;
        background-color: black;
        left: 0;
        right: 0;
        top: 0;
        z-index: 10;
        opacity: 0.8;
    }
    #header div.extraHeaders .dropdown #homeUrl-wrapper {
        font-size: 160%;
        margin: 8px 15px 0 15px;
        display: inline-block;

    }

    #header div.extraHeaders .dropdown span {
        display: block;
        /*line-height: 10;*/
    }

    #header div.extraHeaders .dropdown a {
        display: block;
        /*line-height: 10;*/
        color: white;
    }

    #header div.extraHeaders .dropdown  #navmenu-btn{
        position: absolute;
        right: 20px;
        display: block;
        height: 19px;
        width: 30px;
        top: 17px;
    }

    #header div.extraHeaders .dropdown  #navmenu-btn-line{
        width: 100%;
        position: absolute;
        right: 20px;
        display: block;
        background: #FFF;
        height: 3px;
        top: 8px;
        left: 0
    }

    #header div.extraHeaders .dropdown  #navmenu-btn:before{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: #FFF;
        content: '';
    }
    #header div.extraHeaders .dropdown  #navmenu-btn:after{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: #FFF;
        content: '';
    }

    #header div.extraHeaders #headerCategories {
        display: none;
    }

    #header div.headerCategories ul {
        column-count: 1 !important;
    }

    #header div.headerCategories ul li {
        width: 100% !important;
        display: list-item !important;
    }
    #header div.headerYears {
        display: none !important;
    }

    #header div.blogEnter  li {
        height: 48px !important;
    }
    #header div.extraHeaders .dropbtn {
        background-color: #4CAF50;
        color: white;
        padding: 16px;
        font-size: 16px;
        border: none;
        cursor: pointer;
    }


    #header div.extraHeaders .dropdown-content {
        display: inline-block;
        visibility: hidden;
        transition: visibility 0.5s;
        position: absolute;
        background-color: #f9f9f9;
        /*min-width: 160px;*/
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        padding: 12px 16px ;
        z-index: 100;
        margin: 66px 0 0 0;
        opacity: 0.7;
        left: 0;
        width: 90%;
        right: 0;
    }

    #header div.extraHeaders .dropdown .dummyholder{
        background-color: rgba(0, 0, 0, 0);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: none;
    }

    #header div.extraHeaders .dropdown-content a {
        /*color: black;*/
        /*padding: 12px 16px;*/
        text-decoration: none;
        display: block;
    }
    #header div.extraHeaders #navmenu-btn:focus ~ .dummyholder {
        display: block;
    }
    #header div.extraHeaders #navmenu-btn:focus ~ .dropdown-content {
        visibility: visible;
        opacity: 1;
    }


    #header div.headerSearch #qsearch {
        /*width: 100% !important;*/
        border-top:  2px solid #333 !important;
    }

    #header div.headerSearch #qsearch input#s {
        width: calc(100% - 45px) !important;
    }



    #scroll-container-wrapper
    {
        position: fixed;
        overflow: hidden;
        width: 100%;
        margin: 0 auto;
        height: 28px;
        opacity: 0.8;
        bottom: 0;
        z-index: 150;
    }

    .arrow {
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        padding-bottom: 4%;
        height: 8%;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 200;
    }
    .arrow:before,
    .arrow:after {
        content: '';
        position: absolute;
        bottom: 100%;
        width: 50%;
        padding-bottom: inherit;
        background-color: inherit;
    }
    .arrow:before {
        right: 50%;
        -ms-transform-origin: 100% 100%;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -ms-transform: skewX(45deg);
        -webkit-transform: skewX(45deg);
        transform: skewX(45deg);
    }
    .arrow:after {
        left: 50%;
        -ms-transform-origin: 0 100%;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -ms-transform: skewX(-45deg);
        -webkit-transform: skewX(-45deg);
        transform: skewX(-45deg);
    }

    #footer {
        display: none;
    }

}
/*@media screen  and  (min-width:1440px) {
    #wrapper {
        width: 1070px;
    }
}*/

/* Header
-------------------------------------------------------------------*/
#header {
    position: relative;
    margin: 0 20px;
}

/*
@media screen and (min-width: 1440px) {
    #header {
        margin: 0;
    }
}

*/

#scroll-container-wrapper
{
    display: none;
}


#header h1,
#header #site-title {
    font-size: 200%;
    position: absolute;
    top: 10px;
    left: 0;
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 1;
}

#header #tagline {
    position: absolute;
    top: 3em;
    left: 0;
}

#header ul {
    list-style: none;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
}

#header ul li {
    float: left;
    position: relative;
    border-right: solid 1px #06C;
    margin-bottom: 5px;
}

#header ul li a {
    display: block;
    text-decoration: none;
    padding: 0 5px;
    line-height: 1.2em;
    color: #333;

}

#header ul li a:hover {
    color: darkgrey;
}

#header ul ul {
    display: none;
    position: absolute;
    top: 1.2em;
    left: 0;
    float: left;
    width: 180px;
    z-index: 99999;
}

#header ul ul li {
    min-width: 180px;
}

#header ul ul ul {
    left: 100%;
    top: 0;
}

#header ul ul a {
    background: #EFEFEF;
    height: auto;
    line-height: 1.2em;
    padding: 3px 10px;
    width: 160px;
}

#header li:hover > a,
#header ul ul :hover > a {
    text-decoration: underline;
}

#header ul li:hover > ul {
    display: block;
}

#header ul li.current_page_item > a,
#header ul li.current-menu-ancestor > a,
#header ul li.current-menu-item > a,
#header ul li.current-menu-parent > a {
    color:  darkgrey !important;
}

* html #header ul li.current_page_item a,
* html #header ul li.current-menu-ancestor a,
* html #header ul li.current-menu-item a,
* html #header ul li.current-menu-parent a,
* html #header ul li a:hover {
    color: #999;
}

#header ul li.current_page_item > a {
    color:  darkgrey !important;
    text-decoration: underline;
}
#header a[rel="home"] {
    position: absolute;
    top: 0;
    left: 298px;
    width: 122px;
    height: 142px;
}


#header a[href="#bottom"] {
    position: absolute;
    top: 40px;
    width: 115px;
    height: 100px;

}

#header a[rel="left_bottom"] {
    left: 93px;
}

#header a[rel="right_bottom"] {
    left: 511px;
}

/*
@media screen and (min-width: 1440px)
{
    #header a[rel="home"]
    {
        left: 515px;
    }
    #header a[href="#bottom"] {
        left: 270px;
    }
    #header a[rel="right_bottom"] {
        left: 687px;
    }
}
*/

#header a h1 {
    display: none;

}

#header div.extraHeaders {
    margin: 0 54px;
    display: block;
    padding-top: 200px;

}

#header div.headerCategories {
    display: block;
    position: static;

}

#header div.headerCategories ul {

    position: static;
    text-align: center;


}


#header div.headerCategories ul li a {
    font-size: 16px;
}

/*@media screen and (min-width: 1440px){
    #header div.headerCategories ul {

        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6;
        padding-left: 85px;
        padding-right: 85px;

    }
}*/
#header div li {
    display: inline-block;
    text-transform: uppercase;
    background-color: black;
    border-right: none;
    float: none;
    position: initial;
    /*width: 141px;*/
    text-align: center;
}

#header div li a {
    font-family: Akrobat-SemiBold;
    vertical-align: middle;
    color: white;
    line-height: 1.4em;

}

#header div li a.active {
    color: darkgrey !important;

}


#header  div.blogEnter, div.langSwitch  {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

#header  div.blogEnter img  {
    vertical-align: middle;
}


#header  div.blogEnter li  {
    margin:  10px 0;
    width: 110px;
    height: 48px;
    padding-bottom: 2px;
    vertical-align: middle;
}



#header  div.blogEnter li  a{
    font-size:36px;
}

#header div.headerSearch {
    display: block;

}

#header div.headerSearch #qsearch {
    display: block;
    padding: 0;
    width: 100%;
    height: 33px;
    /*margin: 10px auto;*/

    border: 2px solid #333;
    border-top: none;
}

#header div.headerSearch #searchform {
    padding-right: 4px;
    margin: 0 0 0 0;

}

#header div.headerSearch #qsearch .btn {
    float: right;
    margin: 3px 5px 0 0;
}

#header div.headerSearch #qsearch input {
    float: left;
    border: none;
    background: transparent;
    margin: 0;

}

#header div.headerSearch #qsearch input#s {
    width: 560px;
    padding: 5px;
    height: 70%;
}

#header div.headerYears {
    display: block;
    /*margin-left: 11px;*/
    /*margin-right: 11px;*/
    /* margin-left: 24px;*/
}

#header div.headerYears ul {
    position: static;

    text-align: center;
}

#header div.headerYears ul li {
    background-color:transparent;
    width: 64px;
}

#header div.headerYears ul li a {
    color: black;
    display: inline-block;
    padding: 0;
    font-size: 24px;
    line-height: 1.8em;
}

#header div.headerYears ul li span {
    margin-left: 1px;
    margin-right: 1px;
}

#header div.headerYears ul li span:after {
    content: "|";
    background: black;
    position: relative;
    left: 0;
    color: white;
    font-size: 80%;
}
#header .current-lang
{
    background-color:transparent;
}
#header .current-lang a
{
    font-family: Akrobat-Black;
    font-size: 16px;
    color: black;
    font-weight: bold;
}

/* Content
-------------------------------------------------------------------*/
#content {
    position: relative;
    padding: 21px 0;
    text-align: left;
    font-size: 18px;
    font-style: normal;
    /*margin: 0 20px;*/
}

.category-beam #content
{
    padding: 11px 0;
}

#content h1.pagetitle {
    display: none;
}

#content p {
    /*text-align: left;*/
}

#content .hentry {
    text-align: center;
}

#content h1 {
    font-size: 48px;
    margin: 10px 31px 30px;
    padding: 0;
    line-height: 48px;
    text-align: center;
    font-family: Akrobat-Black;
    color: black;
}

#content h2 {
    font-size: 120%;
    font-weight: bold;
    margin: 0 0 0.5em 0;
}

#content h3 {
    font-size: 120%;
    margin: 0 0 0.5em 0;
}

#content h4 {
    font-size: 110%;
    margin: 0 0 0.5em 0;
}

#content h5 {
    font-size: 100%;
    margin: 0 0 0.5em 0;
}

#content h6 {
    font-size: 100%;
    margin: 0 0 0.5em 0;
}

#content p a:link {
    text-decoration: underline;
}

#content p a:visited {
    text-decoration: underline;
}

#content p a:hover {
    color: #999;
    text-decoration: underline;
}

#content table caption {
    font-weight: bold;
    color: #333;
    font-style: italic;
}

#content table th {
    border-bottom: solid 1px #CCC;
    font-weight: bold;
}

#content table td {
    border-bottom: solid 1px #CCC;
}

#content blockquote {
    margin-left: 1em;
    padding-left: 1em;
    border-left: 2px solid #DDD;
}

#content pre {
    border: dashed 1px #CCC;
    padding: 10px;
}

#content ul {
    margin: 0 0 0 1em;
    padding: 0 0 0 1em;
    list-style: disc;
}

#content ul ul {
    list-style: circle;
}

#content ul ul ul {
    list-style: square;
}

#content ul ul ul ul {
    list-style: disk;
}

#content ol {
    margin: 0 0 0 1em;
    padding: 0 0 0 1em;
    list-style: decimal;
}

#content ol ol {
    list-style: upper-alpha;
}

#content ol ol ol {
    list-style: lower-roman;
}

#content ol ol ol ol {
    list-style: lower-alpha;
}

#content dl {
    margin: 0 0 1em 0;
}

#content dt {
    font-weight: bold;
}

#content dd {
    margin-bottom: 1em;
    padding: 0;
}

#content strong {
    font-weight: bold;
    font-family: Akrobat-Black;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: black;
}

#content hr {
    background-color: #E7E7E7;
    border: 0;
    height: 1px;
    margin-bottom: 1em;
    clear: both;
}


#content label {
}
 
#content em,
i {
    font-family: Marta_Italic_0;
    /*font-style: normal;*/
}

#content cite {
    font-style: italic;
    border-bottom: dashed 1px #CCC;
}

#content big {
    font-size: 130%;
}

#content ins {
    background: #ffc;
    text-decoration: none;
}

#content abbr {
    text-transform: lowercase;
    border-bottom: 1px dotted #666;
    cursor: help;
}

#content acronym {
    text-transform: uppercase;
    border-bottom: 1px dotted #666;
    cursor: help;
}

#content del {
    color: #C00;
}

#content .comments-link span.screen-reader-text {
    display: none !important;
}
/* thumbnail List
-------------------------------------------------------------------*/
#content #thumbnail {
    width: 100%;
}

#content #thumbnail:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

#content #thumbnail ul {
    padding: 0;
    margin: 0 0 0 1px;
    zoom: 1;
}

#content #thumbnail ul li {
    font-family: Akrobat-Regular;
    font-size: 90%;
    width: 200px;
    overflow: hidden;
    padding: 20px 24px 35px 24px;
    margin: 0 2px 5px 2px;
    /*border-top: solid 1px #E4E4E4;*/
    /*border-left: solid 1px #E4E4E4;*/
    /*background: url(images/shadow4.png) no-repeat bottom left;*/
    /*line-height: 100%;*/
    /*height: 350px;*/
    height: auto !important;
    min-height: 250px;

    display: inline-block;
    vertical-align: top;
    /*box-shadow:  0.1em 0.1em 1px 1px;*/
    _display: inline; /* IE6 and below */
    _zoom: 1; /* IE6 and below */
}

#content #thumbnail ul li h2 {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.2;
    margin: 0 0 3px 0;
    padding: 0;
    font-family: Roboto-Regular;
    letter-spacing: 0;

}

/*#content #thumbnail ul li h2 a {*/
/*font-family: Akrobat-SemiBold;*/
/*}*/

#content #thumbnail ul li img {
    border: none;
    margin-bottom: 10px;
}

#content #thumbnail ul li p {
    font-size: 75%;
    margin: 0;
    /*text-align: center;*/
    color: #333;
    /*font-style: italic;*/
}


#content #thumbnail ul li p  a{
    /*float:left;*/
    font-family: Marta_Italic_0;
}

#content #thumbnail span.screen-reader-text {
    display: none; !important
}


#content #thumbnail  ul li .post-date
{
    float:right;
    font-size: 13px !important;
    font-family: dashicons;
    font-weight: normal;
}
#content #thumbnail  ul li .dashicons-visibility
{
    font-size: 13px !important;
    /*padding-right: 24px;*/
    margin: 0 auto;
    vertical-align: baseline !important;
    float:left;
    font-family: dashicons;
    line-height: 26px !important;

}


#content #thumbnail  ul li .dashicons-visibility:before {
    vertical-align: middle;
}


/* Pagenation
-------------------------------------------------------------------- */
#content .tablenav {
    margin-top: 20px;
    color: #00A;
    text-align: center;
}

#content .tablenav a.page-numbers,
#content .tablenav .current {

    padding: 2px .4em;
    border: solid 1px #CCC;
    background: #EFEFEF;
    text-decoration: none;
    font-size: smaller;
}

#content .tablenav a.page-numbers {
    font-weight: bold;
}

#content .tablenav a.page-numbers:hover {
    font-weight: bold;
    text-decoration: underline;
}

#content .tablenav .current {
    color: #333;
    background: #DDD;
    border-color: #CCC;
}

#content .tablenav a.next, #content .tablenav a.prev {
    border: none;
    background: #FFF;
}

/* Single Post Page
-------------------------------------------------------------------*/


.single #content{
    padding:  0;
    margin-top: 48px;
}


.single #content .postMeta {
    margin: 20px 0 0;
    padding-top: 0;
    padding-bottom: 17px;
    text-align: left;
}

.single #content .post-views  {
    text-align: right;
    font-size: 85%;
}

.single #content h1
{
    margin: 46px 0 20px;
    border-bottom: solid;
    padding-bottom: 20px;
    padding-top: 20px;
    border-top: solid;
}


.single #content h1, h2, h3, h4, h5, h6 {
    margin-top: 0 !important;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
}
.single #content .post {
    text-align: left;
    margin: 0 74px;
    font-size: 18px;
}

.single #content .post iframe {
    max-width: 100%;
}

.single #content .posttag {
    font-size: 85%;
    text-align: right;
}

.single #content img {
    margin: 0 auto 1em;
    display: block;
    border: 1px solid #DDD;
}

.single #content .page-link {
}

.single #content .page-link a {
    padding: 2px .4em;
    border: solid 1px #CCC;
    background: #EFEFEF;
    text-decoration: none;
    font-size: smaller;
}

.single #content .page-link a:hover {
    text-decoration: underline;
}

#content .post, .blogFeed {
    margin: 0 74px;
    color: rgba(0, 0, 0, 0.8);
}

/* Comments
-------------------------------------------------------------------*/
#content #comments {
    margin-top: 20px;
}

#content #comments h2 {
    font-size: 130%;
    font-weight: normal;
    margin: 2em 0 1em 0;
}

#content #comments .navigation {
    position: relative;
    height: 1em;
}

#content #comments .navigation.top {
    border-bottom: dashed 1px #CCC;
    padding-bottom: 10px;
    margin-bottom: 1em;
}

#content #comments .navigation.bottom {
    border-top: dashed 1px #CCC;
    padding-top: 10px;
    margin-bottom: 1em;
}

#content #comments .navigation .nav-previous {
    position: absolute;
    top: 0;
    right: 0;
}

#content #comments .navigation .nav-next {
    position: absolute;
    top: 0;
    left: 0;
}

#content #comments ol,
#content #comments ul {
    list-style: none;
    margin: 0;
}

#content #comments ol {
    margin-left: 0;
    padding-left: 0;
}

#content #comments ol li {
    border-left: 2px solid #DDD;
    clear: both;
    margin-bottom: 1em;
    padding: 0 0 0 10px;
}

#content #comments ol li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#content #comments li .posted {
    float: left;
    width: 11em;
}

#content #comments li .posted .author {
    font-weight: bold;
}

#content #comments li .posted .time {
    font-size: 85%;
}

#content #comments li .posted img {
    display: block;
    border: none;
    margin: 5px 0;
}

#content #comments li p {
    margin: 0 0 0.5em 12em;
}

#content #comments li blockquote {
    padding-left: 0;
    border-left: none;
}

#content #comments li .web {
    margin-left: 12em;
}

#content #comments li .web a {
    text-decoration: underline;
}

#content #comments li .web a:hover {
    background: #EEE;
}

#content #comments #commentform {
}

#content #comments #commentform label {
    padding: 3px 0;
}

#content #comments #commentform em {
    font-size: 85%;
}

#content #comments #commentform label input {
    width: 300px;
    padding: 2px;
    margin-right: 1em;
}

#content #comments #commentform textarea {
    width: 400px;
    max-width: 400px;
    height: 100px;
    padding: 2px;
}

#content #comments #commentform input#submit {
    padding: 5px 10px;
}

#content #comments #commentform .form-allowed-tags {
    font-size: 90%;
    padding: 0 10px;
    border-left: solid 1px #CCC;
}

#content #comments #commentform .form-allowed-tags code {
    display: block;
}

#content .gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 0 12px;
}

#content .gallery dl {
    margin: 0;
}

#content .gallery img {
    border: 10px solid #f1f1f1;
}

#content .gallery br + br {
    display: none;
}

/* Images
-------------------------------------------------------------- */

#content img {
    margin: 0;
    max-width:  100%;
    height: auto;
}

#content .attachment img {
    max-width: 900px;
}

#content .alignleft,
#content img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}

#content .alignright,
#content img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}

#content .aligncenter,
#content img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
    margin-bottom: 12px;
}

#content .wp-caption {
    background: #f1f1f1;
    line-height: 18px;
    text-align: center;
    margin-bottom: 20px;
    padding: 4px;
}

#content .wp-caption img {
    margin: 5px 5px 0;
}

#content .wp-caption p.wp-caption-text {
    margin: 5px;
    color: #888;
    font-size: 12px;
}

#content .wp-smiley {
    margin: 0;
}

#content .gallery {
    margin: auto;
}

#content .gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
}

#content .gallery img {
    border: 2px solid #cfcfcf;
}

#content .gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 0 12px;
}

#content .gallery dl {
    margin: 0;
}

#content .gallery img {
    border: 10px solid #f1f1f1;
}

#content .gallery br + br {
    display: none;
}

/* 404
-------------------------------------------------------------------- */
.error404 #content ul li {
    list-style: none;
    margin: 0 0 0 20px;
    padding: 5px;
    list-style-type: disc;
}

/* Sidebar
-------------------------------------------------------------------- */
#sidebar {
    margin: 0px 20px 10px 20px;
}

#sidebar h3 {
    font-size: 100%;
    color: #333;
    font-weight: bold;
    border-bottom: solid 1px #333;
    padding-bottom: 5px;
}

#sidebar .widget {
    text-align: center;
    margin: 0 0 3px 0;
    float: left;
    width: 100%;

}

#sidebar p.iframe-container {
    margin: 0 !important;
}

#sidebar .tagcloud {
    text-align: center;
    display: none;
}

#sidebar h3 {
    font-size: 120%;
    font-weight: normal;
    border-bottom: none;
    border-top: solid 1px #333;
    padding-bottom: 0;
    margin-bottom: 0;

}

#sidebar h3 a {

    text-decoration: underline;

}

#sidebar #yamoney {
    display: none;
}

#sidebar ul {
    margin-left: 1em;
    list-style: none;
}

#sidebar .widget ul li.page_item {
    display: inline;
}

#sidebar .widget ul li.page_item a, a:visited {
    font-size: 100%;
    color: #333;
    font-weight: bold;
}

#sidebar .widget ul li.page_item a:hover {
    text-decoration: underline;
}

#sidebar ol {
    margin-left: 1em;
}

#sidebar form#searchform {
    clear: both;
    padding-top: 10px;
    width: 610px;
}

#sidebar form#searchform #qsearch {
    padding: 0;
    border: none;
    width: 500px;
    height: 33px;
    margin: 15px auto;
    background: #F2F0F0 url(images/qsearch_long.gif) no-repeat;
}

#sidebar form#searchform #qsearch input {
    float: left;
    border: none;
    background: transparent;
    margin: 0;
}

#sidebar form#searchform #qsearch input#s {
    width: 440px;
    padding: 5px;
}

#sidebar form#searchform #qsearch .btn {
    float: right;
    margin: 5px 5px 0 0;
}

#social {
    display: block;
    margin-left: 11px;
    margin-right: 11px;
    /* margin-left: 24px; */
}

#sidebar div.menu-social-container ul {
    margin: 0 0 0 0;
    border-top: solid 1px #333;

    position: static;
    text-align: center;
}

#sidebar div.menu-social-container ul li {
    display: inline-block;
    text-transform: uppercase;
    border-right: none;
    float: none;
    position: initial;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 2px;

}

#sidebar div.textwidget h3 a.active {
    color: darkgrey !important;

}

#sidebar div.textwidget iframe {
    padding-left: 75px;
    padding-right: 75px;
}

#sidebar div.menu-social-container ul li a img {
    width: 24px;
    height: 29px;
}

#sidebar div.menu-social-container ul li a span {
    display: none;
}

/* Footer
-------------------------------------------------------------------- */
#footer {
    clear: both;
    width: 610px;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
    position: relative;
    height: 200px;
    background: #FFF url(https://katab.asia/wp-content/uploads/2015/10/footer-katabach3.gif) no-repeat center;
    border-top: solid 1px #333;
}

#footer strong {
    font-weight: bold;
}

#footer a[rel="home"] {
    position: absolute;
    top: 70px;
    left: 250px;
    width: 110px;
    height: 138px;
}


#footer a[href="#top"] {
    position: absolute;
    top: 70px;
    width: 115px;
    height: 100px;

}

#footer a[rel="left_top"] {
    left: 40px;
}

#footer a[rel="right_top"] {
    left: 458px;
}

#footer #generator a {
    font-style: italic;
}

#footer #generator a {
    background: url(images/wordpress.png) top left no-repeat;
    padding-left: 20px;
    color: #333;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    padding-top: 20px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* Clearfix
-------------------------------------------------------------------- */
#wrapper:after,
.post:after,
.commentlist:after,
.commentForm:after,
#footer .elsewhere:after,
#metaContent .metaExtend:after,
#nav:after,
#nav ul:after,
#archives ul:after,
#coreContent .postMeta:after,
#recentPosts li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}