/***************************************************************
 *
 * Styles for screens larger than 1000px wide.
 * IE 7 and older won't see this by default - they will get the mobile stylesheet
 * This is for IE8 and newer, and modern brouwsers of course :)
 *
 ***************************************************************/

@media only screen {

    body:after, body:before {
        content:"";
        display:block;
        position:fixed;
        z-index:-2;
        top:0;
        left:0;
        right:0;
        bottom:0;
    }

    body:after, body:before {
        background:url(images/footer.png) bottom left no-repeat fixed;
        background:url(images/footer.png) bottom left no-repeat fixed, -moz-linear-gradient(top, rgba(255,255,255,0), #fff, rgba(255,255,255,0));
        background:url(images/footer.png) bottom left no-repeat fixed, -webkit-linear-gradient(top, rgba(255,255,255,0), #fff, rgba(255,255,255,0));
        background:url(images/footer.png) bottom left no-repeat fixed, linear-gradient(to top, rgba(255,255,255,0), #fff, rgba(255,255,255,0));
        background-size:60%, auto;
    }


        body:before {
            background:url(images/article.png) bottom left no-repeat fixed;
            background-size:100%;
            z-index:-1;
        }

}

    @media only screen and (min-height:1000px) {
        body:after {
            background-size:80%, auto;
        }
    }

    @media only screen and (min-height:1200px) {

        body:after {
            background-size:100%, auto;
        }

    }

.site_info {
    background:url(images/header.png) right top no-repeat fixed;
    background-size:100%;
}

.contentbox{
    width: 80%;
    max-width:1280px;
    /*font-size: 1em; /* 16px for normal paragraph text */
}

.contentbox .sidebar {
    width: 31.111111111111%; /* 280/960=0.31111111111111 */
    float: right;
    clear: none;
    padding-top:0;
    margin:1.5em 0 2em;
    border-radius:0 5px 0 0;
}

article {
    padding-left:0;
}

    article.narrow {
        width: 68.583333333333%; /* 620/960=0.64583333333333 */
        float: left;
    }

    article.wide {
        width: 100%;
        margin: auto;
    }

.site_info>.contentbox {
    padding:1.5em 0 0;
}

    .site_logo {
        margin:0 0 1.5em;
    }

footer .contentbox, header nav .contentbox{
    padding:0;
}

    footer .contentbox {
        padding:1.25em 0;
        background-position:right center;
    }

/***************************************************************
 *
 * Navigation
 *
 ***************************************************************/

/* this is for the mobile nav icon and submenu */
.mobile_sub_menu {
    display: none;
}

/***************************************************************
 *
 * Main Content - <article> 960 or 620
 *
 ***************************************************************/

.narrow h1 {
    margin-right:-52.5%;
    padding-right:52.5%;
}

/* Put most of your typography in style.css - only desktop-specific stuff here */

/* the next 3 rules are for the way WP sets its image floats */

article .alignleft {
    float:left;
    margin:0 1.5em 1em 0;
}

article .alignright {
    float:right;
    margin:0 0 1em 1.5em;
}

article .aligncenter {
    text-align:center;
    margin:0 auto;
}

.homepage_map {
    width:40%;
}

.widget_recent_entries a {
    margin:0 -12.5% 0 -18%;
    padding:.5em 12.5% .5em 18%;
}