
body, html {
    font-size: %font_size%px;
    background: none;
}

html {
    background: %bg%;
    background-size: %bg_size%;
    background-attachment: %bg_attachment%;
}

.am-common {
    font-family: '%font_family%', san-serif;
}

.am-common a {
    color: %link_color%;
}

.ajax-link:after, .local-link:after, .local:after {
    border-bottom: 1px %link_color% dashed;
    opacity: .5;
}

.am-layout {
    min-height: initial;
    margin: 0;
    background: none;
}

.am-header {
    background: %header_bg%;
    background-size: %header_bg_size%;
}

.am-header .am-header-content-wrapper {
    border: none;
    background: none;
}

.am-header-line {
    border:none;
    background: none;
}

.am-footer .am-footer-content-wrapper {
    background: none;
    color: inherit;
    height: auto;
}

.am-footer-text {
    padding-top:1em;
    padding-bottom:1em;
    text-align: center;
}

.am-body {
    background: none;
}

.am-body .am-body-content-wrapper {
    border: none;
    box-shadow: %content_shadow%;
    border-radius: %border_radius%px;
}

.am-body-content {
    min-height: 300px;
}

.am-header-content-wrapper {
    padding: 0;
}

.am-header-content-content {
    display: none;
}

.am-header .am-header-content .am-header-content-logo {
    float: none;
    margin: 0;
}

.am-header .am-header-content {
    text-align: %logo_align%;
}

.am-main {
    max-width: %max_width%px;
}

.am-header-content img {
    width: %logo_width%;
}

.am-footer-actions {
    display:none;
}

.am-footer .am-footer-content-wrapper {
    color: %color_c%;
    font-size:.8rem;
}

.am-page-login .am-header {
    display: %login_header_display%;
}

.am-page-login .am-auth-form legend {
    background: %login_legend_bg%;
    padding-top: %login_legend_padding_top%;
}

.am-page-login .am-auth-form div.am-row {
    background: %login_form_bg_color%;
}

.am-page-login .am-body-content-wrapper {
    background: %login_bg_color%;
    box-shadow: %login_shadow%;
}

.am-auth-form form {
    border: none;
    overflow: hidden;
    box-shadow: 0px 0px 5px #eee;
    box-shadow: 0px 0px 5px #00000022;
}

.am-auth-form form legend {
    border: none;
    background: #f9f9f9;
    padding: 1em 1em 1.5em;
}

.am-auth-form div.am-row div.element,
.am-auth-form div.am-row div.am-element-title {
    padding-right: 2em;
    padding-left: 2em;
}

@media all and (min-width:500px) {

    .am-auth-form div.am-row div.am-element-title {
        padding-right: .5em;
    }
    .am-auth-form div.am-row div.am-element {
        padding-left: .5em;
    }
}

.am-popup {
    border-color: %color_d%;
}

.am-popup .am-popup-header {
    background: %color%;
    color: %color_c%;
}

.am-popup .am-popup-close-icon:after {
    color: %color_c%;
}

.am-fb-login-button-wrapper.am-fb-login-form-after:before,
.am-fb-login-button-wrapper.am-fb-login-form-before:after {
    background: %color%;
}

.am-signup-link {
    color: %color_c%;
}

.am-login-layout-with-sidebar {
    max-width: 800px;
    margin: 2em auto 0;
}

.am-login-layout-with-sidebar .am-login-form-wrapper,
.am-login-layout-with-sidebar .am-sendpass-form-wrapper {
    margin-top: 0;
}

.am-signup-link {
    max-width: 450px;
    margin: 1em auto 0;
}

@media all and (min-width: 800px) {
    .am-login-layout-with-sidebar .am-login-layout-with-sidebar_form {
        float: left;
        width: 65%;
    }
    .am-login-layout-with-sidebar .am-login-layout-with-sidebar_sidebar {
        display: block;
        width: 35%;
        float: right;
        padding-left: 20px;
        box-sizing: border-box;
    }
    .am-login-layout-with-sidebar .am-auth-form {
        margin: 0;
    }
    .am-login-layout-with-sidebar .am-signup-link {
        margin: 1em 0 0;
    }
}
.am-login-layout-with-sidebar .am-login-layout-with-sidebar_sidebar {
    border-radius: 3px;
    padding: 1em 2em;
    max-width: 450px;
    box-sizing: border-box;
    box-shadow: 0px 0px 5px #00000022;
    background: #f9f9f9;
    color: #555;
}
.am-login-layout-with-sidebar_clear {
    clear: both;
}

@media all and (max-width: 799px) {
    .am-login-layout-with-sidebar .am-login-layout-with-sidebar_sidebar {
        margin: 2em auto 0;
    }
}

ul.am-tabs li.active,
ul.am-tabs li.normal:hover {
    background: %menu_color%;
}

ul.am-tabs li.active > a,
ul.am-tabs li.normal > a:hover {
    border-color: %menu_color%;
}