﻿
body {
    font-size: 2.4vh;
}

#divHome {
    height: 70vh;
}

.enterText {
    font-size: 150%;
}

.enterInput {
    width: 30vw;
    font-size: 150%;
}

.enterButton {
    font-size: 150%;
}

#sHeader {
    width: 100%;
    height: 8vh;
    position: fixed;
    top: 0;
    left: 0;
    padding: 2.5vh 4vw 0 4vw;
    text-align: center;
    background-color: white;
    z-index: 100;
}

#sHeaderName {
    text-align: left;
}

#sHeaderNameFull {
    padding-left: 1.0vw;
    font-size: 5vh;
}

#sHeaderNameLast {
    display: inline;
}

#sPageName {
    font-size: 5vh;
}

#sMenu {
    width: 13vw;
    height: auto;
    position: fixed;
    top: 15vh;
    left: 2vw;
    z-index: 100;
    list-style-type: none;
}

#sMenu li {
    margin-top: 4.0vh;
    font-size: 4.0vh;
    text-align: left;
}

.menuItem {
    background-color: white;
    color: darkblue;
    cursor: pointer;
}

.menuItem:hover {
    background-color: lightblue;
}

.menuCurrent {
    background-color: white;
    color: lightgreen;
    cursor: default;
}

.menuBlank {
    background-color: white;
    color: white;
    cursor: default;
}

#sBody {
    width: 70vw;
    height: 75vh;
    position: fixed;
    top: 14vh;
    left: 25vw;
    text-align: center;
    z-index: 90;
}

#sContent {
    width: inherit;
    height: inherit;
    position: relative;
    top: 0;
    overflow: auto;
    z-index: inherit;
}

#sFooter {
    width: 100%;
    height: 5vh;
    position: fixed;
    bottom: 0;
    left: 0;
    font-size: 2vh;
    text-align: left;
    background-color: lightgray;
    padding-top: 2.5vh;
    z-index: 100;
}

#cVCR {
    width: 100%;
    height: 12vh;
    position: absolute;
    bottom: 0;
    text-align: center;
}

#sVCR {
    width: 65%;
    margin: auto;
    font-size: 3.5vh;
}

    .vcrButton {
        font-size: 2.3vh;
    }

#iVCR {
    padding-top: 1.0vh;
}

#imagesPictures {
    height: 35vh;
}

.imagesTitle {
    width: 70%;
    margin: auto;
    font-size: 130%;
}

.albumComments {
    width: 80%;
    height: 85%;
    top: 8%;
    left: 10%;
}

.albumComment {
    width: 70%;
    height: 40%;
    top: 20%;
    left: 15%;
}

