/* this is a comment. here are things to remember: */
/* use classes when you have several (different types of) elements
   that all require the same styling
   (e.g. making a div, img, and table square)) */
/* use ids when only one element needs a certain styling
   (e.g. if you have many imgs and only one needs rounded corners) */
/*  id is more specific than class, so if you have both, id wins */

/* a.hover {} */
/* for footers use clear:both */
/* for headers use position:fixed to hold it at the top while other things scroll */


body {
    position:relative;
    z-index: 100;
}

.nav {
  position:fixed;
  float:right;
  width:100%;
  height:60px;
  border-bottom:2px solid black;
  padding-bottom:1%;
  background-color: white;
  top:0%;
  z-index: 999;
  right:1%;
  left:1%;
}

.nav ul {
  list-style-type:none;
  width:100%;
  text-align: right;
  float:right;
  padding-right:2%;
}

.nav li {
  display:inline;
  padding:1%;
  margin-bottom:2%;
  text-transform:uppercase;
  background-color: white;
}

a {
  text-decoration:none;
  font-size:22px;
  font-family:'Open Sans Condensed',sans-serif;
  color:black;
}

a:hover {
  color:#808080;
}

p a {
  font-weight:bold;
  font-size:22px;
}

p {
  font-size:22px;
  font-family:'Open Sans Condensed',sans-serif;
  color:black;
}

#mynameis {
  font-size:160px;
  font-family:'Amatic SC',cursive;
  color:black;
  text-align:right;
  position:relative;
  /*background-color: blue;*/
  margin:1%;
  margin-top:0%;
}

#about {
  position:relative;
  width:80%;
  text-align:right;
  float:right;
  margin:1%;
}

#advise {
  position:relative;
  width:80%;
  text-align:right;
  float:right;
  margin:1%;
}

#me {
  position:relative;
  height:90%;
  margin-top:10%;
}

.two-col {
  display:inline;
  width:100%;
  /*background-color: fuchsia;*/
}

.left {
  float:left;
  width:45%;
  left:1%;
  margin-top:5%;
  margin-bottom:1%;
  position:relative;
  /*background-color: aquamarine;*/
  z-index: 99;
  padding-top:0%;
}

.right {
  float:right;
  /*width:45%;*/
  height:600px;
  right:1%;
  margin-top:5%;
  margin-bottom:1%;
  margin-left:3%;
  margin-right:5%;
  position:relative;
  /*background-color: darkmagenta;*/
  z-index: 99;
  padding-top:0%;
}

#bottom {
  border-top:2px solid black;
  clear:both;
  float:right;
  width:100%;
  position:relative;
  /*background-color: darkorange;*/
  margin-top:1%;
}

#footer {
  text-align:left;
  float:left;
  width:100%;
  margin-left:1%;
  font-size:15px;
  padding:0%;
}

#pubs {
  padding-top:100px;
  padding-left:80px;
  width:90%;
  height:700px;
}

#publabel {
  text-transform:uppercase;
  float:left;
  width:100%;
  height:60px;
  padding-top:50px;
  font-size:22px;
}

#publist {
  width:100%;
  /*height:150px;*/
  /*padding-top:50px;*/
  display:inline-block;
}

#publist a {
  font-size:18px;
}

#ads {
    display:inline-block;
}

#blankspace {
  width:100%;
  height:30px;
  display:inline-block;
}

#pdfcv {
  text-transform:uppercase;
  width:100%;
  height:60px;
  display:inline-block;
}

span {
  font-weight:bold;
  font-size:30px;
}

#teaching {
  width:100%;
  height:600px;
}

.teach {
  padding-left:120px;
  position:relative;
  top:150px;
  text-align:center;
  margin-left:-150px;
  /*margin:auto;*/
}

.teach li {
  list-style-type:none;
  font-family:'Open Sans Condensed',sans-serif;
  font-size:18px;
}

.science {
  text-align:left;
  margin-left:2%;
}

#sciencelabel {
    display:inline-block;
    text-align:center;
    font-size:22px;
    font-weight:bold;
    width:100%;
}

#topsciencelabel {
    display:inline-block;
    text-align:center;
    height:60px;
    font-size:22px;
    font-weight:bold;
    margin-top:100px;
    width:100%;
}

#scitext {
    font-size:14px;
}

#scitext a {
    font-size:14px;
}

# scilabel {
    font-size:24px;
    font-weight:bold;
}

#DNGS {
    display:inline-block;
    background-color: aqua;
    width:100%;
    font-size:15px;
}

#dfphoto {
    width:400px;
}

#DNGS a {
    font-size: 16px;
}

#DNGS p {
    font-size: 16px;
    margin-right: 5%;
}

#stellarhalos {
    display:inline-block;
    width:100%;
}

#stellarhalos a {
    font-size: 16px;
}

#stellarhalos p {
    font-size: 16px;
    margin-right: 5%;
}

#fhalo {
    width:650px;
    background-color:white;
}

#m101 {
    width:500px;
    background-color:white;
}

#LSBGUDG a {
    font-size: 16px;
}

#LSBGUDG p {
    font-size: 16px;
    margin-right: 5%;
}

#lsbgs {
    width:90%;
    background-color:white;
}

#largeblock {
    background-color:aquamarine;
}

#tinyblock {
    background-color:aqua;
    display:inline-block;
    width:500px;
}

#contact {
  width:100%;
  height:600px;
}

.contactdeets {
  padding-left:120px;
  padding-bottom:0px;
  position:relative;
  top:25%;
  text-align:center;
  margin-left:-150px;
}

.contactdeets li {
  list-style-type:none;
  font-family:'Open Sans Condensed',sans-serif;
  font-size:22px;
}

#contactname li {
  font-weight:bold;
}

#contact span {
  font-size:20px;
}

@media screen and (max-width: 1100px) {
    .left {
        float:none;
        left:5%;
        width:100%;
        margin-right:10%;
        display:inline-block;
        text-align:center;
    }
    
    #mynameis {
        text-align:left;
    }
    
    #about {
        text-align:left;
        float:none;
    }
    
    #advise {
        text-align:left;
        float:none;
    }
    .right {
        float:none;
        left:3%;
        width:100%;
        margin-top:0;
        display:inline-block;
        text-align:left;
    }
}