/* styles.css
CSS styles for jonathankmack.com
By: Jonathan Mack; created: 2008/01/01; last edit: 2014/10/10 */

/* fonts */
h1 {font-size: 400%}
h2 {font-size: 350%}
h3 {font-size: 300%}
h4 {font-size: 250%; margin: 0em}
h5 {font-size: 175%; margin: 0em}
h6 {font-size: 125%; margin: 0em}
p + h6 {margin: 1em 0em 0em 0em}

/* content */
html {overflow-y: scroll}
body {font-family: sans-serif; background-color: #f8f8f8; font-size: 11pt}
p {margin-top: .5em}
p + p {margin-top: 1em}
h6 + ul, h6 + ol {margin-top: 0.2em}
#content {width: 960px; margin: auto; background-color: white}
#text {padding: 10px 10px 10px 10px}

/* headers */
#header {text-align: center; vertical-align: middle; display: table; width: 100%; background-color: #0066cc; font-weight: bold; color: white; margin: 0px; padding: 0px; box-shadow: -5px -5px 10px -5px black inset}
#header h1, #header p {margin: 0px; padding: 0px}

/* navmenu */
hr.white {margin: 0px; color: white; height: 5px; border: 0}
#navmenu, #navmenu a {font-weight: bold; color: white; text-decoration: none; display: block}
#navmenu ul, #navmenu a {padding: 0px; margin: 0px; text-align: center; box-shadow: -2px -2px 5px -2px black inset}
#navmenu ul li {background: #0066cc; list-style: none; float: left; width: 180px; padding: 2px; color: white; cursor: pointer; border: 1px solid black; border-radius: 10px 10px 0px 0px; box-shadow: -2px -2px 5px -2px black inset}
#navmenu > ul > li > ul {display:none}
#navmenu > ul > li > ul > li {clear: both; border-radius: 0px}
#navmenu ul li:hover ul {position: absolute; display: block; margin: 2px 0px 0px -3px}
#navmenu > ul > li > ul > li:hover{background: #0099ff}
#navmenu > ul > li.home:hover {background: #0099ff}
hr.fade {margin: 0px; color: #0066cc; height: 10px; border: 0; box-shadow: 0px 10px 5px -5px #0066cc inset}

/* footer */
footer {font-size: 75%; padding: 0px 5px 0px 5px; background-color: white; border-top-style: solid; border-top-width: 1px}
.footer-left {float: left; width: 300px; padding: 0px; margin: 0px}
.footer-right {float: right; width: 160px; text-align: right; padding: 0px; margin: 0px}

/* alignment */
.horizontal-align-center {text-align: center}
.all-align-center {text-align: center; display: table-cell; vertical-align: middle}

/* layout */
.float-left-pad {float: left; margin: 0em .5em .5em 0em}
.float-left {float: left}
.clear-block {clear: both; line-height: 0; height: 0;}

/* resume/CV */
#resume h1 {margin: 1em 0em 0em 0em; font-size: 150%}
#resume h2 {margin: 1em 0em 0em 0em; font-size: 100%}
#resume p, #resume ul {margin: 0px; padding: 0px; list-style-position: inside}
#resume p.resume-contact-info {margin: 0px; font-style: italic}
#resume p.resume-item-title {float: left; font-weight: bold}
#resume p.resume-item-dates {float: right}
#resume p.resume-item-entity {float: left; font-style: italic}
#resume p.resume-item-location {float: right; font-style: italic}
#resume p.resume-keywords {margin: 0.5em 0em 0em 0em}
#resume div.resume-item-end {clear: both; margin-bottom: 0.5em}
#flight-hours {border-collapse: collapse; border: 2px solid black; margin: 0px; padding: 0px}
#flight-hours td, #flight-hours tr, #flight-hours th{border: 1px solid black}
#flight-hours td {padding: 0px 2px}
#flight-hours tr th:nth-of-type(2), #flight-hours tr th:nth-of-type(3), #flight-hours tr td:nth-of-type(3), #flight-hours tr td:nth-of-type(5) {border-left-width: 2px}
#flight-hours tr td:nth-of-type(2), #flight-hours tr td:nth-of-type(4), #flight-hours tr td:nth-of-type(6) {text-align: right}

/* about me */
#aboutme td {vertical-align: top; padding: .5em}
#aboutme td:first-child {font-weight: bold}
#aboutme tr:first-child td {padding-top: 0px}