﻿@font-face {
    font-family: 'im-fell-pica';
    src: url('../fonts/FePIrm27C-webfont.woff');
}


@font-face {
    font-family: 'im-fell-italic';
    src: url('../fonts/FePIit27C-webfont.woff');
}


@font-face {
    font-family: 'heavy_dataregular';
    src: url('../fonts/heavy_data-webfont.woff');

}

@font-face {
    font-family: 'enigmaticbold';
    src: url('../fonts/EnigmaB_2-webfont.woff');
    

}

@font-face {
    font-family: 'distant_galaxy';
    src: url('../fonts/DISTGRG_.ttf') format('truetype');
}

@font-face {
    font-family: 'norwester';
    src: url('../fonts/norwester.otf'); 
}

#borderimg { 
    border: 10px solid transparent;
    padding: 5px;
    -webkit-border-image: url('../images/border.gif');
    -o-border-image: url('../images/border.gif') 30 round; /* Opera 11-12.1 */
    border-image: url('../images/border.gif') 30 round;
}

table {
border: 1px solid #000000;
}

tfoot { 
border: 1px solid #6d354b; 
background-color: #3d1e2a;
color: #ffffff;
}

a {
    color:#33583a;
    
}

a:hover {
    color:#69690d;
    
    text-decoration:none;
}

.boxstyle {
    display: inline-block;
    width:100px;
    height:100px;
    border:2px solid #5e4e3e;
    border-radius: 10px;
    margin:5px 5px 0px 5px;
}

.accent01 {
    background-image:url("../images/accent01.jpg");
}

.accent02 {
    background-image:url("../images/accent02.jpg");
}

.accent03 {
    background-image:url("../images/accent03.jpg");
}

.accent04 {
    background-image:url("../images/accent04.jpg");
}



.headertitle {
    float:right;
}


.titlestyle {
    color:#e6e0d5;
    
    font-size:1em;
    float:left;
    padding-left:5px;
    
    /*padding-top:30px; -webkit-text-stroke: 1px #e6e6d5;  */
}
/*
article::before  { 

  display: block; 
 
  content: " "; 
  margin-top: -70px; 
  height: 70px; 
  visibility: hidden; 
   
   background:none;
 pointer-events:none;   
 z-index:-100;
}
 */

:target:before {
  content:"";
  display:block;
  height:70px; /* fixed header height*/
  margin:-70px 0 0; /* negative fixed header height */
  background:none;
}

article {
    border-bottom:2px solid #99998f;
    
    background-color:#ffffff;
    padding-left:5px;
    
    
}

/*
.anchor {
    padding-top: -70px;
}
*/


article.noline {
    border-bottom-width:0px;
}

body {
    font-family: Verdana, Tahoma, Geneva, sans-serif;
    color:#000000;
    font-size:.9em;
    background-color:#5c4338;

}

caption {
    font-weight:bolder;
    color:#313131;
}

dt {
    font-weight:bolder;
    color:#7f7b4b;
}

dt.subdef {
    font-weight:bolder;
    color:#504f64;
    margin-left:30px;
}

dd.subdef {
    margin-left:60px;
}

dt.subsubdef {
    font-weight:bolder;
    color:#c04032;
    margin-left:60px;
}

dd.subsubdef {
     margin-left:90px;
}

footer {
    text-align:center;
    width:100%;
    color:#808080;
    padding-top:15px;
    padding-bottom:15px;
    background-color:#eeeded;
}

header {
    /*background-color: #2e2413;*/
    background-color:#745438;


    background-image: linear-gradient(90deg, rgba(255,255,255,.07) 50%, transparent 50%), linear-gradient(90deg, rgba(255,255,255,.13) 50%, transparent 50%), linear-gradient(90deg, transparent 50%, rgba(255,255,255,.17) 50%), linear-gradient(90deg, transparent 50%, rgba(255,255,255,.19) 50%);
    background-size: 13px, 29px, 37px, 53px;
    text-align: right;
    font-family: im-fell-pica;
    color: #ffffff;
    font-size: 3em;
    padding-top: 5px;
    padding-bottom: 0px;
    /*position:absolute;*/
    top: 0px;
    left: 0px;
    width: 100%;
}
/*
header:after {
    display: block; 
  content: " "; 
   
  height: 50px; 
  visibility: hidden;
}*/

.outlinetext {
     -webkit-text-stroke: 1px yellow;
}


h1, .h1inline, .imgcap {
    font-family:norwester;
    font-size:2em;
    
    color:#2a524f;
    font-weight:normal;
    
}

