/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html {
    color: #222;
    font-size: 1em;
    line-height: 1.3em;
}
body {
    font: 16px/1.6em Verdana,Tahoma,Arial,sans-serif;
    background: white;
    font-family: ;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
h1,h2,h3,h4,h5,h6{
  font-weight: normal;
}
.header-container, .footer-container{
   background: white;
   }
section.highlight-link img{
  width: 8em;
  float: left;
  margin-right: 1em;
}
#main-header-container{
      background-image: url('/res/doat/images/york-logo.png'), url('/res/doat/images/york-shield.png');
      background-image: url('/res/doat/images/york-logo.png'), url('/res/doat/images/york-shield.png');
      background-position: right .5em top .6em, right .5em top 0;
      background-size: auto 1em, 3em;
      background-repeat: no-repeat;
}
#main-header-container h1{
  padding: .5em;
}
    header#page-title img{
      width: 100%;
    }
    aside.highlight{
      width: 100%;
      }
aside.highlight2{
      width: 100%;
      }
#all-wrapper{
  background: white;
  }
nav#secondary-navigation{
  padding: 0;
  margin: 0;
  clear: left;
  background: rgba(243, 193, 93, 0.973);
  overflow: hidden;
  border-bottom: 1px solid #423926;
}
nav#secondary-navigation ul{
  margin: 0;
  padding: 0;
  width: 100%;
}
nav#secondary-navigation li{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
nav#main-navigation li a.current::before{
  content: "‚?∏ ";
  position: relative;
  margin-left: -5px;
}
nav#secondary-navigation li a,
nav#secondary-navigation li a:hover,
nav#secondary-navigation li a:visited,
nav#secondary-navigation li a:active{
  padding: .5em 1em;
  display: block;
  color: black;
  text-align: center;
  text-decoration: none;
}
a#menu-toggle.active,
nav#secondary-navigation li a.current,
nav#secondary-navigation li a.current:hover,
nav#secondary-navigation li a.current:visited,
nav#secondary-navigation li a.current:active{
  text-decoration: underline;
}
.clear{
  clear: both;
}
p img{
  float: left;
  clear: left;
  margin: 0 .5em .2em 0;
}
p img.book-cover{
  width: 85px;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.title {
    color: black;
}

nav#main-navigation ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

nav#main-navigation a {
    text-transform: uppercase;
    margin-bottom: 0px;
    display: block;
    padding: 15px 0;

    text-align: center;
    text-decoration: none;

    color: black;
    cursor: pointer;
}
nav#main-navigation a#menu-toggle {
  position: absolute;
  right: .5em;
  margin: 0;
  padding: .8em;
  text-decoration: none;
  background: #e3e3e3;
}

.main {
    padding: 30px 0;
}

.main section#content {
padding: 1em;
}
.main section#content h1 {
    font-size: 2em;
    line-height: 1.2em;
    color: #595959;
    font-variant: small-caps;
    margin: 0;
    padding: 0;
}

section.person{
    width: 100%;
    float: left;
    padding-bottom: 2em;
}
 
section.person{
  margin: 0;
}

section.person .details{
  float: left;
  width: 40%;
  margin: 0;
}

.main section#content section.person .details h1{
  margin: 0;
  font-size: 1.3em;
}

.main section#content section.person .details h2{
  font-size: .9em;
}

section.person img.profile-picture{
  float: left;
  margin: 0 1em 0 1em;
  width: 6.5em;
}

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    padding: 10px;
}

footer#site-footer{
    color: black;
    padding: 2em;
    text-align: right;
    font-size: .8em;
