/* color scheme: 122a3e, 5e778d, f0f1cf, f2c164, db4442 */

body {
  font-family: 'Roboto Slab', sans-serif;
  font-weight: 300;
  /*-webkit-text-size-adjust: 100%;*/
  background-image: url("images/SubtleGreyBackground.jpg");
}

h1 { font-weight: 400; }
h2 { font-weight: 300; }
h3 { font-weight: 200; }
h4 { font-weight: 100; }
li{list-style: none;}
.news li {list-style: circle;}

a { text-decoration: none; border-bottom: dotted 1px; }
a:visited { color: #5e778d; }
a:link { color: #122a3e; }
a.covert { border: none; }

.research table {
  font-family: 'Roboto Slab', sans-serif;
  -webkit-text-size-adjust: 100%;
  font-weight: 300;
}

.bibtex {
  overflow-x: scroll;
}
.research th {vertical-align: top; margin-top: 5px; max-width: 100px; padding-top:0px;}
.research td {font-weight: normal; max-width: 500px;}
/* .research li {padding-top: 10px; padding-bottom: 0px;}
.research .rheader {float: left; position:relative; top:-10px; left:-40px;} */

/*div.sidebar { width: 200px; float: left; vertical-align: top; margin-left: 50px; }
div.main { vertical-align: top; margin-left: 300px; margin-right: 50px; }*/
div.note { vertical-align: top; margin-left: 20px; margin-right: 20px; }

div.sidebar {width:100%;}
div.main {width:100%;}



div.picture { margin: 15px 0; }
div.contact { font-size: 16px; }
div.name { }

.contact dt { margin-top: 20px; color: #2980b9; }
.contact dd { margin-left: 0 5;}

.researchd {width:100%; margin-left: 50px;}

@media all and (min-width: 960px) {
  div#main { width: 960px; margin: 35px auto; }
  div#overview { width: 960px;}
  div.main { width: 960px; vertical-align: top; margin-left: 300px; margin-right: 50px;}
  div.sidebar { width: 200px; float: left; vertical-align: top; margin-left: 50px; }
  div.note { width: 960px; margin-left: 200px; margin-right: 200px; }
  div#people { display: inline-block; vertical-align: top; width: 310px; }
  div#projects { display: inline-block; vertical-align: top; width: 640px; }
  div#footer { width: 950px; }
  div.researchd{widrh: 960px; margin-left: 200px; margin-right: 50px;}
  .event .date { font-weight: 100; display: inline-block; vertical-align: top; width: 120px; }
  .event .desc { display: inline-block; vertical-align: top; width: 830px; }
}

@media all and (min-width: 640px) and (max-width: 959px) {
  div#ndbrandbar ul { width: 630px !important; }
  div#main { width: 640px; margin: 35px auto; }
  div.main { width: 640px; margin: 35px auto; }
  div#note { width: 640px; margin: 35px auto; }
  div#people { display: inline-block; vertical-align: top; width: 310px; }
  div#projects { display: inline-block; vertical-align: top; width: 320px; }
  div#footer { width: 630px; }
  .event .date { font-weight: 100; display: inline-block; vertical-align: top; width: 120px; }
  .event .desc { display: inline-block; vertical-align: top; width: 510px; }
}

@media all and (max-width: 639px) {
  div#ndbrandbar ul { width: 310px !important; }
  div#main { width: 320px; margin: 35px auto; }
  div.main { width: 320px; margin: 35px auto; }
  div#note { width: 320px; margin: 35px auto; }
  div#people { width: 310px; }
  div#projects { width: 320px; }
  div#footer { width: 310px; }
  .event .date { font-weight: 100; }
  .event .desc { }
}

div#overview { margin: 5 5px;}
img#pphoto{width: 230px; float: left; left:0; right:5; top:0; -webkit-border-radius: 4px; border-radius: 4px; -moz-border-radius: 4px; padding-bottom: 30;}
.school{width:50px; float: right; -webkit-border-radius: 4px; border-radius: 4px; -moz-border-radius: 4px; }
/* People */

pre { overflow-x: scroll; }