/* Palette generated by Material Palette - materialpalette.com/blue-grey/green */
.dark-primary-color    { background: #455A64; }
.default-primary-color { background: #607D8B; }
.light-primary-color   { background: #CFD8DC; }
.text-primary-color    { color: #FFFFFF; }
.accent-color          { background: #4CAF50; }
.primary-text-color    { color: #212121; }
.secondary-text-color  { color: #757575; }
.divider-color         { border-color: #BDBDBD; }

/** Tags **/
html, body {
    height: 100%;
}
body {
    align-items: stretch;
    color: #212121;
    display: flex;
    flex-direction: row;
    font-size: 16px;
    /* Traditional Garamond-based serif stack */
    font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
    line-height: 1.6;
}

a {
    color: #4CAF50;
    //font-weight: bold;
}
a:hover {
    color: #6ccf70;
}

blockquote {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}

blockquote p {
  display: inline;
}

blockquote cite{
  font-style: italic;
  display:inherit;
}

h1, h2, h3, h4, h5, h6, strong {
    color: #455A64;
    /* Helvetica/Arial-based sans serif stack */
    font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {font-size: 300%;}
h2 {font-size: 200%;}
h3 {font-size: 150%;}

h2 a{
  font-weight: normal;
}

hr {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #CFD8DC;
    box-shadow: 0 1px 0 #fff;
    clear: both;
    height: 0px;
    margin: 1.0em 0;
}

p {
    margin: 1.0em 0;
}
strong {
    font-weight: bold;
}


/** Navigation **/
.navigation {
    background: #455A64;
    /* Helvetica/Arial-based sans serif stack */
    font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow-y: scroll;
    padding: 1.0em 0;
    width: 20%;
}
.navigation a {
    border-left: 7px solid transparent;
    display: block;
    color: #CFD8DC;
    padding: 0.5em 1.0em;
    text-decoration: none;
    text-shadow: 1px 1px 0 #455a64;
}
.navigation a:hover {
    background-color: #607D8B;
    border-left: 7px solid #CFD8DC;
    color: #ffffff;
}
.navigation a.selected {
    border-left: 7px solid #4CAF50;
    color: #ffffff;
}

.navigation hr {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #607D8B;
    box-shadow: none;
    clear: both;
    height: 0px;
    margin: 1.0em auto;
    width: 90%;
}

.navigation li > ul {
    list-style-type: circle;
    list-style-position: inside;
}

/** Content **/
.content {
    flex: 1;
    padding: 1.0em;
    overflow-y: scroll;
}
.content img {
    margin: 1.0em;
}

.float-left {
    float: left;
}

.tutbuttons {
}

.tutbutton {
    background: #4CAF50;
    border-radius: 0.25em;
    box-shadow: 0px 3px 0 #0c6f10;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    margin: 1.0em;
    padding: 0.5em 1.0em;
    text-decoration: none;
}
.tutbutton:hover {
    background: #6ccf70;
    color: #fff;
}

.content ul {
    list-style-type: circle;
    list-style-position: inside;
}

.headshot {
    border-radius: 50%;
    float: left;
    height: 128px;
    width: 128px;
}

.instructor {
    clear: both;
}

.page {
    margin: 0 auto;
    max-width: 768px;
}