@charset "utf-8";

body {
   font-family: 'FreeSans', 'TeX Gyre Heros', 'Helvetica', 'Arial', 'Open Sans', sans-serif;
   background-color: #F5F3EE;
   color: black;
   position: relative;
   margin: 0; padding: 0;
   font-size: 14px;
}

a, a:link {
   color: #BBEEFF;
   margin: 0;
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
}

#kckphoto {
   float: left;
   margin-right: 20px;
   margin-bottom: 20px;
}

#upperdiv h1 {
   font-size: 250%;
   margin-top: 0;
   color: white !important;
   text-shadow: 2px 2px 1px #666666;
}

#persinfo h4 {
   font-weight: normal;
}

#upperdiv {
   padding: 12px;
   background-color: #7D1935;
   color: #F5F3EE;
}

#topnav {
   list-style-type: none;
   background-color: #F5F3EE;
   -webkit-margin-before: 0; -webkit-margin-after: 0;
   padding: 10px;
   margin: 0;
   text-indent: 0;
}
#topnav li {
   display: inline-block;
}
#topnav li a, #topnav li a:link, #topnav li a:visited {
   color: white;
   text-decoration: none;
   background-color: #4A96AD;
   border-color: #4A96AD;
   border-radius: 12px;
   font-size: 150%;
   padding: 20px;
   margin: auto;
   margin-bottom: 8px;
   display: inline-block;
}
#topnav li a:hover, #topnav li a:link:hover, #topnav li a:visited:hover {
   text-decoration: underline;
   background-color: #7D1935;
}
#address h3, #contactinfo h3 {
   margin: 0;
   font-weight: normal;
   text-decoration: underline;
}
#address, #contactinfo {
   clear: both;
   display: inline-block;
   margin-right: 14px;
}
#contactinfo h4 {
   font-weight: normal;
   margin: 0;
   display: inline;
}
#lowerdiv h2 {
   margin-top: 12px;
   margin-bottom: 12px;
   background-color: #4A96AD;
   padding-left: 40px;
   padding-top: 0;
   padding-bottom: 0;
}
#lowerdiv h2 span {
   background-color: #F5F3EE;
   color: #7D1935;
   text-transform: uppercase;
   margin: 0;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 14px;
   padding-right: 14px;
   font-size: 120%;
}
#lowerdiv h3 {
   color: #7D1935;
   padding-left: 12px;
   padding-right: 12px;
   clear: both;
}
#lowerdiv li {
   color: #505050;
}
#lowerdiv #research li, #lowerdiv #teaching li {
   font-style: italic;
}
#lowerdiv a, #lowerdiv a:link, #lowerdiv li a, #lowerdiv li a:link {
   color: #7D1935; 
   font-style: normal;
}
#lowerdiv #research li div.abstract {
   padding: 4px;
   border: 1px dotted #505050;
   font-style: normal;
}
#lowerdiv #research .booktitle {
   font-style: italic;
   font-size: 110%;
   color: #7D1935;
}
#lowerdiv #research .articletitle {
   font-style: normal;
   font-size: 110%;
   color: #7D1935;
}
#lowerdiv #research .essaytitle  {
   font-style: normal;
   color: #7D1935;
}
#lowerdiv #research .articletitle:before, #lowerdiv #research .essaytitle:before {
   content: '“';
}
#lowerdiv #research .articletitle:after, #lowerdiv #research .essaytitle:after {
   content: '”';
}
#lowerdiv #research .reviewedtitle {
   font-style: italic;
   color: #7D1935;
}
#lowerdiv #research div.clickybuttons {
   margin-top: 10px;
   margin-bottom: 10px;
}
#lowerdiv #research div.clickybuttons a {
   border: 2px solid #4A96AD;
   padding: 5px;
   border-radius: 5px;
   margin-right: 1em;
}
#lowerdiv #research div.clickybuttons a:hover {
   cursor: pointer;
   background-color: #BBEEFF;
}
#research li {
   margin-bottom: 14px;
}
#lowerdiv #research .pubdetails {
   font-style: normal;
}
#lowerdiv #research .pubdetails .jtitle {
   font-style: italic;
   margin-right: 2px;
}
#lowerdiv p {
   padding-left: 12px;
   padding-right: 12px;
}
#editions ul li {
   margin-bottom: 10px;
}
#other ul li {
   font-style: normal;
}
.tex sub, .latex sub {
   vertical-align: -0.5ex;
   margin-left: -0.1667em;
   margin-right: -0.125em;
}

.tex, .latex, .tex sub, .latex sub {
   font-size: 1em;
}

.latex sup {
   font-size: 0.85em;
   vertical-align: 0.15em;
   margin-left: -0.36em;
   margin-right: -0.15em;
}
#footer {
   background-color: #7D1935;
   color: #A0A0A0;
   padding: 3px;
   font-size: 90%;
}

#bertie, #ladders {
   float: right;
   background-color: #404040;
   margin-left: 14px;
   margin-bottom: 14px;
}
.backnav {
   background-color: #4A96AD;
   margin-bottom: 1ex;
   padding: 0.5ex;
}
.backnav a, .backnav a:link {
   color: white;
   font-size: 120%;
}
.smallnote {
    font-size: 90%;
    color: #505050;
    padding-left: 24px;
    padding-right: 24px;
}


@media screen and (max-width: 560px) {
   body {
      font-size: 10px;
   }
   #lowerdiv h2 span {
      font-size: 100%;
   }
}