html {
    font-family: "helvetica";
    font-size:14px;
}

/*top bar and nav tools*/
h1 {
    width:90%;
    margin-left:5%;
}

h1:hover {
    cursor:pointer;
}

h2 {
    font-weight:100;
    text-align:center;
    font-family:"helvetica"
}

#topNav {
    position:fixed;
    font-size:13px;
    border-bottom:1px solid rgba(255,255,255);
    border-top:1px solid rgba(255,255,255);
    width:100%;
    background:white;
    opacity:0.92;
    z-index:0;
}

#topNav h1{
    width:100%;
    margin-left:0;
}

#MainButton {
    margin-left:50px;
    font-size:45px;
    font-weight:100;
    display:inline-block;
    margin-right:50px;
    margin-top:0;
    margin-bottom:0;
    padding-top:4px;
    background-color:NA;
    border:0px;
    position:absolute;;
    z-index:10;
}

#FakeButton {
    margin-left:50px;
    font-size:45px;
    font-weight:100;
    display:inline-block;
    margin-right:50px;
    margin-top:0;
    margin-bottom:0;
    padding-top:4px;
    background-color:white;
    border:0px;
}

#topNav p {
    display:inline-block;
    margin-left:3%;
    font-size:17px;
    font-weight:300;
    font-family:"helvetica";
}

#topNav p:hover {
    color:rgba(247,218,29);
    cursor:pointer;
}

/*Landing Page/Bio & Portrait*/
.postBox {
    width:40%;
    margin-left:10%;
    margin-top:10%;
    padding:5px;
    display: inline-block;
}

.textbox {
    display:inline-block;
    width: 40%;
    margin-top:20%;
    margin-left:1%;
    vertical-align:top;
    font-size:1em;
}

.postBox img {
    width:100%;
}

/*Research Area*/
.research_body{
 display:none;
}

.research_head .titlePic{
    display:inline-block;
}

.research_head:hover{
 background-color:rgba(255,255,255);
 cursor:pointer;
}

#Research {
    display: inline-block;
}

#research {
    width:70%;
    margin-left:15%;
}

#research a:link{
	color:rgba(0,0,0);
}
#research a:visited{
	color:rgba(140,140,140);
}
#research a:hover{
	color:rgba(80,80,80);
}
#research a:active{
	color:rgba(0,0,0);
}



#Research p {
    width:70%;
    margin-left:15%;
    margin-top:3vh;
    margin-bottom:3vh;
}

#Research h1 {
    border-bottom:1px solid black;
    margin-top:5%;
    font-size:45px;
    font-weight:100;
    text-align:center;
    font-family:"helvetica";
    background-color:rgba(255,255,255);
    border-bottom:1px solid black;
    text-align:left;
}

#Research h2 {
    border-top: 1px solid black;
}

.titlePic {
    display:block;
    margin-left:20%;
    width:60%;
}

.postPic {
    width:40%;
}

#cladeMap {
    max-width:50%;
    margin-top:5vh;
    display:block;
    margin-left:auto;
    margin-right:auto;
    clear:both;
    background:none;
    z-index:-1;
}

#Research1 {
    width:70%;
    margin-left:15%;
    margin-left:15%;
}

/*Photography stuff*/
#Photography {
    display: inline-block;
    width:100%;
}

#Photography h1{
    margin-top:5%;
    font-size:45px;
    font-weight:100;
    text-align:center;
    font-family:"helvetica";
    background-color:rgba(255,255,255);
    border-bottom:1px solid black;
    text-align:left;
}

#subtitle {
    text-align:center;
}

#gallery {
    width:80%;
    margin-left:10%;
	margin-right:10%;
    clear:both;
}

.thumbnail {
    display:inline-block;
    padding:5px;
    height:150px;

}

.thumbnail img{
    height:100%;
    display:block;
    margin-left:auto;
	margin-right:auto;
}

.thumbnail:hover {
    background-color:green;
}

#largeImage {
	display:none;
	position:fixed;
	z-index:2;
    height:80%;
    top:5%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:5% auto;
}

#largeImage img {
    max-height:100%;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

#largeImageURL{
	max-height:100%;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.caption {
    display:none;
}

#captionBox {
    display:block;
    position:relative;
    width:70%;
    height:10%;
    top:5px;
    border-top:1px solid black;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    padding:15px;
    opacity:1;
}

#shadowBox {
    display:none;
    position:fixed;
    width:105%;
    height:100%;
    background-color:white;
    top:0;
    opacity:0.95;
    z-index:1;
    margin-left:-15px;
}

#nextArrow {
    display:none;
    z-index:14;
    position:fixed;
    top:45%;
    right:8%;
    font-size:4em;
    cursor:pointer;
}

#prevArrow{
    display:none;
    z-index:14;
    position:fixed;
    top:45%;
    left:8%;
    font-size:4em;
    cursor:pointer;
}

/*Resume section*/
#Resumetitle{
    margin-top:5%;
    font-size:45px;
    font-weight:100;
    text-align:center;
    font-family:"helvetica";
    background-color:rgba(255,255,255);
    border-bottom:1px solid black;
    text-align:left;
}

#Resume a{
    color:black;
}

#Resume h1{
    font-family:"helvetica";
    font-weight:100;
}

#Resume h2{
    font-family:"helvetica";
    font-weight:300;
    text-align:left;
}

#resumeLink {
    display:block;
    text-align:center;
}

#resumePic {
    max-width:70%;
    margin-left:15%
}

#Resume p {
    text-align:center;
    margin-top:2%;
}

#htmlcv {
    width:70%;
    margin-left:15%;
    line-height: 1;
}
#Contact {
    width:100%;
    text-align:center;
}

#Contact h1 {
    text-align:left;
    border-bottom:1px solid black;
    margin-top:5%;
}

#Code h1{
    font-size:45px;
    font-weight:100;
    text-align:center;
    font-family:"helvetica";
    background-color:rgba(255,255,255);
    border-bottom:1px solid black;
    text-align:left;
}

#intro p{
    display:inline-block;
    clear:both;
    width: 40%;
    margin-left:2%;
    margin-right:5%;
    margin-top:12%;
}

#intro figure {
 display:inline-block;
 max-width:80%;
 margin-top:5%;
 margin-left:10%;
 margin-top:10%;
}

#intro figcaption {
    margin-top:12%;
    text-align: center;
}

#intro img {
 display:inline-block;
 max-width:45%;
 margin-left:2.5%;
 margin-top:5%;
}

#cv {
 width:80%;
 height:80vh;
 margin-left:10%;
}