/* General look and feel of the web pages. */

/* See template.html for a bare-bones example of this style. */

/*
DeepSpec Palette:

DeepPurple: #491057      RGB 73 16 87
Green:      #8DA504
Orange:     #F9A513
DarkGrey:   #C7BEC7
LightGrey:  #F7F4F3

  site background: #
  banner background: #E1EDB9
  banner foreground: #1C140D
  border: #F0F2EB
  light: #F0F2EB
*/

body {
    background-color: #C7BEC7;
    color: #121519;
    font-family: Arial, sans-serif, Helvetica;
}

#content {
  width: 80%;
  margin: 15px auto;
  padding: 5px;
  background-color:#491057;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}


h1 {
   font-family: Arial;
   margin-left: -30px;
   color: #FFFFFF;/* #1C140D;*/
}


h2 {
   font-family: Arial;
   margin-left: -30px;
   color: #121519;/* #1C140D;*/
}


h3 {
    margin-left: -30px;
    color: #121519;
}

a {
    font-family: arial;
    text-decoration: none;
}

a:link {
  color: #8DA504;
}

a:visited {
  color: #8DA504;
}

a:hover {
    color: #F9A513;
    text-decoration: underline;
}

.banner {
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   background-color: #491057;
   padding: 5px 15px;
   padding-left: 50px;
   margin: 0px 0px;
}

/* For creating the "menu" at the top of the web pages */

.link {
  display: block;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  margin: 0px;
  background-color: #491057;
  foreground-color: #FFFFFF;
  font-family: Arial, sans-serif, Helvetica;
}


#menu {
	background-color: #491057;
}

#menu a:link, #menu a:visited {
	display: block;
	border-top: 0px;
	font-family: arial;
	background-color: #491057;/*sidebar*/
	padding: 2px 2px 2px 2px;
	color: #FFFFFF;
	text-decoration: none;
}

#menu a:hover{
	border-top: 0px;
	background-color: #F9A513;/*highlight*/
	color: #FFFFFF;
	background-image: none;
	padding: 2px 2px 2px 2px;
	text-decoration: none;
}


/* The first section doesn't have rounded upper corners. */

.section1 {
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
        background-color: #FFFFFF;
	color: #121519;
	padding: 5px 15px;
	padding-left: 50px;
	margin: 0px 0;
}


.section {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #FFFFFF;
	color: #121519;
	padding: 5px 15px;
	padding-left: 50px;
	margin: 15px 0;
}

/* For adding notes to the web pages (usually in projects) */

.notice {
  color: #FF4242;
  font-weight: bold;
}

.tipt {
    font-weight: bold;
}

.hdr {
  background-color: #491057;
  color: #FFFFFF;
  padding: 2px 2px 2px 2px;
}

.note {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #EEEEEE;
	border: 3px solid #E4E0E0;
	/* background-color: #FFDD8D; */
	/* color: #A62410; */
	/* border: 3px solid #A6780C; */
	/* border-radius: 5px; */
	padding: 0px 10px;
	width: 80%;
	margin: 15px auto;
}

.tt {
    font-family: courier;
}

/* For formatting code examples */

pre.code {
    width: 95%;
    max-width: 80em;
    color: black;
    background-color: #FEFEFB;
    display: block;
    margin: 15px auto;
    padding: 10px;
    border: 1px solid #E1EDB9;
}

pre.error {
    color: #A40000;
}


/************** Lecture Table Styles *********/


/********************************************/
/* LECTURE TABLE STYLES                     */
/********************************************/

.bright {
    color:#E74820;
}

td.date {
    color: #491057;
}

div.hdr {
    color: #FFFFFF;
}


tr.week1 {
    background-color: #FAFAFA;/*week1*/
}

tr.week2 {
    background-color: #F6F0F6;/*week2*/
}

tr.hw {
    background-color: #D5E8B0;/*hw*/
}

tr.elide.hw > td.topic {
    background-color: #D5E8B0;/*hw*/
    color: #AAAAAA;/*dimhw*/
}

tr.elide.week2 > td.topic {
    background-color: #F6F0F6;/*week2*/
    color: #BBBBBB;  /*dimweek2*/ 
}

tr.elide.week1 > td.topic{
    background-color: #FAFAFA;/*week1*/
    color:#CCCCCC;/*dimweek1*/
}

tr.elide > td.slides > br {
    display:none;
}    

tr.elide > td.handout > br {
    display:none;
}    

tr.elide.hw > td > a {
    display:none;
}

tr.elide > td.slides > a {
    display:none;
}

tr.elide > td.handout > a {
    display:none;
}