h2, .h2inline  {
    font-family:enigmaticbold;
   color:#55362f;
    /*color:#415374;*/
    font-weight:normal;
    padding-top:2px;
}

h3, .h3inline {
    font-family:enigmaticbold;
     color:#6b2e0b;
    font-size:1.5em;
    font-weight:normal;
}

h4, .h4inline {
    font-family:enigmaticbold;
    color:#697150;
    font-size:1.5em;
    font-weight:normal;
}

h5, .h5inline {
    font-family:enigmaticbold;
    color:#634a23;
    font-size:1.5em;
    font-weight:normal;
}


.hideover {
    
    overflow:hidden;
}

li, dd {
    padding-bottom:14px;
}

li.indent, ul.indent li {
    list-style-type:circle;
    margin-left:30px;
    padding-left:5px;
}

ol.indent li {
    list-style-type: lower-alpha;
    margin-left: 30px;
    padding-left:5px;
}

li.indb {
    font-weight:bolder;
    color:#6d354b;
}



nav {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    background-color: #745438;
    border-bottom: solid 2px #5e4e3e;
    background-image: linear-gradient(90deg, rgba(255,255,255,.07) 50%, transparent 50%), linear-gradient(90deg, rgba(255,255,255,.13) 50%, transparent 50%), linear-gradient(90deg, transparent 50%, rgba(255,255,255,.17) 50%), linear-gradient(90deg, transparent 50%, rgba(255,255,255,.19) 50%);
    background-size: 13px, 29px, 37px, 53px;
    text-align: right;
    font-family: im-fell-pica;
    color: #ffffff;
    font-size: 2.5em;
    width: 100%;
    text-align: right;
    padding-top: 0px;
    padding-bottom: 2px;
    /*top:-5px;*/
}
/*
.sticky {
    position: -webkit-sticky; Safari 
    position: sticky;
    top: 0;
}
    */
nav a {
    
    
    font-size:18px;
    width:22px;
    
   /* height:20px;
    position:inherit;*/
    
    border: 1px;
    border-style:solid;
    border-radius:10px;
     
    padding: 3px;
    margin-bottom:10px;
    
    text-decoration: none;
    text-align:center;
    display: inline-block;
    
    margin: 1px 0px;
    cursor: pointer;

    border-color:#ffffff;
    border-radius:3px 9px;
    color:#ffffff;
    background-color:#1d170c;
    /*    background-color:#4a6867;*/
}

nav a:hover {
    border-color:#e6e6d5;
    color:#e6e6d5;
    /*background-color:#425b47;*/
    background-color:#5e4e3e;
}

section.main {
    margin-left:auto;
    margin-right:auto;
    width:97%;
    

}
/*
section.main:before {
    display:block;
    content:" ";
    height:10px;
    width:1px;
    visibility:hidden;
}*/

section.main:after {
    display: block; 
  content: " "; 
   
  height: 800px; 
  visibility: hidden; 
}

section.sched {
    width:98%;
}

table.sylhead, table.sched {
    width:95%;
    align-self:center;
    padding:2px;

}

table#rubric td, table#rubric th {
    border: 1px #000000 solid;
    vertical-align: top;
}


td:nth-child(1).sylhead {
    background-color:#989898;
    color:#ffffff;
    /*color:#f2f1ae;*/
    font-weight:bolder;
}

td:nth-child(2).sylhead {
    background-color:#d1d1d1;
}







td.even {
    background-color:#b3a290;
}

td.evenweek {
    background-color:#d3cbbf;
    font-weight:bolder;
    color:#5e4e3e;
}

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

td.oddweek {
    background-color:#5e4e3e;
    font-weight:bolder;
    color:#d3cbbf;
}

tfoot {
    background-color:#30271a;
    color:#e6e6d5;
    font-weight:bolder;
}


th {
    
    background-color:#3a2e18;
    color:#e6e6d5;
    text-align:left;
}

tr:nth-child(even){
    background-color:#ebe2d5;
}


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

ul {
    list-style-type:square;
   
}

ul.nopad *, ol.nopad * {
    padding-bottom:0px;
}

ul.nopadsched, ul.nopadsched * {
    padding-top:0px;
    padding-bottom:0px;
}

/*custom styles*/

.case {
    font-weight:bolder;
    color:#7c553b;
}

.centerit {
    display:block;
    margin:auto;
    text-align:center;
}

.classtyle {
    font-weight:bolder;
    text-align:center;
    color:#4f4f4f;

}

