@font-face {
    font-family: 'PrintChar21Medium';
    src: url('printchar21-webfont.eot');
    src: local('PrintChar21Medium'),
         local('PrintChar21'),
         url('printchar21-webfont.eot?#iefix') format('embedded-opentype'),
         url('printchar21-webfont.woff') format('woff'),
         url('printchar21-webfont.ttf') format('truetype'),
         url('printchar21-webfont.svg#PrintChar21Medium') format('svg');
}

@font-face {
    font-family: 'PhosphatePro-Inline';
    src: url('PhosphatePro-Inline.eot');
    src: local('PhosphatePro-Inline'),
         url('PhosphatePro-Inline.eot') format('embedded-opentype'),
         url('priPhosphatePro-Inline.woff') format('woff'),
         url('PhosphatePro-Inline.ttf') format('truetype');
}

@font-face {
    font-family: 'Roundo-ExtraLight';
    src: url('Roundo-ExtraLight.eot');
    src: local('Roundo-ExtraLight'),
         url('Roundo-ExtraLight.eot') format('embedded-opentype'),
         url('Roundo-ExtraLight.woff') format('woff'),
         url('Roundo-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Roundo-SemiBold';
    src: url('Roundo-SemiBold.eot');
    src: local('Roundo-SemiBold'),
         url('Roundo-SemiBold.eot') format('embedded-opentype'),
         url('Roundo-SemiBold.woff') format('woff'),
         url('Roundo-SemiBold.ttf') format('truetype');
}


.slateblue {
    color: #466C7F;
}

body {
    font-family: "Roundo-ExtraLight";
    line-height: 1.4em;
}


.name {
    font-family: "PhosphatePro-Inline";
    line-height: 3.2em;
}
    .name .first {
        font-size: 4em;
        display: block;
    }
    .name .last {
        font-size: 2.75em;
    }

.terminal {
    font-family: "PrintChar21Medium";
    font-size: 1.0em;
    line-height: 1.7em;
    color: #466C7F;
}

.via {
    width: 100%;
    border-top: 1px solid #ccc;
    font-family: "PrintChar21Medium";
    font-size: 0.8em;
    color: #466C7F;
}
.via-data {
    font-weight: bold;
    font-family: "Roundo-SemiBold";
    color: #3B2F3F;
}

.via-tech {
    font-size: 0.8em;
}

.via-tech + .via-data {
    float: right;
    font-family: "Roundo-SemiBold";
    text-align: right;
    /* font-size: 0.9em; */
    right: 0px;
    display: block;
}

.job {
}

.job-title {
    font-family: "Roundo-SemiBold";
    line-height: 1.2em;
}

.job-timeline {
    float: right;
    font-family: "Roundo-SemiBold";
    text-align: right;
    /* font-size: 0.9em; */
    right: 0px;
    display: block;
}

.job-location {
    font-family: "Roundo-SemiBold";
    line-height: 1.2em;
}

ul.detail li {
    padding-bottom: 0.8em;
}

.job-body {
    /* font-size: 0.9em; */
}

.education {
    /* font-size: 0.9em; */
}

.organizations {
    /* font-size: 0.9em; */
}

.etc {
    /* font-size: 0.9em; */
}

.onebox {
    position: relative;
    width: 100%;
}

.binary {
    position: absolute;
    width: 100%;
}

.carrier {
    position: absolute;
    width: 100%;
    padding-left: 5em;
    padding-right: 5em;
}

.padded-white {
    background: white;
    padding-left: 4em;
    padding-right: 4em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;

}

.tech-arrow {
    font-size: 0.8em;
}

div.job-tech {
    font-size: 0.8em;
    position: absolute;
    border-top: 1px solid #ccc;
}

.job-right {
    position: absolute;
    right: 0;    border-right: 1px solid #ccc;

}

.job-right .arrows::after {
    content: "<<< Tech";
}

.job-left {
    margin-left: -18.6666667%;
    margin-right: 1.25em;
    border-left: 1px solid #ccc;
}

.tech-word {
    top: 0;
    position: absolute;
}
.tech-arrow {
    position: relatve;
}

.tech-arrow .arrows {
    top: 0;
}
.job-left .tech-arrow .arrows {
    position: absolute;
    right: 0;
    top: 0;
}
.job-left .arrows::after {
    content: ">>>";
}

ul.job-tech {
    padding: 0;
    margin-left: 1em;
}

ul.job-tech li {
    list-style: none;
    line-height: 1.25em;
}

.tech-arrow {
    position: relative;

}
.tech-arrow .tech {
    position: absolute;
    top: 0;
    right: 1.5rem;
}

ul.detail {
    padding-left: 5.0em;
    padding-right: 5.0em;
}