/* This stylesheet is used by the templated GnuComm pages along
   with /layout.css. */
/* It is in the public domain. */

#content {
    position: relative;
    padding-top: 1px;
}
.article h4 {
    font-size: 1.1em;
}
#content a[href]:link, #content a[href]:visited {
    color: #05a;
    text-decoration: none;
}
#content a[href]:hover {
    color: #000;
    text-decoration: underline;
    background: none;
}
a[href]:focus {
    outline: none;
}
.navlinks {
    text-align: center;
    line-height: 1.7em;
    padding: .3em .5em;
    border: .1em solid #c4bba6;
    border-bottom: .2em solid #c4bba6;
    margin-bottom: 3em;
}
.navlinks a {
    line-height: 1.6em;
    padding: 0 .2em;
}
.navlinks a.current {
    color: #222;
    font-style: italic;
    cursor: default;
    pointer-events: none;
}
.navlinks a.current:hover {
    text-decoration: none;
    background: none;
}
h2, .title {
    text-align: center;
}
h2 {
    margin-bottom: 1.3em;
}
h3 {
    color: #b02500;
}
ul li p {
    margin-top: 1em:
}
.title {
    margin: 1.5em auto 3em;
}
.title img {
    display: none;
}
.table-of-contents h3 {
    font-size: 1.2em;
}
.table-of-contents ul {
    margin: 0 0 0 10%;
}
.table-of-contents p {
    line-height: 1.7em;
    text-align: center;
    margin: .5em 0 0;
}

table {
    border-collapse: collapse;
    border: .2em solid #e7e0cf;
}
tr {
    border-bottom: .1em solid #e7e0cf;
}
th {
    background: #f5f1de;
    border-bottom: .15em solid #e7e0cf;
}
th, td {
    border-right: .15em solid #e7e0cf;
}

.pict.left { width: 20em; }

@media (min-width: 40em) {
    .title {
        display: table;
        text-align: left;
        margin: 1.5em auto 3em;
    }
    .title img {
        display: table-cell;
        width: 4.2em;
        padding: .3em 0;
    }
    .title h2 {
        display: table-cell;
        vertical-align: bottom;
        text-align: left;
        padding: .2em  0 .5em .2em;
        margin-left: 0; 
    }
    .table-of-contents {
        float: right;
        max-width: 25%;
        padding: .5em 1.2em 1.1em;
        background: #faf8ed;
        border: .1em solid #e7e0cf;
        border-bottom: .2em solid #e7e0cf;
        margin: .4em 0 2em 2em;
    }
    .table-of-contents ul{
        margin: 0;
    }
    .table-of-contents h3 {
        display: none;
    }
}

@media (min-width: 53em) {
    h2 {
        margin-left: 4.75em;
    }
    .title img {
        margin-left: 9em;
    }
    .article {
        margin-left: 9.5em;
    }
    p.navlinks {
        position: absolute; top: 0; left: 0;
        width: 10em;
        height: 100%;
        text-align: left;
        padding: 1em .5em 2em;
        background: #faf8ed;
        border: 0;
        border-right: 1px solid #d7d4c5;
        margin: 0;
    }
    .navlinks a {
        display: inline-block;
        width: 8em;
        padding: 0 .5em;
    }
    a.spacer {
        border-top: .2em solid #d7d4c5;
        padding-bottom: .3em;
    }
    .pict.left {
        float: left;
        margin: .3em 1.5em 0 0;  
    }
    .pict.left p {
        margin-bottom: .5em;  
    }
}