body {
     width:58em; padding:1em;
}

.main {
     background-image:
         -webkit-repeating-linear-gradient(0deg, rgba(225, 225, 225, .4), rgba(225, 225, 225, .4) 1px, transparent 1px, transparent 13px),
         -webkit-repeating-linear-gradient(90deg, rgba(225, 225, 225, .4), rgba(225, 225, 225, .4) 1px, transparent 1px, transparent 12px);
     background-image:
         -moz-repeating-linear-gradient(0deg, rgba(225, 225, 225, .4), rgba(225, 225, 225, .4) 1px, transparent 1px, transparent 13px),
         -moz-repeating-linear-gradient(90deg, rgba(225, 225, 225, .4), rgba(225, 225, 225, .4) 1px, transparent 1px, transparent 12px);
     background-image:
         -o-repeating-linear-gradient(0deg, rgba(225, 225, 225, .4), rgba(225, 225, 225, .4) 1px, transparent 1px, transparent 13px),
         -o-repeating-linear-gradient(90deg, rgba(225, 225, 225, .4), rgba(225, 225, 225, .4) 1px, transparent 1px, transparent 12px);
     background-image:
         -repeating-linear-gradient(0deg, rgba(225, 225, 225, .4), rgba(225, 225, 225, .4) 1px, transparent 1px, transparent 13px),
         -repeating-linear-gradient(90deg, rgba(225, 225, 225, .4), rgba(225, 225, 225, .4) 1px, transparent 1px, transparent 12px);
     background-size: 13px 12px;
}


header { 
    margin:1em 0em 1em 2em; min-width:55em;         
    position:relative;
    overflow:hidden; width:56em;
}

    header #logo { display:inline; float:left; margin-top:.25em; }
        header #logo a { text-decoration:none; border:0; }
        header #logo img { width: 22em; }

    header nav { 
        float:right; text-align:right;
        border-bottom:1px solid #900000; 
    }
        header nav ul li { 
            display:inline; list-style-type:none; 
            font:normal .85em 'Open Sans', Arial, Helvetica, sans-serif;
            margin-left:1.25em;
        }

        header nav a { 
            text-decoration:none; 
            color:#900000;
        }

        header nav a:hover { 
            border-bottom:1px solid #900000;
        }

    #googlebox { 
        position:absolute; right:0; bottom:0; width:100%;
        text-align:right;
    }

h1 {
    font:bold 2em Garamond, Palatino, serif;
    margin-bottom:.5em; margin-top:.75em; 
    text-align:center;
}

p {
    font:normal .9em 'Open Sans', Arial, sans-serif;
    margin-top:0em;
    margin-bottom:1.25em;
    line-height:1.75em;
}

a {
    text-decoration:none; 
    color:#900000;
}

a:hover { 
    border-bottom:1px solid #900000;
}

.clear { clear:both; }

.main {
    min-width:56em;
    clear:both;
    margin:0em 2em 0 2em;
    padding-top:3em;
    padding-bottom:2em;
    border:1px solid #f0f0f0;
#    border-bottom:1px solid #900000; 
}

.blurb {
    margin:1em;
    padding:0 1em 0 1em;
    background-color:#f0f6ff;
    border-radius:.5em;
    border:1px solid #e2e2e2;
    box-shadow: 1px 1px 1px #888888;
}
    
    #main #about { 
        width:27.6em;
        float:left; 
    }

    #main #news { 
        width:27.6em;
        float:left; 
    }

    #main #news ul {
        padding-left:0;
    }

    #main #news li {
        list-style:none;
        margin-top:.5em;
    }

    #main #history { 
        float:right; width:20em; 
    }

    #main #status { 
        float:right; width:20em; 
    }
    
    nav { margin:.5em 0 4em 0; }
        nav #specifications { float:left; }
        nav #javadoc { float:left; }
        nav #jar { float:left; }
        nav #workspace { float:left; }

