body {
  
background:
linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background-color: #131313;
background-size: 20px 20px;



background-attachment: fixed;

font-family:Verdana, Tahoma,  Geneva,  sans-serif;


}

p {
    font-family:Verdana, Tahoma,  Geneva,  sans-serif;
    font-size:1rem;
}





table {
border: 1px solid #000000;

}

tfoot { 
    
border: 1px solid #482f19; 
background-color: #1e343d;
color: #ffffff;
}

.centertable {
    width:95%;
    margin:auto;

}

tr.widerow {
    height:100px;

}

#ic10table th {
    width:33%;
}

a {
    color:#642626;
    
}

a:hover {
    color:#690d0d;
    
    text-decoration:none;
}

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

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

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

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

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

.headertitle {
    float:right;
}


.titlestyle {

    color:#8b3e3c;
    
    
    font-weight:bolder;
    float:left;
    font-size:1em;
    text-align:right;
    padding-left:5px;
    border-color:#ffffff;
    border-radius:3px 9px;
    
    /*padding-top:30px; 
        font-family:majorshift;
        background-color:#ffffff;
        
    */
}
/*
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;
    padding-right:3px;
     margin-bottom:40px;
    margin-left:auto;
    margin-right:auto;
    width:97%;
    
}



/*
.anchor {
    padding-top: -70px;
}
    article.noline {
    border-bottom-width:2px;
}
*/


code {
    color:#0d3493;
    font-size:larger;
}



caption {
    font-family:heavydata;
    font-weight:bolder;
    font-size:2em;
    color:#5e554c;
}

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;
}

dd.ety {
    padding-bottom:0px;
    color:#8b3e3c;
    font-style:italic;
}

footer {
    background-color:#808089;
    color: #d4d4d4;
    text-align:center;
    border: 1px solid rgba(132, 108, 91, 0.80);
    border-radius:10px; 
    
}

footer p {
    font-family:spin;
    font-size:1.1em;
}

iframe {
    display:block;
    margin:auto;
}

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

header h2 {
    font-family:heavydata;
    -webkit-text-stroke: 1px #ffffff;
   color:#41201d;
   font-size:3em;
}

h2, .h2inline {
    font-size:3em;
}

.h2inline  {
    font-family:heavydata;
    -webkit-text-stroke: 1px #41201d;
    
    color:#888888;
    
}

/*
article h2 {
    -webkit-text-stroke: 1px #1d3a41;
    
    
}*/


h3, .h3inline {
    font-family:heavydata;
    font-weight:bolder;
     color:#7c612a;
    font-size:2em;
    font-weight:normal;
}

h4, .h4inline {
    font-family:heavydata;
    font-weight:bolder;
    color:#715a50;
    font-size:1.5rem;
    font-weight:normal;
}

h5, .h5inline {
    font-family:silkscreen;
    color:#555e3e;
    font-size:1.5em;
    font-weight:normal;
}


.hideover {
    
    overflow:hidden;
}

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

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

li.indentmore {
    list-style-type:disc;
    margin-left:60px;
    padding-left:5px;
}

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



nav {
    position: -webkit-sticky; /* Safari */
    
    text-align:right;
    padding-top:5px;
    margin-bottom:0px;
    border-bottom:solid 2px #41201d;
}

.schednav {
    border-bottom: solid 2px #624933;
}
/*
.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-radius:3px 9px;
    border-color:#ffffff;
    color:#ffffff;
    background-color:#5b3535;
   
}

nav a:hover {
    border-color:#000000;
    color:#000000;
    background-color:#bb9c5d;
    
    /*background-color:#425b47;*/
    
}



.subdiv {
    width:90%;
    margin-left:auto;
    margin-right:auto;
    border-bottom: dashed 1px #675c54;
}
/*
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.schedule, table.showlist {
    width:95%;
    align-self:center;
    padding:2px;
    margin:auto;
}

table.sylhead td {
    border: 1px solid #1d170c;
    background-color: #e5e2dd;
}

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

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

table.showlist th:nth-child(1), th:nth-child(3), table.showlist th:nth-child(4), table.showlist th:nth-child(7) {
    width: 8%;
}

table.showlist th:nth-child(1), table.showlist th:nth-child(5) {
    width: 15%;
}


td.evenweek, td.oddweek, td.noclass, td.classtyle {
    /*display:block;*/
    text-align:center;
}

td.evenweek {
    background-color:#e2e2e2;
    font-weight:bolder;
    color:#2e2020;
}