font: 11px/1.1em Verdana,Tahoma,Arial,sans-serif;
}
address h3,
address p{
  font-size: .8em;
  margin: 0;
  padding: 0;
  color: #2f2f2f;
}
address h3{
}
section.link{
  width: 100%;
  border: 1px solid #C3C0BC;
  margin-bottom: 1em;
  padding: 0;
}
section.link a:link {
    color: #2f2f2f;}
section.link a:visited{
    color: #2f2f2f;}
section.link a:hover{color: #6D6D6D; outline:0}
section.link a:active{
  text-decoration: none;
}
section.link h3{
  border-left: 2em solid #F3C361;
  padding: 1em 1em;
  margin: 0;
  height: 100%;
}
section.highlight-link{
  background-color: #FEFAF2;
  margin: 1em 0;
}
section.highlight-link a{
  text-decoration: none;
  padding-top: 0.3em;
padding-right: 0.3em;
padding-bottom: 0.3em;
padding-left: 0.0em;
}
section.highlight-link .description{
  padding-top: 0.1em; margin-left: .8em;
}

section.highlight-link .post{
  padding-top: 0.1em; margin-right: .3em; margin-left: .3em;
}

section.highlight-link .post p{
  padding-top: 0.1em; margin-right: .3em; margin-left: .3em; 
}

.main section#content section.highlight-link .post h1{
  margin: .6em .3em .6em .3em;
  font-size: 1.6em;
}

aside.highlight .img-highlight{
  width: 100%;
  height: 9em;
  overflow: hidden;
}
aside.highlight img{
  width: 100%;
}
aside.highlight h2{
  font-size: .9em;
  margin: 0;
  padding: 0 .6rem;
}

aside.highlight p{
  font-size: .7em;
  margin: 0;
  height: 8em;
  padding: 0 .6rem;
}
aside.highlight2 .img-highlight{
  width: 100%;
  height: 9em;
  overflow: hidden;
}
aside.highlight2 img{
  width: 100%;
}
aside.highlight2 h2{
  font-size: .9em;
  margin: 0;
  padding: 0 .6rem;
}

aside.highlight2 p{
  font-size: .7em;
  margin: 0;
  height: 8em;
  padding: 0 .6rem;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {
    /* ====================
        INTERMEDIATE SCREEN SIZE
       ==================== */
    
    nav#secondary-navigation li{
      float: left;
    }

    nav#main-navigation {
      clear: both;
      background-color: #C19106;
    }
    nav#main-navigation a {
        float: left;
        padding: 10px 2%;
        margin-bottom: 0;
    }

    nav#main-navigation li:first-child a {
        margin-left: 0;
    }

    nav#main-navigation li:last-child a {
        margin-right: 0;
    }
    nav#main-navigation ul li {
        display: inline;
    }
}

@media only screen and (min-width: 768px) {

/* ====================
    WIDE SCREEN SIZE
   ==================== */

section.highlight-link img{
  width: 13em;
  float: left;
  margin-right: 1em;
}
section.highlight-link .description{
  margin-left: 14em;
}
    body {
        background: rgb(195, 192, 188);
    }
    
    .main section#content h1 {
        margin: 1.5em 0 2.5em 0;
    }
    nav#secondary-navigation ul{
      width: 100%;
    }
    nav#secondary-navigation li a,
    nav#secondary-navigation li a:hover,
    nav#secondary-navigation li a:visited,
    nav#secondary-navigation li a:active{
      padding: .5em 2em;
    }
    
    section.person{
        width: 33%;
        float: left;
    }
    nav#main-navigation a {
        margin-bottom: 10px;
    }
    aside.highlight{
      float: left;
      background-color: #FEFAF2;
      width: 23%;
      margin: 0 2% 0 0;
      padding: 0;
    }
aside.highlight2{
      float: left;
      background-color: #FFFFFF;
      width: 23%;
      margin: 0 2% 0 0;
      padding: 0;
    }
    #main-header-container{
      background-image: url('/res/doat/images/york-logo.png'), url('/res/doat/images/york-shield.png');
      background-position: 20px 25px, 20px 20px;
      background-size: auto;
      background-repeat: no-repeat;
    }
    #main-header{
        height: 5em;
        padding: 50px 0 0 3em;
    }
    #all-wrapper{
      width: 700px;
      background: white;
      margin: auto;
    }

    nav#main-navigation {
        margin-top: -3rem;
        float: right;
        background: none;
    }

    nav#main-navigation ul{
        float: right;
        text-align: right;
        width: 22em;
    }
    nav#main-navigation a,
    nav#main-navigation a.current{
      padding: 0 .6em;
      background-color: white;
      color: black;
      font-weight: normal;
      font-size: .8em;
    }
    nav#main-navigation a.current{
      font-weight: normal;
    
      }
    nav#main-navigation li a.current::before{
      content:"▾";
      position: relative;
      top: -3em;
      left: 50%;
    }
    nav#secondary-navigation{
      padding: 0;
      margin: 0;
      height: 1.8rem;
      width: 100%;
      float: left;
      clear: both;
      background: rgba(243, 193, 93, 0.973);
      border-bottom: 1px solid #423926;
      margin-top: 10px;
    }
    nav#secondary-navigation li a,
    nav#secondary-navigation li a:hover,
    nav#secondary-navigation li a:visited,
    nav#secondary-navigation li a:active{
      float: left;
      background: none;
      font-weight: normal;
      padding: 0 1.5em;
      font-size: .8em;
      margin: 0;
    }
    header#page-title img{
      width: 100%;
    }
    .main section#content {
        float: left;
        clear: both;
        padding: 0 12%;
        width: 76%;
        font-size: 0.9em;

    }
    .main section#content.home {
        padding: 0 2.5%;
        width: 95%;
    }

}

@media only screen and (min-width: 1140px) {
/* ===============
    MAXIMUM SCREEN SIZE
   =============== */
    nav#main-navigation ul{
      width: 35em;
    }
    nav#main-navigation a,
    nav#main-navigation a.current{
      padding: 0 2em;
    }
    nav#secondary-navigation ul{
          width: 50%;
          float: right;
          clear: both;
    }
    
        #all-wrapper{
            width: 890px;
    }

    .wrapper {
        margin: 0 auto;
    }
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}