.buttonBox {
    text-align:center; margin-top:2em;
    margin-bottom:1em; 
}

.buttonSubtext { 
    text-align:center;
    margin-top:.25em;
    font-size:.7em;
}

.button {
    display: inline-block; 
    text-decoration: none!important; 
    font: normal 1.2em Helvetica, Arial, sans serif;
    font-weight:100;
    padding:.5em .75em; 
    border-radius:.3em; 
    -moz-border-radius:.3em; 
    box-shadow: inset 0px 0px 2px #fff;
    -o-box-shadow: inset 0px 0px 2px #fff;
    -webkit-box-shadow: inset 0px 0px 2px #fff;
    -moz-box-shadow: inset 0px 0px 2px #fff;
    margin:0 1em 0 1em;
}

.button:active {
    box-shadow: inset 0px 0px 3px #999;
    -o-box-shadow: inset 0px 0px 3px #999;
    -webkit-box-shadow: inset 0px 0px 3px #999;
    -moz-box-shadow: inset 0px 0px 3px #999;
}

.red {
    color: #fff0f0;
    border: 1px solid #c00000;
    background-image: -moz-linear-gradient(#d00000, #961010);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#961010), to(#d00000));
    background-image: -webkit-linear-gradient(#d00000, #961010);
    background-image: -o-linear-gradient(#d00000, #961010);
    text-shadow: 1px 1px 1px #c01010;
    background-color: #f6677b;
}

.red:hover {
    border: 1px solid #c00000;
    background-image: -moz-linear-gradient(#961010, #d00000);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d00000), to(#961010));
    background-image: -webkit-linear-gradient(#961010, #d00000);
    background-image: -o-linear-gradient(#961010, #d00000);
    background-color: #d00000;
}

.red:active { border: 1px solid #ff0000; }


#library {
}

    #library table {
        margin:2em auto 1em auto;
    }

    #library td {
        text-align:left;
        font:normal 1em 'Open Sans', Arial, sans-serif;
        line-height:2em;
    }

    #library #osm { float:left; width:25em; }
    #library #documents { float:left; width:25em; }
    #library #OKIDocuments { float:right; width:22.6em; }

#osr {
}

    #osr table {
        margin:2em auto 1em auto;
    }

    #osr table th {
        font:bold 1.2em Garamond, Palatino, serif;
        padding:0 .75em 0 .55em;
        line-height:2em;
        text-align:left;
    }

    #osr table td {
        text-align:left;
        font:normal .95em 'Open Sans', Arial, sans-serif;
        line-height:1.25em;
        vertical-align:top;
        padding:.25em .75em .25em .75em;
    }

    #osr table .number { width:3em; text-align:left; }
    #osr table .author { width:8em; }
    #osr table .date { width:1.75em; text-align:left; }
    #osr table .status { width:3em; }
    #osr table .comments { width:2em; text-align:center; }

    #osr a {
        text-decoration:none; 
        color:#900000;
    }

    #osr a:hover { 
        border-bottom:1px solid #900000;
    }

#changeLog {
}

    #changeLog table {
        margin:2em auto 1em auto;
    }

    #changeLog table th {
        font:bold 1.2em Garamond, Palatino, serif;
        padding:0 .75em 0 .55em;
        line-height:2em;
        text-align:left;
    }

    #changeLog table td {
        text-align:left;
        font:normal .95em 'Open Sans', Arial, sans-serif;
        line-height:1.25em;
        vertical-align:top;
        padding:.25em .75em .25em .75em;
    }

    #changeLog table .version { width:5em; text-align:left; }
    #changeLog table .date { width:5em; text-align:left; }

    #changeLog a {
        text-decoration:none; 
        color:#900000;
    }

    #changeLog a:hover { 
        border-bottom:1px solid #900000;
    }


#java {
}

    #java #about { float:left; width:27.4em; }
    #java #draft6 { float:right; width: 20em; }