head {
    width: auto;
}
body {
    font-family: 'Raleway Thin', sans-serif;
    background-color: #203040;
    color: white;
    /*text-align: center; */
    -webkit-border-radius: 10px;
    padding: 2px;
    margin: 1px;
    height: calc(100vh - 6px);
}

h1 {
    font-family: 'Alegreya Sans SC', sans-serif;
    color: aliceblue;
}

#pageID {
    font-family: 'Alegreya Sans SC', sans-serif;
    font-weight: 100;
    display: inline-block;
    font-size: 350%;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

#pageID a {
    text-decoration: none;
    color: inherit;
}

#content {
    padding: 3px;
    margin: 3px;
    background: #203040;
    text-align: left;
    -webkit-border-radius: 8px;
}

#content h2 {
    font-family: 'Alegreya Sans SC', sans-serif;
    margin-block: 4px;
    margin-left: 4px;
}

#content h4 {
    font-family: 'Alegreya Sans SC', sans-serif;
    margin-block: 1px;
    margin-left: 4px;
    padding: 0px;
}

#navigator {
    font-family: 'Alegreya Sans SC', sans-serif;
    vertical-align: top;
    padding: 0px 6px;
    text-align: left;
    display: table-cell;
    font-size: 185%;
    white-space: nowrap;
    height: calc(100vh - 84px);
}

#navigator ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#navigator li {
    padding-left: inherit;
}

#navigator a {
    text-decoration: none;
    color: inherit;
}

#articles {
    width: 100%;
    border: 2px solid white;
    background-color: white;
    color: #203040;
    -webkit-border-radius: 10px;
    display: table-cell;
    font-size: 100%;
}

#mainContent ul li {
    padding-bottom: 3px;
}

div.lander-img {
    float: right;
    width: 210px;
}
div.lander-img img {
    -webkit-border-radius: 5px;
    margin: 4px;
}
div.lander-img p {
    text-align: center;
    font-size: .5em;
    color: gray;
    margin: 0;
}

div.ki5gfu-img {
    float: right;
    width: 430px;
}
div.ki5gfu-img img {
    -webkit-border-radius: 6px;
    margin: 6px;
}
div.ki5gfu-img p {
    text-align: center;
    font-size: .5em;
    color: gray;
    margin: 0;
}


#mainContent a {
    text-decoration: none;
    color: inherit;
}

#technologies {
    margin-left: 20px;
    /* border: 1px #efeded solid; */
    -webkit-border-radius: 4px;
}

#technologies .tech {
    padding: 0px 4px;
    position: relative;
    display: inline-block;
}

#technologies .tech.active {
    cursor: pointer;
    display: inline-block;
    border-bottom: 1px dashed ghostwhite;
}

/* Tooltip text */
.tech .ttip {
    font-family: inherit;
    visibility: hidden;
    width: 160px;
    background-color: #203040;
    color: white;
    text-align: center;
    font-weight: 300;
    padding: 3px 0;
    border-radius: 6px;
    font-size: .8em;
    position: absolute;
    opacity: 1;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tech:hover .ttip {
    visibility: visible;
}

ul.project-highlights {
    font-family: 'Raleway Thin', sans-serif;
    font-weight: 200;
    /*font-size: 1.1em;*/
    font-width: 300;
}

ul.project-highlights div {
    font-family: 'Raleway Thin', sans-serif;
    font-size: 0.85em;
    font-style: italic;
    padding: 3px;
}

.embededPDF {
    width: calc(100% - 20px);
    height: calc(100vh - 180px);
}

.closer {
    font-weight: 300;
    font-size: 1.2em;
    cursor: pointer;
    float: right;
    color: darkred;
    margin-right: 4px;
    -webkit-transform: translateZ(0); /* webkit flicker fix */
    -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}

.closer .ttip {
    font-family: inherit;
    visibility: hidden;
    color: darkred;
    background: rgba(235, 235, 235, 1);
    text-align: center;
    padding: 2px;
    border: 1px darkred solid;
    border-radius: 4px;
    font-size: .6em;
    font-weight: 700;
    position: absolute;
    left: -35px;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.closer:hover .ttip {
    visibility: visible;
}

img.li-icon {
    height: 22px;
    width: 25px;
    background-image: url("/ico/bugbox.png");
    background-repeat: no-repeat;
}