@font-face {
    font-family: Retroica;
    src: url('/fonts/Retroica.woff');
}
@font-face {
    font-family: Gravity-Regular;
    src: url('/fonts/Gravity-Regular.woff');
}
body {
    font-family: Gravity-Regular;
    font-size: 14pt;
    background-color: #fff;
    margin: 0px 0px;
    padding: 0px;
}
a {
    color: #7d339e;
    text-decoration: none;
    font-weight: bold;
}
div.topbar {
    display: inline-block;
    flex: 0 1 auto;
    background-color: #8b57a2;
    width: 100%;
}
div.topbarinner {
    display: block;
    /* padding: 15px; */
    color: #fff;
    font-weight: bold;
}
div.topbuttonbar {
    color: #fff;
    float: left;
    padding-top: 2px;
}
div.topbuttonbar a {
    color: #fff;
    text-shadow: 2px 2px #000000aa;
}
div.topbuttonbar ul {
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
div.topbuttonbar ul > li {
    display: inline;
    padding: 10px 12px;
    margin: 0px;
}
div.topbuttonbar ul > li:hover {
    background-color: #7d339e;
}
.topsocialbar {
    color: #fff;
    float: right;
    padding: 10px 15px;
}
div.body {
    display: flex;
    flex-flow: column;
    height: 100%;
}
div.content {
    padding: 15px;
}
div.content_block {
    display: flex;
    flex: 1 1 auto;
    flex-flow: row;
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-collapse: collapse;
}


div.gentime {
    display: block;
    flex: 0 1 auto;
    background-color: #000;
    font-size: 9pt;
    color: #a8a8a8;
    text-align: center;
    padding: 7px;
    clear: left;
}
div.headerrow {
    display: inline-block;
    background-color: #ceacdc;
    width: 100%;
    font-size: 48pt;
    color: #000;
    margin: 0px;
    text-align: center;
    font-family: Retroica
}

/* Resume */
table.resume {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-collapse: collapse;
}
tr.resume_header h2 {
    margin: 5px;
}
tr.resume_header h3 {
    margin: 5px;
}
tr.resume_header img {
    display: inline-block;
    float:right;
    clear:both;
    margin-right: 33px;
}
tr.resume_header td {
    background-color: #ceacdc;
    padding-top: 33px;
    padding-bottom: 33px;
}

table.contact_info td {
    padding-top: inherit;
    padding-bottom: inherit;
}
tr.resume_content td {
    color: #fff;
}