@import url(/fonts/concourse.css);

body {
    min-width: 100%;
    min-height: 100%;
}

header, header > * {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

/*header {
    width: 350px;
}

header > * {
    right: 0px;
}*/

    header #background {
        background-image: url(/images/bg.jpeg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top left;
    }

    header #cover {
        background-image: url(/images/pattern.png);
        background-repeat: repeat;
    }

    #cover h1 {
        font-family: concourse_c6regular;
        font-size: 50px;
        line-height: 45px;
        text-transform: uppercase;
        position: absolute;
        bottom: 32px;
        left: 30px;
    }
    
        #cover h1 a {
            text-decoration: none;
            color: #F0F0E1;
            
        }

body > article {
    overflow: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 350px;
    right: 0px;
    background-color: white;
    padding: 60px 80px;
    box-shadow: 0px 0px 10px black;
    font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, sans-serif;
}

    .article {
        margin-bottom: 80px;
    }

        .article aside {
            border-bottom: 2px solid #eee;
            margin-bottom: 20px;
        }

            .article aside h1 {
                font-size: 25px;
                margin-bottom: 5px;
                color: rgb(210, 105, 17);
            }
            
                .article aside h1 a {
                    color: rgb(210, 105, 17);
                    text-decoration: none;
                }
                
                .article aside h1 a:hover {
                    text-decoration: underline;
                }
        
            .article aside time {
                font-size: 13px;
                color: #ccc;
                margin-bottom: 5px;
                display: block;
            }

        .content {
        }

            .content > * {
                margin-bottom: 10px;
                color: #444;
                font-size: 14px;
                line-height: 18px;
                font-family: "HelveticaNeue";
            }
        
            .content h1 {
                font-weight: bold;
                font-size: 18px;
                margin-top: 30px;
                margin-bottom: 10px;
            }
        
            .content pre {
                font-family: monospace;
                line-height: 16px;
                padding: 17px 20px;
                font-size: 13px;
                background-color: #f5f5f5;
                white-space: pre-wrap;
                word-wrap: break-word;
            }
            
            .content strong {
                font-weight: bold;
            }
            
            .content em {
                font-style: italic;
            }
            
            .content a {
                color: #149CF3;
            }
            
            .content ul, .content ol {
                padding-left: 16px;
            }
            
                .content ul li {
                    list-style-type: disc;
                }
                
                .content ol li {
                    list-style-type: decimal;
                }

body > article > nav {
/*    margin-top: 50px;*/
    font-size: 13px;
}

    body > article > nav a {
        color: #444;
        text-decoration: none;
    }
    
    body > article > nav a:hover {
        text-decoration: underline;
    }

    body > article > nav a.disabled {
        color: #ccc;
    }

    body > article > nav #newer {
        float: right;
    }