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

/* Layout */
body {border: solid black 1px; margin: 0px; padding: 5px; width: 150px;}
h1, h2, h4, h5, h6, p {margin: 0px;}
h1 {margin: -20px 0px 0px 0px;}
h3 {margin: 10px 0px 0px 0px;}
h3 span.dateRange {left: 0px; position: absolute; top: -10px;}

ul {margin: 0px; padding: 0px;} /* margin and padding needed for cross-browser compatibility */
img {border: none; margin: 5px; vertical-align: bottom;}
div#header, button, label {display: none !important;}
address {display: block !important;}

div#contact, div#experience, div#education, div#expertise, div#publications, div#personal {margin: 0px 0px 15px 0px;}
div#contact, div#experience ul, div#education ul, div#publications ul {position: relative;} /* <ul class="content"> holds checkboxes */
div#contact.headerRoom {margin-top: 0px;}
div#contact h1.contentHead {text-align: center;}
div#contact address.content {margin: 0px auto;}
div#experience li, div#education li, div#expertise li {margin: 0px 0px 15px 0px; position: relative;}
div#experience span.description {display: list-item; margin: 0px 0px 0px 10px;}
div#expertise h4 {left: 0px; position: absolute; top: -12px;} /* position:absolute treated erroneously by IE like position:relative */
div#expertise p {margin: 12px 0px 0px 0px;}
div#personal li {display: inline;}
div#contentNotice {text-align: center;}

/* Color */
* {background: #FFFFFF !important;}

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

address {font-style: normal;}
ul {list-style: square inside;}
em {text-decoration: underline;}

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#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: "]";}
