@import 'vars.scss';
@import 'mixins/collection.scss';
@import 'mixins/grids.scss';
@import "compass/css3/box-shadow";

/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
@media only screen and (max-width: 1024px) { 
    html.js {
    	overflow:auto;
    }

    #sidebar,
    #content {
    	height:auto !important;
    	overflow:hidden;
    }

    #sidebar {
        width:175px;
    }


    #window {
    	border-bottom:1px solid #5e7b89;
        @include box-shadow(0 0 0 1px rgba(255,255,255,0.8));
        @include border-bottom-left-radius(5px);
        margin-bottom:10px;
    }

    #listBar {
        width:222px;
    }
}

@media only screen and (min-width: 480px) { 
    /* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) { 
    /* Style adjustments for viewports 768px and over go here */
}