/** Tropospherical Red CSS
 *
 * Authors:
 *     Janine Smith <janine@netrophic.com>
 *     Jesse Proulx <jproulx@jproulx.net>
 *     Elizabeth Lubowitz <grrliz@gmail.com>
 *     Denise Paolucci <denise@dreamwidth.org>
 *
 * Copyright (c) 2009 by Dreamwidth Studios, LLC.
 *
 * This program is NOT free software or open-source; you can use it as an
 * example of how to implement your own site-specific extensions to the
 * Dreamwidth Studios open-source code, but you cannot use it on your site
 * or redistribute it, with or without modifications.
 *
 */

/**
 * Dreamwidth Site Scheme
 *
 * Standard layout for Dreamwidth
 *
 * Mockups designed by grrliz, hence grrliz.css
 *
 * @project         Dreamwidth Site Design
 * @author          Jesse Proulx
 * @date            2009-01-07
 * @version         Alpha
 * @revision        $Revision$
 * @copyright       Copyright (c) 2009 by Dreamwidth Studios, LLC
 *
 */
/** Gradation Horizontal CSS
 *
 * Authors:
 *     Emily Ravenwood <ravenwood@alltrees.org>
 *
 * Copyright (c) 2009-2013 by Dreamwidth Studios, LLC.
 *
 * This program is free software; you may redistribute it and/or modify it under
 * the same terms as Perl itself.  For a copy of the license, please reference
 * 'perldoc perlartistic' or 'perldoc perlgpl'.
 */

// variables
$sidebar-width: 8.25em;
$topbar-bg: #222;
$row-width: 64em + $sidebar-width + 1em; // desired content width + border width + padding

// Shared stylesheets
@import "skins/gradation/gradation-base";

// Skin-specific styles
@include main-nav( vertical, left, $masthead-height, 0, 0, 0, $sidebar-width );

.main-nav {
    top: $nav-small-screen-header-height + 1.5em;
}

@media #{$medium-up} {
    .main-nav {
        top: $masthead-height;
    }
}

@media #{$topbar-media-query} {
    .main-nav {
        a {
            display: block;

            &:hover {
                background-color: $topbar-link-bg-hover;
            }
        }

        .topnav a {
            font-weight: bold;
            padding: .20em 0.2em;
        }

        .subnav a {
            font-weight: normal;
            padding: .20em 1em;
        }

        section {
            margin-top: 3.5em; /* to clear search bar */
        }
    }

    #header-search {
        width: 100%;
        background-color: $topbar-link-bg-hover;
        height: 2.5em;
    }
}