/*
*
* !DO NOT EDIT THE CSS FILES, THEY ARE BUILT WITH THE LESS CSS!
* less/content/maincontent.css
*
* ---------------------------
* Styles associated with the base for maincontent
* ---------------------------
*/
@import "../_mixins/all.less";

#wdn_content_wrapper {
    background: #fff;
    padding: 4px;
    .box-shadow(0, 1px, 3px, #7a7a7a);
}

/* Base styles for the maincontent, overriding the css-reset */
#maincontent {
    position: relative;
    margin-bottom: 15px;
    font-size: 77%;
    line-height: 140%;
    color: #333;

    &:after {
        content: "";
        display: block;
        clear: both;
        height: 0;
    }

    a {
        outline: none;
        color: @colorPrimary;
        text-decoration: none;
        &:hover {
            color: @highlightPrimary;
        }
        &:focus {
            color: #cc0000;
        }
    }

    p {
        margin: 0 0 1.1em 0;
    }

    img {
        border: none;
    }

    ul, ol {
        list-style: disc;
        padding: 0 0 1.1em 1.5em;
    }

    ol {
        list-style: decimal;
    }

    dd {
        padding: 0 0 0 1.6em;
    }

    pre {
        overflow: auto;
    }

    .clear {
        clear: both;
    }

    img, video, audio {
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 320px) {

}
@media (min-width: 480px) {

}
@media (min-width: 600px) {
    #maincontent {
        margin-bottom: 50px;
    }
}
@media (min-width: 768px) {
    #wdn_content_wrapper {
        .box-shadow(none);
    }
}
@media (min-width: 960px) {

}
@media (min-width: 1040px) {
    #wdn_content_wrapper {
        padding: 0;
    }
}