.code {
    font-family:Courier New, Courier, monospace;
    color:#4f52fb;
}

.codecss {
    font-family:Courier New, Courier, monospace;
    color:#579b8c;
}

.codejs {
    font-family:Courier New, Courier, monospace;
    color:#9b5766
}

.discuss {
    font-weight:bolder;
    color: #87645b;
}

.duedate {
    font-weight:bolder;
    color:#964c4c;
}

.example {
    padding-left:5px;
    margin-right:5px;

    border:1px solid #000000;
}

.essaydue {
    font-weight:bolder;
    color:#808762;
}

.feedback {
    font-weight:bolder;
    color:#558c8e;
}

.groupa {
    font-weight:bolder;
    color:#aeb593;
}

.groupb {
    font-weight:bolder;
    color:#b79188;
}

.groupc {
    font-weight:bolder;
    color:#3e637e;
}

.groupd {
    font-weight:bolder;
    color:#366d2e;
}

.groupe {
    font-weight:bolder;
    color:#a06154;
}

.hideit {
    visibility:hidden;
}

.homework {
    font-weight:bolder;
    color:#633636;
}

.imgright {
    padding-right: 5px;
    float: right;
    height: 80%;
}

.inclass {
    font-weight:bolder;
    color:#526e78;
}

.indent {
    padding-left:40px;
}

.indentmore {
    padding-left:80px;
}

.lemma {
    font-variant:small-caps;
}

.leftnav {
    position:sticky;
    top:50px;
    border-bottom: solid 2px #5e4e3e;
    /*margin-left:10px;
        
    */
    width:100%;
    background-color:#974312;
    padding-top:3px;
    padding-bottom:3px;
    text-align:center;
    
}

.leftnav a  {
    color:#ffffff;
    font-weight:bolder;
}

.leftnav a:hover  {
    color:#c4a164;
    
}

.leftnavhead {
    font-family:norwester;
    font-size:16px;
    color:#8b7d6d;
}

.leftnavtext {
    
    color:#ffffff;
}

img.lefty {
    margin-right:30px;
}

.navtext {
    /*font-family:heavy_dataregular; */
    
    font-family:norwester; 
    font-size:.6em;
    
    color:#e6e6d5;
}

.noclass {
    font-weight:bolder;
    color:#e6e6d5;
   background-color:#526e78;
}

.offsite {
    background-color:#aeb593;
    font-weight:bolder;
    color:#676767;
}

.poetry {
    /*font-family:'Times New Roman', Times, serif;*/
    font-size:1em;
    margin-left:5%;
    margin-bottom:0px;
    list-style-type:none;
}

.prelimdue {
    font-weight:bolder;
    color:#705e74;
}

.presentation {
    font-weight:bolder;
    color:#0e0f5a;
}

.read {
    font-weight:bolder;
    color:#67492a;
}

.rightspace {
    padding-right:5px;
}

.schedhead {
    position:fixed;
    margin-left:15px;
    width:100%;
    top:0px;
    z-index:3;
    background-color:#ffffff;
}

.showit {
    visibility:visible;
}

.stress {
    font-weight:bolder;
    color:#a32a2a;
}

.stressgood {
    font-weight:bolder;
    color:#4c674c;
}

.subdiv {
    /*border-bottom:3px dotted #1d170c;*/
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.subdivline {
    border-bottom:3px dotted #1d170c;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

hr {
    border:3px dotted #1d170c;
}
/*
article .subdiv {
    border-bottom:3px dotted #000000;
    width:95%;
    margin-left:auto;
    margin-right:auto;
}*/

.textsample {
    font-family:'Times New Roman', Times, serif;
    font-size:1em;
}

.titletext {
    font-family:distant_galaxy;
    font-size:1em;
    color:#000000;
    padding-top:3px;
    /*padding-bottom:5px;
        background-color:#93594d;
         background-color:#7f8b81;
        background-color:#f3fe01;
        */
    width:100%;
    text-align:center;
    background-color:#314234;
    -webkit-text-stroke: 1px #f2f5a9;
   
}

.unit, tr.unit {
    background-color:#34423e;
    font-weight:bolder;
    color:#ffffff;
}

.unithead {
    font-family:heavy_dataregular;
    font-size:2.5em;
    
    color:#62567d;
    box-shadow:3px 3px 1px #808080;
}

.white {
    color:#ffffff;
}

.workshop {
    font-weight:bolder;
    color:#3b1160
}

.workscited {
    margin-left:40px;
    text-indent:-40px;
}


