@font-face {
  font-family: 'museo-sans-rounded';
  src: url('//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-300-webfont.eot');
  src: url('//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-300-webfont.eot?#iefix') format('embedded-opentype'), url('//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-300-webfont.woff') format('woff'), url('//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-300-webfont.ttf') format('truetype'), url('//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-300-webfont.svg#museo_sans_rounded300') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'museo-sans-rounded';
  src: url('//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-500-webfont.eot');
  src: url('//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-500-webfont.eot?#iefix') format('embedded-opentype'), url('//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-500-webfont.woff') format('woff'), url('//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-500-webfont.ttf') format('truetype'), url('//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-500-webfont.svg#museo_sans_rounded500') format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'museo-sans-rounded';
  src: url('//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-700-webfont.eot');
  src: url('//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-700-webfont.eot?#iefix') format('embedded-opentype'), url('//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-700-webfont.woff') format('woff'), url('//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-700-webfont.ttf') format('truetype'), url('//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-700-webfont.svg#museo_sans_rounded700') format('svg');
  font-weight: 700;
  font-style: normal;
}


body {
  color: #333333;
    font-family: Georgia,Cambria,"Times New Roman",Times,serif;
    font-size : 20px;
    line-height: 1.6;
    background-color : #ffffff ;
    min-width : 400px ;
    min-height : 200px ;
    padding :0 ;
    margin : 0 auto;
    display : block ;
}

a:link    { color : #333333 ; text-decoration : underline ;      }
a:hover   { color : #999999 ; text-decoration : underline ; }
a:visited { color : #999999 ;                               }

h1 a { color : inherit !important }
h2 a { color : inherit !important }
h3 a { color : inherit !important }
h4 a { color : inherit !important }
h5 a { color : inherit !important }
h6 a { color : inherit !important }
table {
  margin: 0px auto;
  clear: both;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.15);;
  border-radius: 6px;
  border-spacing: 0;
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 15px;
}
td, th {
  border: none;
}
td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
td:last-child {
  border-right: none;
}
tr:last-child td {
  border-bottom: none;
}
th {
  background: #eeeeee;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

th:first-child {
    border-radius: 6px 0 0 0;
}
th:last-child {
    border-radius: 0 6px 0 0;
}
code {
    font-size: 15px;
}

pre {
    margin : 2em 1em 2em 4em ;
}

sup {
    position: relative;
    top: -5px;
    vertical-align: baseline;
}

section {
    padding: 30px 0;
}
.clearfix {
  overflow: auto;
  zoom: 1;
}
.blue {
  color: #1caff6;
}
.inner {
    padding: 0 20px;
}

header#banner {
    background-image: url('../images/grid.svg'),linear-gradient(to bottom, #09D7E5, #0DA6E5);
    background:
      url("//d7mj4aqfscim2.cloudfront.net/images/about/research-left.svg") left bottom no-repeat,
      url("//d7mj4aqfscim2.cloudfront.net/images/about/research-right.svg") right bottom no-repeat, #1caff6;
    font-size: 27px;
    text-align: center;
    height: 200px;
}

header#banner a {
    display: block;
    padding-bottom: 22px;
    text-decoration: none;
}

header#banner a h1 {
    font-size: 27px;
    font-weight: 500;
    color: #ffffff;
    margin: 0;
    padding: 35px 0 15px 0;
}

header#banner a:hover{
    text-decoration: none;
}

header#banner a h1 img {
    vertical-align: middle;
}
h1, h2, h3, .post-info address, .date, footer, .paginator {
  font-family: "museo-sans-rounded";
}
h2.gray {
    font-size: 14px;
    font-weight: 700;
    color: #999999;
    text-transform: uppercase;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    width: 700px;
    margin: 0 auto;
}

#menu li {
    display : inline ;
}

#post-list {
    margin-bottom : 40px ;
    margin-top : 40px ;
    padding: 0;
}

#post-list li {
    list-style-type: none;
    vertical-align: top;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 40px;
    margin-bottom: 50px;
}

.hentry code, .entry-container code {
    background: #f3f3f3;
    padding: 2px 4px;
    margin: 0 2px;
}
.hentry .images, .entry-container .images {
    text-align: center;
    margin: 20px auto;
    display: block;
    max-width: initial;
}

.images.one img{
    max-width: 100%;
}
.images.two img{
    max-width: 48%;
}
.images.three img{
    max-width: 30%;
}
.images.four img{
    max-width: 22%;
}

