/* ///////// BODY ///////// */

html {
    overflow-y: scroll;

}
body {
    line-height: 1;
    font-family: 'Lato', sans-serif;
    padding: 0;
    width: 100%;
    text-align: center;
    margin: 0;
}
#centered {
    text-align: left;
    max-width: 800px;
    margin: 0 auto;
    min-height: 100%;
    padding: 20px;
}
a{
    color:#000;
}
a:visited {
    color: #935cde;
}
a:hover {
    color: #008cd6;
}

/* ///////// HEADER ///////// */

#header {
    padding-bottom: 50px;
}
#headertitle {
    font-family: 'Raleway', sans-serif;
    font-size: 30pt;
    margin-bottom: 25px;
}
.headerinfo {
    margin-bottom: 15px;
}
#headercontact {
    margin-bottom: 15px;
}

/*HEADER CONTACT BUTTONS */
.imagebutton {
    width: 40px;
    height: 40px;
    display: inline-block;
}
#linkedinbutton {
    background: transparent url('site_resources/site_graphics/linkedin_circle_black_128.png') center top no-repeat;
    background-size: 40px;
}
#linkedinbutton:hover {
    background-image: url('site_resources/site_graphics/linkedin_circle_blue_128.png');
    background-size: 40px;
}
#instagrambutton {
    background: transparent url('site_resources/site_graphics/instagram_circle_black_128.png') center top no-repeat;
    background-size: 40px;
}
#instagrambutton:hover {
    background-image: url('site_resources/site_graphics/instagram_circle_blue_128.png');
    background-size: 40px;
}
#emailbutton {
    background: transparent url('site_resources/site_graphics/mail_black_128.png') center top no-repeat;
    background-size: 40px;
}
#emailbutton:hover {
    background-image: url('site_resources/site_graphics/mail_blue_128.png');
    background-size: 40px;
}

/* Nav Menu */
#headermenu {
        margin-bottom: 15px;
    font-weight: 700;
}
#headersubmenu{
    position: static;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
    width: 100%;
}
.menuitem {
    display: inline;
    margin-right: 15px;
    font-weight: 700;
    text-decoration: none;
}
.menuitem a {
    text-decoration:overline;
    color: #000;
}
.menuitem a:visited {
    color: #000;
}
.menuitem a:hover {
    color: #008cd6;

}
#activeitem a{
    color: rgba(0, 140, 214, 0.5);
}

/* ///////// CONENT ///////// */

#content {
    width: 100%;
    position: relative;

}

/* Image Showcase*/
.imageshowcase {
    width: 350px;
    max-width: 100%;
    display: inline;
    padding-top: 20px;
    padding-right: 20px;
}
.imageshowcase_full {
    width: 100%;
    display: inline;
    padding-bottom: 20px;
    padding-top: 20px;
    
}

/* Jump to Top*/
.jump{
    text-align: center;
    padding-top: 20px;
}
.jump a{
    text-decoration: none;
}
.jump a:visited{
    color:#000;
}
.jump a:hover {
    color: #008cd6;
}
#jump {
    position: absolute;
    top: 0;
}

.fourohfour{
    font-size: 40pt;
    font-weight: 700;
    padding-bottom: 10px;
}