/* Cascading Style Sheet for Web-Based CV */

/* Layout */
body {margin: 20px;}
h1, h2, h3, h4, h5, h6 {margin: 0px;}
h2 {display: inline;}

ul {margin: 5px 0px 10px 0px; padding: 0px;} /* margin and padding needed for cross-browser compatibility */
img {border: none; margin: 5px; vertical-align: bottom;}
button {display: none; left: 5px; padding: 0px; position: relative; top: -4px;} /* remove padding for Firefox */
label {display: none; position: absolute; top: -34px; white-space: nowrap; vertical-align: bottom;}
input {left: 0px; position: relative; top: 3px;}
input#cutoffYear {left: 3px; position: relative; top: 2px; vertical-align: baseline;}

h5 a {margin: 0px 5px;}
h3 span.dateRange {left: 0px; position: absolute; top: 3px; width: 110px;}

div#header {height: 15px; left:0px; position: absolute; top: 0px; width: 100%;}
div#header span, div#header a {float: left; padding: 0px 10px;}
div#header a.langLink {display: none; float: right;} /* TEMPORARY */
div#contact, div#experience, div#education, div#expertise, div#publications, div#personal {margin: 0px 0px 20px 0px;}
div#contact, div#experience ul, div#education ul, div#publications ul {position: relative;} /* <ul class="content"> holds checkboxes */
div#contact.headerRoom {margin-top: 35px;}
div#contact h1.contentHead {text-align: center; white-space: nowrap;}
div#contact button {left: 49%; margin: 0px 0px 0px 200px; position: absolute; top: 6px;}
div#contact address.content {margin: 0px auto; white-space: nowrap; width: 325px;}
div#experience li, div#education li, div#expertise li {position: relative;}
div#experience h3, div#education h3 {margin: 0px 0px 0px 110px;}
div#experience p, div#education p {margin: 0px 0px 10px 110px;}
div#experience span.description {display: list-item; margin: 0px 0px 0px 15px;}
div#expertise h4 {left: 0px; position: absolute;} /* position:absolute treated erroneously by IE like position:relative */
div#expertise p {margin: 0px 0px 10px 110px;}
div#publications ul.content {margin-left: 20px;}
div#publications label {margin: 0px 0px 0px -20px;}
div#personal li {display: inline;}
div#contentNotice {text-align: center;}

/* Color */
a:link {color: #000099;}
a:visited {color: #000000;}
button, label {color: #999999;}
div#header, div#header * {background: #000000; color: #FFFFFF;}
div#personal a:visited {color: #0000CC;}

/* Type */
body {font-family: Arial, sans-serif; font-size: 15px;}
h1 {font-size: 30px; font-weight: bold;}
h2 {font-size: 25px; font-weight: bold; text-decoration: underline; text-transform: uppercase;}
h3 {font-size: 20px; font-weight: bold;}
h4 {font-size: 15px; font-weight: normal;}
h5 {font-size: 12px; font-weight: bold;}
h6 {font-size: 10px; font-weight: bold;}

a {text-decoration: none;}
a:hover {text-decoration: underline;}
address {font-style: normal;}
ul {list-style: square inside;}
em {text-decoration: underline;}
div#header, button, label {font: small-caption;}

h3 span.dateRange {font-size: smaller; font-weight: normal;}
span.latin, li.abstract span.title, li.article span.journal, li.thesis span.title {font-style: italic;}

div#header a {text-decoration: none;}
div#header a:hover {text-decoration: underline; cursor: default;}
div#experience li, div#education li, div#expertise li {list-style: none outside;}
div#experience span.description {list-style: square inside;}

/* Generated */
span.jobTitle:after, span.boss:after, span.conference:after, span.institution:after, span.department:after, span.degree:after, span.program:after, div#personal li.leisure:after {content: ",";}
span.location:after, span.journal:after, span.title:after, span.volumeIssuePages:after {content: ".";}
span.date:before {content: "(";}
span.date:after {content: ")";}
a.download:before {content: "[";}
a.download:after {content: "]";}