/*
********************************************************************************


  CSS baseline
  Copyright (C) 2009   Vintage Media Ltd   www.vintagewebworks.com
  Validated for CSS level 2.1


********************************************************************************
*/


/*  CROSSHEAD:

    * Baseline:              24px
    * Default font size:     13px
    * Small fonts:           11px
    * Big fonts:             16px
    * H1:                    36px
    * H2:                    18px
    * H3:                    18px
    * H4:                    16px
    * H5:                    16px

------------------------------------------------------------------------------*/

body { /*...................................... Set default font size */
  font-size: 81.25%; /*........................ 13px (13/16 * 100) */
  }

p, ul, ol, li, table { /*...................... Default fonts */
  font-size: 1em; /*........................... 13px (13/13) */
  line-height: 1.846em; /*..................... 24px (24/13) */
  margin: 0 0 1.846em 0; /*.................... 24px (24/13) */
  padding: 0; /*............................... No padding */
  }

li { margin: 0; } /*........................... Kill bottom padding on list items */

.small { /*.................................... Small fonts */
  font-size: 0.846em; /*....................... 11px (11/13) */
  line-height: 2.182em; /*..................... 24px (24/11) */
  margin: 0 0 2.182em 0; /*.................... 24px (24/11) */
  }

.big { /*...................................... Big fonts */
  font-size: 1.231em; /*....................... 16px (16/13) */
  line-height: 1.5em; /*....................... 24px (24/16) */
  margin: 0 0 1.5em 0; /*...................... 24px (24/16) */
  }

h1 { /*........................................ Page title or headline */
  font-size: 2.769em; /*....................... 36px (36/13) */
  line-height: 1em; /*......................... 36px (36/36) */
  margin: 0 0 0.333em 0; /*.................... 12px (12/36) */
  padding: 0; /*............................... No padding */
  }

h2 { /*........................................ Crossheads */
  font-size: 1.385em; /*....................... 18px (18/13) */
  line-height: 1.333em; /*..................... 24px (24/18) */
  margin: 1.888em 0 0.444em 0; /*.............. 16px lines above (16/18); 8px lines below (8/18) */
  padding: 0; /*............................... No padding */
  }

h3 { /*........................................ Box titles */
  font-size: 1.385em; /*....................... 18px (18/13) */
  line-height: 1em; /*......................... 18px (18/18) */
  margin: 0 0 0.333em 0; /*.................... 6px (6/18) */
  padding: 0; /*............................... No padding */
  }

h4 { /*........................................ Box crossheads */
  font-size: 1.231em; /*....................... 16px (16/13) */
  line-height: 1.5em; /*....................... 24px (24/16) */
  margin: 1em 0 0.5em 0; /*.................... 16px lines above (16/16); 8px lines below (8/16) */
  padding: 0; /*............................... No padding */
  }

h5 { /*........................................ Box crossheads */
  font-size: 1.231em; /*....................... 16px (16/13) */
  line-height: 1.5em; /*....................... 24px (24/16) */
  margin: 1em 0 0.5em 0; /*.................... 16px lines above (16/16); 8px lines below (8/16) */
  padding: 0; /*............................... No padding */
  }

.showbaseline { /*............................. @see www.typepublish.org/v1/manual */
  background: url(showbaseline.png) repeat top left;
  }