.entry-container img, .hentry img {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.07);
    margin: 0 1%;
    border-radius: 5px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.share-container {
    margin-top: 50px;
    text-align: center;
}

.share-container img {
    height: 50px;
    width: 50px;
    border-radius: 25px;
    border: 0;
    margin: 0 12px;
}

.share-container img:hover {
    background-color: #ddd;
}

.hentry .entry-content h1, .hentry .entry-content h2, .hentry .entry-content h3, .hentry .entry-content h4 {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}

.hentry p {
    margin: 5px auto 10px auto;
}
.hentry a.blue {
  color: #1caff6;
}


h2.entry-title, h2.entry-title a {
    font-size: 36px;
    line-height: 1.3;
    margin-bottom: 10px;
    text-decoration: none;
}
h2.entry-title a:hover {
    text-decoration: none;
}
.hentry h2.entry-title, .hentry h2.entry-title a {
  font-size: 27px;
}

.date {
    position: absolute;
    width: 60px;
    height: 60px;
    padding: 10px;
    background: #f3f3f3;
    border-radius: 4px;
    color: #999999;
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    right: calc(50% + 370px);
}
.footnote {
    font-size: 15px;
}

.post-info address{
    color: #999999;
    font-weight: 300;
    font-size: 15px;
    font-style: normal;
}

.post-info address a{
    color: #999999;
}

.hentry .entry-content {
    margin-top: 25px;
}

.entry-content {
    margin-top: 60px;
    font-weight: 300;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 {
    margin: 50px auto 10px auto;
    font-weight: 300;
}
.entry-content *, h2.entry-title, .post-info, #post-list {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.entry-content img {
  width: auto;
}

.entry-content .table-container {
    width: 100%;
}

.entry-content center {
  font-size: 15px;
  margin: 20px auto 5px auto;
  width: 100%;
}
.entry-content center * {
  margin: 0 auto;
  position: relative;
}
.entry-content h2 {
  font-weight: 700;
  font-size: 30px;
}
.entry-content h3 {
    font-weight: 700;
    font-size: 24px;
}
.table-container {
  overflow-x: scroll;
}
.inner {
    margin: 0 auto;
}

.paginator {
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    margin: 30px 0 10px 0;
}

.well {
    min-height: 20px;
    padding: 14px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}
.notice {
    text-align: center;
    font-family: "museo-sans-rounded";
    font-size: 17px;
}

address#about {
    font-size: 13px;
    color: #999999;
    font-weight: 300;
    text-align: center;
    font-style: normal;
}

address#about a {
    color: #999999;
}

address#about .footer-items {
    margin: 0;
    padding: 20px 0;
}
address#about .footer-items li{
    display: inline;
    list-style-type: none;
    margin: 0 10px;
}

footer#contentinfo {
    position: relative;
    width: 100%;
    margin-top: 100px;
}
footer#contentinfo a {
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}
img[data-action="zoom"] {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}
.zoom-img,
.zoom-img-wrap {
  position: relative;
  z-index: 666;
  -webkit-transition: all 300ms;
       -o-transition: all 300ms;
          transition: all 300ms;
}
img.zoom-img {
  cursor: pointer;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
}
.zoom-overlay {
  z-index: 420;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  filter: "alpha(opacity=0)";
  opacity: 0;
  -webkit-transition:      opacity 300ms;
       -o-transition:      opacity 300ms;
          transition:      opacity 300ms;
}
.zoom-overlay-open .zoom-overlay {
  filter: "alpha(opacity=100)";
  opacity: 1;
}
.zoom-overlay-open,
.zoom-overlay-transitioning {
  cursor: default;
}



/**
 * What follows is the CSS for syntax highlighting.
 * This is based off of pygment's "friendly" style and was created like this:
 *
 *  pygmentize -S friendly -f html -a .highlight
 *
 * You may change this, but bear in mind that you might not see the effect of all these
 * classes for all code snippets.
 */

