/* Menu dialog (main box) */

#menu-modal {
    display    : none;
    position   : absolute;
    top        : 60px;
    right      : 20px;
    bottom     : 0px;
    z-index    : 9000;
    opacity    : 0.9;
    background : white;
    padding    : 20px 0 20px 30px;

    /*-webkit-box-shadow : 4px 4px 4px 1px rgba(0, 0, 0, 0.3);
       -moz-box-shadow : 4px 4px 4px 1px rgba(0, 0, 0, 0.3);
            box-shadow : 4px 4px 4px 1px rgba(0, 0, 0, 0.3);*/
}

#menu-modal .section {
    float      : left;
    height     : 100%;
    overflow-y : auto;
}


/* Menu content */

#menu-content {
    display : none;
    width   : 542px;

    /* matches #menu-modal padding */
    padding-right : 30px;
    margin-right  : 20px;

    border-right  : 1px solid #333;
    
    font-size: 1.4em;
    font-weight: 300;
}

#menu-content a {
    text-decoration: underline;
    font-weight: 400;
}

#menu-content strong {
    font-weight: 400;  
}

#menu-content .definition {
    line-height: 6px;
    font-size: 12px;
}

#menu-content.showing-credits, #menu-content.showing-news, #menu-content.showing-glossary, #menu-content.showing-partners {
    width : 276px;
}

#menu-content .coming-soon {
    color: darkgray;
}

#menu-content p:last-child {
    margin-bottom : 0;
}

/* Menu About */

#menu-content.showing-about {
    padding-top: 7px;
    font-weight: 300;
    font-size: 15px;
}

#menu-content.showing-about h1 {
    font-size: 1em;
    color: #80171C;
}

#menu-content.showing-about strong {
    font-weight: 400;    
}

/* Menu News */

#menu-content.showing-news {
    padding-top: 35px;
}

/* Menu Glossary */

#menu-content.showing-glossary {
    padding-top: 63px;
}

/* Menu Sources */

#menu-content.showing-sources {
    padding-top: 76px;
    font-size: 14px;
    font-weight: 400;
    width: 315px;
}

#menu-content.showing-sources a {
    text-decoration: none;
}

#menu-content.showing-sources ul {
    list-style : none outside none;
    padding    : 0;
    margin     : 0;
}

#menu-content.showing-sources h4 {
    font-weight : 300;
    font-size   : 14px;
    padding    : 0;
    margin     : 14px 0 0 0;
}

/* Menu partners */

#menu-content.showing-partners {
    padding-top: 155px;
}

#menu-content.showing-partners img {
    max-height: 60px;
    margin-bottom: 50px;
}

/* Menu Credits */

#menu-content.showing-credits {
    padding-top: 163px;
    font-size: 14px;
    font-weight: 400;
}

#menu-content.showing-credits a {
    text-decoration: none;
}

#menu-content.showing-credits ul {
    list-style : none outside none;
    padding    : 0;
    margin     : 0;
}

#menu-content.showing-credits h4 {
    font-weight : 300;
    font-size   : 14px;
    padding    : 0;
    margin     : 14px 0 0 0;
}

/* Menu links */

#menu-links {
    font-size      : 14px;
    line-height    : 28px;
    width          : 160px;
    text-transform : uppercase;
}
#menu-links ul {
    list-style : none outside none;
    padding    : 0;
    margin     : 0;
}
#menu-links ul li {
    border-top : 1px solid #aaa;
}
#menu-links ul li:first-child {
    border-top : none;
}
#menu-links ul li .item {
    display : block;
}
#menu-links .item.active {
    font-weight : 400;
}


.text-light {
    font-weight: 300;
}
.text-medium {
    font-weight: 400;
}
.text-bold {
    font-weight: 700;
}
.smaller {
    font-size: 12px;
}