@charset "utf-8";
@import url(screen.css) screen;

/**
 * Header
 */
#header {
    background-image: url(../images/gui/winter/head-center.png);
}

#header:before {
    content: url(../images/gui/winter/head-left.png);
    background-image: url(../images/gui/winter/head-right.png);
}

#header:after {
    display: block;
    line-height: 0;
    
    margin-top: -141px;
    
    content: url(../images/gui/winter/head-snowflakes.png);
}

#logo {
    background-image: url(../images/gui/winter/logo.png);
}

/**
 * Navigation
 */
#navigation-container > .winter-overlay {
    display: block;
    position: absolute;
    left: 0;
    top: -8px;
    
    width: 100%;
    height: 24px;
    overflow: hidden;
    
    padding: 0;
    margin: 0;
    
    background: url(../images/gui/winter/nav-overlay-snow-center.png) repeat-x;
}

.navigation:before {
    content: url(../images/gui/winter/nav-left.png);
    background-image: url(../images/gui/winter/nav-right.png);
}
 
.navigation > li.active > a,
.navigation > li:hover > a,
.navigation > li > a:focus {
    background-image: url(../images/gui/winter/nav-hover.png);
}

/**
 * Navigation dropdown
 */
.navigation > li > ul > li.active,
.navigation > li > ul > li:hover {
    background-image: url(../images/gui/winter/nav-dropdown-hover.png);
}

/**
 * Site search
 */
#site-search input[type='text'] {
    color: #326777;
    background-color: #99D2E3;
}

/**
 * Content specific stuff
 */
#content h1 {
    color: #326777;
    border-bottom: 2px solid #326777;
}

#content h2,
#content h2 *,
#content h2 a:active,
#content h2 a:link,
#content h2 a:visited,
#content h2 a:hover {
    color: #326777 !important;
}

#content a[href]:active,
#content a[href]:link,
#content a[href]:visited,
#content a[href]:hover {
    color: #326777;
}

table th {
    color: #326777;
}

/**
 * Comments
 */
#comment-list li h3.by-user {
    background-color: #cddee3;
}

/**
 * Form style
 */
label.required {
    color: #326777;
}

input[type='text']:focus,
input[type='password']:focus,
textarea:focus,
input[type='submit']:hover {
    border: 1px solid #326777;
}

/**
 * Footer
 */
#footer-overlay {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    
    width: 100%;
    height: 16px;
    
    background: url(../images/gui/winter/footer-overlay-snow-center.png) repeat-x;
}

#footer-snow-overlay:before {
    display: block;

    line-height: 0;
    
    content: url(../images/gui/winter/footer-overlay-snow-left.png);
    background: url(../images/gui/winter/footer-overlay-snow-right.png) right 0 no-repeat;
}