/**

COLORS

Burgundy: #993333
Faux black: #1d1d1d
Top: #fff
Main: #f8f8f8
Footer: #ebe9e9

————

FONTS

Headers: Forum
Everything else: Source Serif Pro

*/

body { background-color:#ebe9e9; }

a { color:#1d1d1d; }
a:hover { color:#993333; }

.wrapper { padding:0px 30px; } /* helper */

[class*="cute-"] { padding:0; }

#page {
    
}
    .layout, #breadcrumbs { padding:0px 30px; }
    #header { padding-top:15px; background:#fff; }
        #brand-wrapper { text-align:center; }
            #brand { text-align:center; padding:15px 0px; display:inline-block;}
                #logo-wrapper, #site-name { width:100%; }
                    img#logo { display:inline-block; vertical-align:middle; }
                    #site-name { text-align:center; }
                        #site-name p { font-size:1.2em; display:inline-block; line-height:25px; }
        #nav-primary ul { padding:0px; }
            #nav-primary a {}
            #nav-primary a:hover {}
        #nav-mobile { position:relative; }
        .menu-arrow { display:none; }
    #main { background:#f8f8f8; padding:30px 0px; }
        #breadcrumbs {}
        .article {}
            .parents { color:#ddd; }
        #aside {}
            #aside li { list-style-type:none; margin-bottom:0px; padding:5px 0px; border-bottom:2px dashed #f2f3f3; }
                #aside li.current,
                #aside li.section a.section { font-weight:700; }
                #aside li.current li.link { font-weight:400; }
                    #aside h4 { margin-bottom:0px; }
                    #nav-secondary li a { }
                    #nav-secondary li a:before { content:"\00BB"; margin-right:5px; }
                    #nav-secondary li > ul { margin:0px 0px 0px 10px; }
                        #nav-secondary li > ul li {
                            border-bottom:0px;
                            border-top:2px dashed #f2f3f3;
                            margin-top:5px;
                            padding-bottom:0px;
                        }
    #footer-parter {
        max-height:100px;
        background-image:url(../images/bg-footer-parter.png);
        background-repeat:repeat-x;
        text-align:center;
    }
        #footer-parter img { display:inline-block; }
    #footer { background-color:#ebe9e9; padding:20px 0px 0px 0px; }
        #footer p { line-height:1.5em; }
        #contact, #gambit { text-align:center; }
        #contact {}
        #gambit { padding:15px 0px; }
    
    .typography .search-results ul { margin:0px; }        
    .typography .search-results li { list-style-type:none; }
    
    @media only screen and (min-width:760px) {
        .wrapper { padding:0px 30px; }
        
        #brand-wrapper { text-align:left; }
            #brand { text-align:left; }
            #logo-wrapper, #site-name { float:left; clear:none; width:100px; }
                #site-name p { vertical-align:-60px; }
    }
    @media only screen and (min-width:980px) {
            #logo { }
            #nav-primary { }
            #nav-primary:before,
            #nav-primary:after { content:" "; clear:both; }
            #nav-primary li {
                text-align:center;
                font-weight:400;
                padding:5px 10px;
                display:inline-block;
                min-height:90px;
                position:relative;
            }
                #nav-primary #top-level { margin-top:13px; float:right; }
                #nav-primary li > a { display:inline-block; vertical-align:-30px; }
                #nav-primary li.current,
                #nav-primary li.section {
                    background-image:url(../images/menu-marker.png);
                    background-repeat:no-repeat;
                    background-position:center top;
                }
                    #nav-primary li.current > a,
                    #nav-primary li.section > a { font-weight:700; }
                        #nav-primary li .menu-arrow {
                            background-image:url(../images/marker-arrow.png);
                            background-repeat:no-repeat;
                            background-position:center bottom;
                            display:block;
                            min-height:13px;
                            position:absolute;
                            bottom:-23px;
                            right:0px;
                            width:100%;
                            padding:0px 10px;
                        }
        .content-container { margin:0px 10rem;  }
    }