td.oddweek {
    background-color:#2e2020;
    font-weight:bolder;
    color:#e2e2e2;
    
}

tfoot {
    background-color:#6f5959;
    color:#e6e6d5;
    font-weight:bolder;
}


th {
    
    background-color:#6d3535;
    color:#e6e6d5;
    text-align:left;
}



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

#gradetable th:nth-child(3) {
    width:33%;
}

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;
}

ul.left {
    width:45%;
    float:left;
}

ul.right {
    width:45%;
    float:right;
   
}

ul.left li, ul.right li {
    list-style:none;
    background-color:#cecbcb;
    border:1px solid #000000;
    margin:2px;
    padding:3px;
}


ul li.spacer {
    list-style:none;
    background-color:#ffffff;
    border:1px solid #ffffff;
    margin:2px;
    padding:3px;
    color:#ffffff;
}

ul.left li.head, ul.right li.head {
    list-style:none;
    background-color:#55432c;
    border:1px solid #000000;
    color:#ffffff;
    font-weight:bolder;

}



.afterfloat:before {
  display: block; 
  content: " "; 
  
  height: 500px; 
  visibility: hidden; 
   
}

.spacer:before {
    display:block;
    content:" ";
    height:40px;
    visibility:hidden;
}

/*custom styles*/

.assign {
    font-weight:bolder;
    color:#746883;
}

.blogdue {
    font-weight:bolder;
    color:#94653b;
}

.blue {
    font-weight: bolder;
    color:#37538e;
}

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

.centerit {
    text-align:center;
}

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

}

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

.codeclass {
    font-weight:bolder;
    color:#b28132;
}

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

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

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

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

.example {
    font-weight:bolder;
    color:#363770;

    
}

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

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

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

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

.groupc {
    font-weight:bolder;
    color:#4b606f;
}

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

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

.hideit {
    visibility:hidden;
}

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

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

.indent {
    padding-left:40px;
}

.indentmore {
    padding-left:80px;
}

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

.botnav {
    position:sticky;
    top:38px;
    border-bottom: solid 2px #624933;
    /*margin-left:10px;
        
    */
    width:100%;
    background-color:#41201d;
    padding-top:1px;
    padding-bottom:3px;
    text-align:center;
    
}

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

.botnav a:hover  {
    color:#bf9a5a;
    
}

.navhead {
    font-family:days;
    /*font-size:16px;*/
    color:#e0d3c4;
}

.botnavtext {
    
    color:#ffffff;
}

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

.navtext {
   
    
    font-family:silkscreen; 
    font-weight:bolder;
    font-size:.9em;

    
    color:#bb9c5d;
}

.noclass {
    font-weight:bolder;
    color:#562020;
   background-color:#bb9c5d;
}

.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:#59705f;
}

.quiz {
    font-weight:bolder;
    color:#864829;
}

.read {
    font-weight:bolder;
    color:#672a3f;
}

.rightspace {
    padding-right:5px;
}

.rtimage {
    display:inline-block;
    float:right;
    width:20%;
    padding-right:10px;
}

.ctimage {
    display:block;
    margin:auto;
    width:40%;
}

div.centercontain {
    display:block;
    margin:auto;
    width: 510px;
}



.centerimg {
    display:inline-block;
    
    width:250px;
    
}



.imgright {
    display:inline-block;
    float:right;
    width:22%;
}



.imgthumb {
    display:inline-block;
    height:100px;
    
}

.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:#475f0c;
}



.team {
    font-weight:bolder;
    color:#223b31;
}

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;
   
}

.topic {
    font-weight:bolder;
    color: #31143b;
}

.unit, tr.unit {
    background-color:#947678;
    font-weight:bolder;
    color:#e5e5cf;
}

.unithead {
    
    font-size:2.5em;
    font-weight:normal;
    background-color:#808089;
    color:#ffffff;
    padding-top: 10px;
    padding-bottom:10px;
    padding-left:5px;
    margin-left:-5px;
    margin-right:-3px;
}

.videodue {
    font-weight:bolder;
    color:#385b60;
}

.view {
    font-weight:bolder;
    color:#604f2c;
}

.white {
    color:#ffffff;
}

.workshop {
    font-weight:bolder;
    color:#4f3467;
}

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

.topnav {
    display:inline-block;
    position:fixed; /*keep the button on the page all the time*/
    bottom:10px;
    right:10px;
    color:rgba(156, 153, 141, 0.82); /*last number is the transparency index*/
    text-align:center;
    z-index: 10;
}

.topnav:hover {
    color:#5e4e3e;
}

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