body {
    -webkit-text-size-adjust: 100%; /* 2 */
    margin: 0;
    font: 300 16px;
    font-family: roboto,segoe ui,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;
    color: #333;
}

    body.editing {
        background-color: #FEE;
    }

a {
    background-color: transparent;
    color: #142be6;
}

    a img {
        width: 100%;
    }

img {
    border-style: none;
}

.container {
    margin: 0 auto 0 auto;
    position: relative;
    width: 1000px;
}

@media (max-width: 1000px) {
    .container {
        width: 95%;
    }
}

button, input, optgroup, select, textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

nav {
    padding: 10px 0 10px 0;
}

    nav a {
        text-decoration: dotted;
        display: inline-block;
        padding: 10px 15px 5px 0px;
        color: white;
    }

    nav .btn {
        text-decoration: dotted;
        color: white;
        display: inline-block;
        padding: 0 10px 0 10px;
    }

    nav .sitename {
        font-size: 30px;
        padding: 0 20px 0 0;
    }


    nav, nav .buttons {
        background-color: #333;
    }

.content .column {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

h1, h2, h3, h4, h5 {
    display: block;
    text-align: center;
    margin: 5px;
    padding: 5px;
}

h2 {
    margin-right: 20px;
}

h3 {
    margin-right: 30px;
}

@media (max-width: 700px) {
    nav {
        padding: 0;
    }

        nav .buttons {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            z-index: 10;
        }

            nav .buttons .btn {
                padding: 10px;
                margin: 7px;
            }

    .content .column {
        width: 100%;
        vertical-align: top;
    }

    h1, h2, h3 {
        padding: 0;
        margin: 2px;
    }
}

.calDate {
    border: 1px solid #CCC;
    border-radius: 5px;
    text-indent: 0px;
    margin: 0 5px 0 5px;
    background-color: #FEE;
}

.calTime {
    border: 1px solid #CCC;
    border-radius: 5px;
    text-indent: 0px;
    margin: 0 5px 0 5px;
    background-color: #EEF;
}

.calLength {
    border: 1px solid #CCC;
    border-radius: 5px;
    text-indent: 0px;
    margin: 0 5px 0 5px;
    background-color: #EFE;
}

.baloon {
    display: inline-block;
    border: 1px solid #CCC;
    border-radius: 5px;
    text-indent: 0px;
    margin: 0 5px 0 5px;
    background-color: #EEE;
}

.editing .overlay {
    display: none;
    color: gray;
}

.in-iframe nav {
    display: none;
}

body.in-iframe {
    font-size: 150%;
}

.content div.line {
    text-indent: 20px;
    text-align: justify;
    display: block;
    padding: 5px 0 5px 0;
    vertical-align: top;
    width: 100%;
}

.content div.file {
    margin: 0 auto 0 auto;
    position: relative;
    width: 300px;
    text-indent: 0px;
}

.checkitem {
    display: block;
    margin: 5px 0px 5px 0px;
    border-radius: 5px;
}

    .checkitem .mark {
        display: inline-block;
        text-align: left;
        text-indent: 0;
        padding: 0;
    }

    .checkitem.uncheck {
        background: #EEE;
    }

    .checkitem.check {
        background: #AFA;
        font-style: italic;
        color: #888;
    }

.nomd .md.hidden {
    display: none;
}

.nomd .md {
    color: transparent;
}

.clr1 {
    color: green;
}

.clr2 {
    color: red;
}

.clr3 {
    color: blue;
}

.clr0 {
    color: gray;
}