.highlight .hll { background-color: #ffffcc }
.highlight  { background: #f0f0f0; }
.highlight .c { color: #60a0b0; font-style: italic } /* Comment */
.highlight .err { border: 1px solid #FF0000 } /* Error */
.highlight .k { color: #007020; font-weight: bold } /* Keyword */
.highlight .o { color: #666666 } /* Operator */
.highlight .cm { color: #60a0b0; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #007020 } /* Comment.Preproc */
.highlight .c1 { color: #60a0b0; font-style: italic } /* Comment.Single */
.highlight .cs { color: #60a0b0; background-color: #fff0f0 } /* Comment.Special */
.highlight .gd { color: #A00000 } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #FF0000 } /* Generic.Error */
.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.highlight .gi { color: #00A000 } /* Generic.Inserted */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.highlight .gt { color: #0044DD } /* Generic.Traceback */
.highlight .kc { color: #007020; font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: #007020; font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: #007020; font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: #007020 } /* Keyword.Pseudo */
.highlight .kr { color: #007020; font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #902000 } /* Keyword.Type */
.highlight .m { color: #40a070 } /* Literal.Number */
.highlight .s { color: #4070a0 } /* Literal.String */
.highlight .na { color: #4070a0 } /* Name.Attribute */
.highlight .nb { color: #007020 } /* Name.Builtin */
.highlight .nc { color: #0e84b5; font-weight: bold } /* Name.Class */
.highlight .no { color: #60add5 } /* Name.Constant */
.highlight .nd { color: #555555; font-weight: bold } /* Name.Decorator */
.highlight .ni { color: #d55537; font-weight: bold } /* Name.Entity */
.highlight .ne { color: #007020 } /* Name.Exception */
.highlight .nf { color: #06287e } /* Name.Function */
.highlight .nl { color: #002070; font-weight: bold } /* Name.Label */
.highlight .nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */
.highlight .nt { color: #062873; font-weight: bold } /* Name.Tag */
.highlight .nv { color: #bb60d5 } /* Name.Variable */
.highlight .ow { color: #007020; font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mb { color: #40a070 } /* Literal.Number.Bin */
.highlight .mf { color: #40a070 } /* Literal.Number.Float */
.highlight .mh { color: #40a070 } /* Literal.Number.Hex */
.highlight .mi { color: #40a070 } /* Literal.Number.Integer */
.highlight .mo { color: #40a070 } /* Literal.Number.Oct */
.highlight .sb { color: #4070a0 } /* Literal.String.Backtick */
.highlight .sc { color: #4070a0 } /* Literal.String.Char */
.highlight .sd { color: #4070a0; font-style: italic } /* Literal.String.Doc */
.highlight .s2 { color: #4070a0 } /* Literal.String.Double */
.highlight .se { color: #4070a0; font-weight: bold } /* Literal.String.Escape */
.highlight .sh { color: #4070a0 } /* Literal.String.Heredoc */
.highlight .si { color: #70a0d0; font-style: italic } /* Literal.String.Interpol */
.highlight .sx { color: #c65d09 } /* Literal.String.Other */
.highlight .sr { color: #235388 } /* Literal.String.Regex */
.highlight .s1 { color: #4070a0 } /* Literal.String.Single */
.highlight .ss { color: #517918 } /* Literal.String.Symbol */
.highlight .bp { color: #007020 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #bb60d5 } /* Name.Variable.Class */
.highlight .vg { color: #bb60d5 } /* Name.Variable.Global */
.highlight .vi { color: #bb60d5 } /* Name.Variable.Instance */
.highlight .il { color: #40a070 } /* Literal.Number.Integer.Long */

@media all and (max-width: 840px) {
    .entry-container img{
        max-width: 100% !important;
        margin: 0 auto;
    }
  }
@media all and (max-width: 700px) {
    body {
      font-size: 17px
    }
    h2.entry-title, h2.entry-title a {
      font-size: 27px;
    }
    header#banner {
      background: #1caff6;
    }
    .hentry, .entry-container {
        margin-left: 0px !important;
    }
    .date {
        float: none !important;
        margin-bottom: 17px !important;
        display: block !important;
        width: initial !important;
        height: initial !important;
    }
    .entry-content *, h2.entry-title, .post-info, .post-info, #post-list, h2.gray {
      width: 100%;
    }
    .entry-content ol, .entry-content ul {
      width: 90%;
    }
}

@media all and (max-width: 480px) {
    h2.entry-title, .hentry h2.entry-title {
        font-size: 24px !important;
        line-height: 28px !important;
        margin: 0 0 5px 0;
    }
    address#about .footer-items {
        padding: 0 !important;
    }
    address#about .footer-items li{
        display: block !important;
        font-size: 15px;
        font-weight: 500;
        border-bottom: 1px solid #e4e4e4;
    }
    address#about .footer-items li a{
        display: block;
        width: 100%;
        padding: 15px 0;
    }
    .table-container {
      margin: 0 -20px;
      padding: 0 20px;
    }

}