body {
   background-color: #ffffff;
   color:            #000000;
   font-family:      arial, helvetica, sans-serif;
   font-size:        10px;
   margin:           0px;
}

li {
   margin: 0.5ex 0 0 0;
}

:link, :visited {
   text-decoration: none;
}

.LaTeX {
    font-family: courier, monospace;
    font-weight: bold;
    color:       #c00000;
}

.MainTable {
   table-layout:    fixed;
   border-collapse: collapse;
   left:            10px;
   position:        absolute;
   top:             10px;
}

.TopPanel {
   letter-spacing:   1px;
   padding-top:      16px;
   padding-bottom:   16px;
   background-color: #900000;
   color:            #ffffff;
}	  

.TopImagePanel {
   background-color: #900000;
   color:            #ffffff;
   padding-bottom:   16px;
   padding-right:    16px;
   padding-top:      16px;
   text-align:       right;
}

.MainNavPanel {
   background-color: #b0b0b0;
   color:            #000000;
   font-size:        small;
   letter-spacing:   1px;
   padding-bottom:   4px;
   padding-left:     32px;
   padding-top:      4px;
}

.MainNavPanel :link, .MainNavPanel :visited {
   background-color: #b0b0b0;
   color:            #000000;
   font-style:       italic;
   text-decoration:  none;
}

.MainNavPanel A:hover {
    color: #ff0000;
}

.SecondaryNavPanel {
   background-color: #909090;
   color:            #000000;
   font-size:        small;
   letter-spacing:   1px;
   padding-bottom:   4px;
   padding-left:     32px;
   padding-top:      4px;
}

.SecondaryNavPanel :link, .SecondaryNavPanel :visited {
   background-color: #909090;
   color:            #000000;
   font-style:       italic;
   text-decoration:  none;
}

.SecondaryNavPanel A:hover {
    color: #ff0000;
}

.IntraNavPanel {
   background-color: #a0a0ff;
   color:            #000000;
   font-size:        small;
   letter-spacing:   1px;
   padding-bottom:   4px;
   padding-left:     32px;
   padding-top:      4px;
}

.IntraNavPanel :link, .IntraNavPanel :visited {
   background-color: #a0a0ff;
   color:            #ff0000;
   font-style:       italic;
   text-decoration:  none;
}

.BannerName {
   font-size:   x-large;
   font-style:  italic;
   font-weight: bold;
   margin-left: 24px;
}

.BannerAffiliation {
   font-size:   small;
   font-style:  italic;
   margin-left: 24px;
}

.PageContent {
   background-color: #e2c6a4;
   color:            #000000;
   font-size:        medium;
   padding-bottom:   384px;
   padding-left:     32px;
   padding-right:    32px;
   padding-top:      64px;
   vertical-align:   top;
}

.HighlightSection {
  background-color: #f2e6b4;
  padding-left:     8px;
  padding-right:    8px;
}

.PageContentImage {
   background-color: #e2c6a4;
   color:            #000000;
   font-size:        medium;
   padding-bottom:   630px;
   padding-left:     32px;
   padding-top:      96px;
   text-align:       right;
   vertical-align:   top;
}

.Name {
   font-size:   large;
   font-weight: bold;
}

.Address {
   font-size:   medium;
   padding-top: 16px;
}

.ContactInfo {
   font-size:   medium;
   padding-top: 16px;
}

.PublicKey {
   font-size:   x-small;
   font-weight: bold;
}

.PageHeading {
   font-size:   large;
   font-weight: bold;
   text-align:  left;
}

.MathClassID {
   font-weight:  bold;
   letter-spacing:   1px;
}

.MathClassName {
   font-style:  italic;
   font-weight:  bold;
   letter-spacing:   1px;
}

.MathClassDesc {

}

.PaperStatus {
   font-weight: bold;
}

.PaperTitle {
   font-style: italic;
}

.PaperAuthor {
}

.PaperJournal {
   font-style: italic;
}	

.StudentThesis {
   font-style: italic;
}

.StudentType {
   font-weight:     bold;
}

.figurecaption {
   font-style: italic;
   position:   relative;
   top:        4px;
   font-size:  small;
}

.zombie {
   font-size:       11px;
   color:   	    #909090;
}

TD.ZombieApocalypse {
   background-color: #000000 ;
   color:            #ffffff ;
   font-weight:      bold    ;
}

.announce {
    font-weight: bold;
    background-color: #ffff00;
    color: #000000;
}

.SDSUannounce {
    background-color: #800000;
    color: #ffffff;
    font-style: italic;
    font-weight: bold;
    letter-spacing:   0.5px;
}

.consult {
    font-weight: bold;
    background-color: #00ffff;
    color: #000000;
}

.done {
    background-color: #c0ffcf;
}

.resource {
    font-weight: bold;
    color: #000000;
}

