body { font-size: 1em; color: #c0c0c0; font-family: Arial, Helvetica, sans-serif; }
body a:hover { color: #002b5b; text-decoration:underline; }

.blue { color: #002b5b; }

td {color: #002b5b; font-family: Arial, Helvetica, sans-serif;}

a {color: #005300; font-weight:bold; text-decoration:none;}

a:hover, #more-articles:hover {color: #ffffff; text-decoration:underline;}

h1 { font-family: Arial, Helvetica, sans-serif; color: #c0c0c0; }
h2 { font-family: Arial, Helvetica, sans-serif; color: #c0c0c0; }
h3 { font-family: Arial, Helvetica, sans-serif; color: #002b5b; }

p { line-height:1.5; font-size: 1em; font-family: Arial, Helvetica, sans-serif; text-align:justify; }

p.bodytext, p.bodyText { line-height:1.5; font-size: 1em; font-family: Arial, Helvetica, sans-serif; text-align:justify; }

img { border:0 }

ul.navigate { list-style-type:none; }

div.wrapper {
    text-align:center;
    width:97.5%;
    margin:auto;
    max-width: 800px;
}

div header {
    vertical-align:middle;
    text-align:center;
    background-color: #ffffff;
    padding:1em;
}

div header, nav, section.mainContent, footer {
    padding-left: 10px;
    padding-right: 10px;
}

div footer {
    padding-top: 10px;
    padding-bottom: 10px;
}

header h1, header h2 {
    color: #002b5b;
}

hr.sectionHeader {
    width: 30%;
    color: #002b5b;
    border: 1px solid;
}

@media only screen and (max-width: 480px) {
    header h1, header h2, header h3 {
        font-size: medium;
    }
}

article {
    width: 97.5%;
    margin: auto;
}

/** TEXT COLORS **/

/* Core */
.backgroundbox {
    width: 100%;
    height: 100%;
    background-color: #d5dbff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
}

header, footer {
    text-align:center;
    padding-top:2px;
    padding-bottom:2px;
    background-color:#c0c0c0;
    color: #002b5b;
}

footer p {
    text-align: center;
}

header a { color: #005300; }
header a:hover { color: #ffffff; text-decoration:underline; }

section.mainContent {
    background-color:#ffffff;
    color:#002b5b;
    font-family: Arial, Helvetica, sans-serif;
    padding:15px;
    vertical-align:top;
    line-height:1.5;
}

.mainContent a:hover { color: #002b5b; text-decoration:underline; }

li { text-align:justify; }

code {
    color: #A00000;
    background: #EFEFEF;
    padding: 2px 4px;
    border-radius: 4px;
}

pre code {
    text-align:left;
    border: 0.7em solid #090;
    border-radius: 1em;
}

pre code.code {
    padding: 1.25em;
}

pre code.error {
    border-color: #900;
    padding: 1.25em;
}

pre code.output {
    border-color: #d2d2d2;
    padding: 1.25em;
}

div.code {
    border: 1px solid #090;
    padding: 20px;
    background-color: #CFC;
    text-align:left;
    font-family:monospace;
    font-size:1em;
}

div.codeError {
    border: 1px solid #900;
    padding: 20px;
    background-color: #FCC;
    text-align:left;
    font-family:monospace;
    font-size:1em;
}

div.codeOutput {
    border: 1px solid #2d2d2d;
    padding: 20px;
    background-color: #d2d2d2;
    text-align:left;
    font-family:monospace;
    font-size:1em;
}

td.leaderRowA { background-color: #ffffff; }

td.leaderRowB { background-color: #a8a8a8; }

td.schedule {text-align:center; vertical-align:middle; }
td.scheduleRowA {text-align:center; vertical-align:middle; background-color:#ffffff;}

td.scheduleRowB {text-align:center; vertical-align:middle; background-color:#e0e0e0;}

tr.scheduleRowCurr td, td.scheduleRowCurr {text-align:center; vertical-align:middle; background-color:#ffff00;}

th.scheduleHeader, td.scheduleHeader {text-align:center; font-weight:bold; background-color:#c0c0c0;}

td.weekSeparator a.hiddenLink {
    display:none;
}

table.centerTable {
    margin-left:auto;
    margin-right:auto;
}

p.centerText {
    text-align: center;
}

p.redStrongText {
    color: #bb0000;
    font-weight: bold;
    font-size: 1.2em;
}

p.redText {
    color: #bb0000;
}

p.strongText {
    font-weight: bold;
    font-size: 1.2em;
}

p.mediumSizeText {
    font-size: 1.1em;
}

table.borderedTable {
    width:100%;
    border:1px #002b5b solid;
    padding:0;
    border-spacing:0;
    border-collapse: collapse;
}

table.borderedTable th, td {
    border:1px #000000 solid;
}

table#assignmentTable {
    border:0;
}

table#assignmentTable td.fillerRow {
    height:5px;
    border-right:0 solid #ffffff;
    border-left:0 solid #ffffff;
}

table#scheduleTable td.schedule,
table#scheduleTable td.scheduleRowA,
table#scheduleTable td.scheduleRowB,
table#scheduleTable td.scheduleRowCurr,
table#scheduleTable td.scheduleHeader {
    padding-top: 1.05em;
    padding-bottom: 1.05em;
}

.schedule a {color:#465510; text-decoration:none;}
.schedule a:hover {color:#465510; text-decoration:underline;}

.scheduleRowB a {color:#465510; text-decoration:none;}
.scheduleRowB a:hover {color:#465510; text-decoration:underline;}

td.gradingRubric {text-align:center; vertical-align:middle; padding: 8px;}

td.weekSeparator {
    height:0.25em;
    background-color:#000000;
}

td.hwDue, div.hwDue, a.hwDue, strong.hwDue, span.hwDue { font-weight: bold; color: #bb0000; }

a.hwDue:hover { color: #bb0000; }

div#centeringDiv {
    margin-left:auto;
    margin-right:auto;
}

div#todayButton {
    font-weight: bold;
    color: #005300;
}

div#todayButton:hover {
    text-decoration: underline;
    cursor: pointer;
}

ul#moduleList {
    list-style-type: none;
    padding-left: 0;
}

img#csMinesLogo {
    background: #ffffff;
    border-radius: 12px;
    margin-top: 5px;
}