/*
Reference: http://www.re.be/css2xslfo/1_6_2/manual.pdf

NOTE: some interesting peculiarities I've discovered:
   - Inline-block doesn't have the meaning one would expect it to have, in this context.
   - Sometimes margin-left/right will not work when padding will.
   - Sometimes margin/padding-left/right will work when -top/bottom will not.
   - @page {} and body{} are different. Use @page for margins/etc.
      - associated pseudo-selectors: :first, :left, :right, etc.
TODO:
   - unify usage of ems, pt, px, and in
*/

/* The PDF should have page margins of 1" top/bottom, 1.25" left/right */
@page {
  size: 8.5in 11in;
  margin: 1in 1.25in;
}

/*
Base font:
9pt arial regular,
13pt line spacing
*/
body, html {
  font-size: 9pt;
  line-height: 13pt;
  font-family: Helvetica, Deja Vu Sans, Nanum Gothic, HanaA, HanaB, sans-serif;
}

/* All anchors should be black (for the purpose of
   not being washed out on a monochrome printer) */
a {
  color: black;
  text-decoration: underline;
}

h1 {
  font-size: 21pt;
  font-weight: bold;
  margin-bottom: 3pt;
}

h2 {
  font-size: 10.5pt;
  font-weight: bold;
}

/* NOTE: the css2xslfo library does not seem to honor
  margin on an element if its display type is inline-block.
  However, it will honor padding if display type is inline. (Possibly as ilb, too...
  this is worth exploring more.)
  */
.separator-hyphen {
  display: inline;
  padding-left: 5px;
  padding-right: 5px;
}

.section_title h2 {
  margin-top: 2em;
  margin-bottom: 1em;
  font-size: 9pt;
  text-transform: uppercase;
  font-weight: normal;
}

.summary {
  margin-top: 1em;
}

/* All personal info should be inline for this, and separated with dashes.
   NOTE: this *has* to be inline (not inline-block), or else the .adr:after padding gets ignored.
   I suspect this is an issue with how the PDF library handles CSS, as it has
   no effect in Chrome.
*/
.adr, .adr p, #resume_url {
  display: inline;
}

#contact_info_container {
  display: block;
  margin-top: 12pt;
  margin-bottom: 12pt;
}

/* As mentioned earlier, I don't believe this will be treated any differently than simply
   display:inline;
 */
div.work_company, .inline-block, p.work_dates {
  display: inline-block;
}

.work_title, .title {
  font-weight: bold;
}

/* todo These should be target-able via a common class */
.edu_title,
.work_title,
.publication_title,
.award_title,
.certification_title,
.license_title,
.group_title,
.patent_title {
  font-weight: bold;
  font-size: 10.5pt;
}

.military_commendations_title {
  margin-top: 1.5em;
  font-size: 9pt;
}

/* Single space between each semantic chunk of a resume */
.data_display {
  margin-top: 1em;
}

/* Half spacing after the work description element */
p.work_description {
  margin-top: 0.5em;
}