a[href$=".ppt"]:after,
a[href$=".pptx"]:after {
    content: "\f1c4";
    font-family: FontAwesome;
    font-weight: normal;
    display: inline-block;
    line-height: 15px;
    padding-right: 5px;
    padding-left: 5px;
}
  
a[href$=".pdf"]:after {
    content: "\f1c1";
    font-family: FontAwesome;
    font-weight: normal;
    display: inline-block;
    line-height: 15px;
    padding-right: 5px;
    padding-left: 5px;
}

a[href^="mailto:"]:after {
    content: "\f0e0";
    font-family: FontAwesome;
    font-weight: normal;
    display: inline-block;
    line-height: 15px;
    padding-right: 5px;
    padding-left: 5px;
}

table.sched td {
    padding:6px;
    -webkit-transition: all 1.0s;
    -moz-transition: all 1.0s;
    -ms-transition: all 1.0s;
    -o-transition: all 1.0s;
    transition: all 1.0s;
}

table.sched th {
    padding:6px;
    font-size:12px;
    background-color: #e2d6a4;
}

table.sched td:hover {
    background-color: #f2e6b4;
}

table.sched td.noclass:hover {
    background-color: #800000;
}

table.sched td.test:hover {
    background-color: #000080;
}

a.youtube:after{
    content: "\f167";
    font-family: FontAwesome;
    font-weight: normal;
    display: inline-block;
    line-height: 15px;
    padding-right: 5px;
    padding-left: 5px;
}


.CSSeffect { /* Spinning Object */
    transition: opacity 2s, transform 4s;
    opacity: 1.0;
}
.CSSeffect:hover {
    opacity: 0.75;
    transform: rotate(-1080deg);
}

.CSSeffect2 {
    transition: opacity 2s, transform 4s;
    opacity: 1.0;
}
.CSSeffect2:hover {
    opacity: 0.75;
    transform: rotate(360deg) scale(1.25);
}

.CSSeffect3 {
    transition: opacity 2s, transform 3s;
    opacity: 1.0;
}
.CSSeffect3:hover {
    opacity: 0.75;
    transform: scale(1.3,1.3);
}

.CSSeffect4 {
    transition: opacity 2s, transform 3s;
    opacity: 1.0;
}
.CSSeffect4:hover {
    opacity: 0.75;
    transform: scale(1.5) skewX(-30deg);
}

.CSSeffect5 {
transition: opacity 2s, transform 3s;
    opacity: 1.0;
}
.CSSeffect5:hover {
    opacity: 0.85;
    transform: scale(1.1);
}

.CSSshrink {
transition: opacity 2s, transform 0.25s;
    opacity: 1.0;
}
.CSSshrink:hover {
    opacity: 0.85;
    transform: scale(0.50);
}

.CSSdrop {
transition: opacity 2s, transform 2s;
    opacity: 1.0;
}
.CSSdrop:hover {
    opacity: 0.85;
    transform: translate(0px, 220px);
}

img.headshot {
    border-radius: 15px;
    border: 2px solid #bbbbbb;
    padding: 5px;
    transition: transform 2s;
}
img.headshot:hover {
    transform: scale(1.15);
}

img.TopImageEffect {
    border-radius: 15px;
    border: 2px solid #900000;
    padding: 5px;
    transition: transform 2s;
}
img.TopImageEffect:hover {
    transform: scale(1.15);
}

table.sched td.NextLecture {
    transition: opacity 2s, transform 1s, background-color 3s;
    opacity: 1.0;
}
table.sched td.NextLecture:hover {
    opacity: 0.75;
    transform: scale(1.25);
    background-color: #f2e684;
}
table.sched td.CoveredLecture {
    background-color: #e2d6a4;
}
table.sched td.CoveredLecture:hover {
    background-color: #e2f6a4;
}

/* ============================================================ */
button {
    background-color: #666666;
    border-radius: 24px;
    border: 1px solid #000000;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    margin: 2px;
    padding: 2px 36px;
    text-align: center;
    text-align:center;
    text-decoration: none;
    transition-duration: 0.75s;
    width: 50%;
}
button:hover {
    color: #000000;
    background-color: #e0e0e0;      
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    width: 95%;
}
.center {
    text-align: center;
}
/* ============================================================ */

/* Pills ============================================================ */
.pill {
    display:       inline-block;
    margin:        0;
    list-style:    none;
    border-radius: 1em;
    border:        1px solid rgba(0,0,0,0.25);
    box-shadow:    0 1px 0 #fff
}
.pill>li {
    float:         left;
    padding:       0 10px;
    border-right:  solid 1px rgba(0,0,0,0.25);
    font-size:     14px;
    font-size:     0.875rem
}
.pill>li:first-child {
    padding-left:  10px;
    border-radius: 1em 0 0 1em
}
.pill>li:last-child {
    padding-right: 10px;
    border-right:  none;
    border-radius: 0 1em 1em 0
}
/* "Pills" ============================================================ /*