/* #CCCC99 - gold */
/* #540115 - garnett */

@import "normalize.css";
@import "https://fonts.googleapis.com/css?family=Oxygen";
@import "https://fonts.googleapis.com/css?family=Oswald:400";

body {
    font-family: oxygen,sans-serif;
    background: #540115;
    color: #33290A;
}

#banner {
    text-align: center;
    background: #FFFFFF;
    margin: 0em auto;
    padding: 1em;
    padding-bottom: 0em;
    width: 60em;
    border: thin solid;
    border-color: #540115;
    box-shadow: 0 0.1em 0.3em #CCC8B8;
    border-bottom-right-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
}

#fsu-logo {
    width: 6.5em;
    height: 7.5em;
    /*background-image: url('./../img/fsuLogo.png');*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
}

#banner h1 {
    margin: 0 0 0.45em;
    /*text-shadow: 3px 3px 0 #F8F4EE;*/
    font-size: 2.5em;
}
#banner h1 > a {
    color: #2C1D00;
    transition: none;
}
#banner ul {
    padding: 0;
    margin: 0;
    font-size: 1.3em;
    font-weight: bold;
    list-style: none;
}
#banner li {
    display: inline;
    padding: 0 1em;
    -moz-border-radius-topleft: 0.5em;
    -moz-border-radius-topright: 0.5em;
    -moz-border-radius-bottomright: 0em;
    -moz-border-radius-bottomleft: 0em;
    -webkit-border-radius: 0.5em 0.5em 0em 0em;
    border-radius: 0.5em 0.5em 0em 0em;
    background-color: #eaead6;
}
#banner li > a {
    color: #000000;
    white-space: nowrap;
    font-size: 90%;
}
#banner li > a:hover,
#banner li > a:active {
        color: #4C3D00;
}

#banner li.current {
    display: inline;
    padding: 0 1em;
    -moz-border-radius-topleft: 0.5em;
    -moz-border-radius-topright: 0.5em;
    -moz-border-radius-bottomright: 0em;
    -moz-border-radius-bottomleft: 0em;
    -webkit-border-radius: 0.5em 0.5em 0em 0em;
    border-radius: 0.5em 0.5em 0em 0em;
    background-color: #CCCC99;
}

#banner li > a.current {
    display: inline;
    padding: 0 1em;
    -moz-border-radius-topleft: 0.5em;
    -moz-border-radius-topright: 0.5em;
    -moz-border-radius-bottomright: 0em;
    -moz-border-radius-bottomleft: 0em;
    -webkit-border-radius: 0.5em 0.5em 0em 0em;
    border-radius: 0.5em 0.5em 0em 0em;
    background-color: #CCCC99;
}

h1, h2, h3, h4, h5, h6 {
    font-family: oswald,helvetica,sans-serif;
}

a {
    /*color: #3357D6;*/
    text-decoration: none;
    transition: color 0.25s;
}

a:visited {
    color: #865796;
    text-decoration: none;
}

a:hover,
a:active {
    color: #B39223;
    text-decoration: none;
}

#featured,
#content {
    background: #FFFFFF;
    margin: 1.0em auto;
    padding: 1em;
    width: 60em;
    border: thin solid;
    border-color: #DDDACF #CCC8B8 #BBB59F;
    box-shadow: 0 0.1em 0.3em #CCC8B8;
    border-radius: 0.5em;
}

article h1 {
    color: #33290A;
    text-align: center;
}
article h1 > a {
    color: #33290A !important;
    transition: none;
}

/*********/

article h1 {
    color: #33290A;
    text-align: center;
}

table.noborder tr, table.noborder td, table.noborder th {
    border:none;
}

table tr, table td, table th {
    border-collapse:collapse;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    padding-left: 0.75em;
    padding-right: 0.75em;
}

/* empty cells (used for spacing between nested tables) */
table.spacing tr td:empty {
    width: 1em;
    padding: 0em;
    border:none;
    outline:none;
}

table.grades thead tr {
    background-color: LightGray;
}

table.grades tr, table.grades th, table.grades td {
    border: 0.15em solid black;
}

table.cal_padding {
    width:100%;
    border: 0.15em solid black;
}

/* non-empty cells */
table.cal_padding tr > td, table.cal_padding tr > th {
    border: 0.15em solid black;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

td.reading {
    text-align: center;
}

td.date {
    white-space: nowrap;
    text-align: center;
}

#toc
{
    background: #F3ECC6;
    // margin outside box
    //margin: 1.0em auto;
    padding: 1em;
    padding-top: 0em;
    border: thin solid;
    border-color: #DDDACF #CCC8B8 #BBB59F;
    box-shadow: 0 0.1em 0.3em #CCC8B8;
    border-radius: 0.5em;
}