@charset "UTF-8";

/* CSS Document

DOCUMENT INFORMATION
	- Document: Site Typography
	- Version:  1
	- Author:   Simon Oakley

/* =Legend
==================================================

COLORS

Light Maroon  #ac1455
Maroon        #7a003c
Dark Maroon   #56002a
Light Grey    #f1f1f1
Grey          #c6cbce
Dark Grey     #8e979d
Light Slate   #6a7882
Slate         #323e48
Dark Slate    #1e252b
Light Yellow  #fdbf57
Yellow        #e8941a
Dark Yellow   #bf5711
Light Blue    #147cac
Blue          #193989
Dark Blue     #260059
Light Green   #98a632
Green         #677718
Dark Green    #384208

FONTS

Light Condensed         - font-family: 'LightCon';
Light Condensed Italic  - font-family: 'LightConObl';
Bold Condensed          - font-family: 'BoldCon';
Bold Condensed Italic   - font-family: 'BoldConObl';
Condensed               - font-family: 'RegCon';
Condensed Italic        - font-family: 'RegConObl';
Ultra Condensed         - font-family: 'UltraCon';
Font Awesome            - font-family: 'FontAwesome';
Glyphicons Halflings    - font-family: 'Glyphicons Halflings'


/* =Typography
================================================== */
body {
  font-family: 'LightCon';
  color: #444;
  font-weight: normal;
  font-style: normal;
}
.lead {
  font-family: 'LightCon';
  color: #6a7882;
}
h1 {
  font-family: 'UltraCon';
  color: #1e252b;
}
h2 {
  font-family: 'BoldCon';
  color: #323e48;
}
h3 {
  font-family: 'BoldCon';
  color: #323e48;
}
h4 {
  font-family: 'BoldCon';
  color: #323e48;
}
h5 {
  font-family: 'BoldCon';
  color: #323e48;
}
h6 {
  font-family: 'BoldCon';
  color: #323e48;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
  color: #6a7882;
}
h1 em {
  font-family: 'UltraCon';
}
h2 em,
h3 em,
h4 em,
h6 em {
  font-family: 'BoldConObl';
  font-weight: normal;
  font-style: normal;
}
h5 em {
  font-family: 'RegConObl';
}
em {
  font-family: 'LightConObl';
  font-weight: normal;
  font-style: normal;
}
strong {
  font-family: 'BoldCon';
  font-weight: normal;
  font-style: normal;
}
strong em,
em strong {
  font-family: 'BoldConObl';
}
th {
  font-family: 'BoldCon';
  font-weight: normal;
  font-style: normal;
  color: #5b6770;
}
/* =Typographic Grid
================================================== */

body {
  font-size: 16px;
  line-height: 20px;
  margin: 0 auto;
/*  background: #fff url('../images/grid.png') repeat;*/
}
.lead {
  font-size: 22px;
  line-height: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}
h1 {
  font-size: 50px;
  line-height: 60px;
  margin-top: 40px;
  margin-bottom: 20px;
}
h2 {
  font-size: 32px;
  line-height: 40px;
  margin-top: 40px;
  margin-bottom: 20px;
}
h3 {
  font-size: 25px;
  line-height: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}
h4 {
  font-size: 20px;
  line-height: 25px;
  margin-top: 20px;
  margin-bottom: 20px;
}
h5 {
  font-size: 18px;
  line-height: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
h6 {
  font-size: 16px;
  line-height: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

p, h1, h2, h3, h4, h5, h6 {
/*  background-color: rgba(12,133,204,0.1);*/
}
p, ul, ol, pre, table, blockquote {
  margin-top: 20px;
  margin-bottom: 20px;
/*  background-color: rgba(12,133,204,0.1);*/
}

/* =Sanitation
================================================== */

hr {
  border: 1px solid;
  margin: -1px 0;
}
ul ul, ol ol, ul ol, ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
b, strong, em, small, code {
  line-height: 1;
}
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub {
  top: 0.4em;
}
blockquote p:first-child {
  margin-top:0;
}

/* =Fonts
================================================== */

@font-face {
  font-family: 'LightCon';
  src: url('../fonts/robotocondensed-light-webfont.eot');
  src: url('../fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-light-webfont.woff') format('woff'), url('../fonts/robotocondensed-light-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'LightConObl';
  src: url('../fonts/robotocondensed-lightitalic-webfont.eot');
  src: url('../fonts/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-lightitalic-webfont.woff') format('woff'), url('../fonts/robotocondensed-lightitalic-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BoldCon';
  src: url('../fonts/robotocondensed-bold-webfont.eot');
  src: url('../fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-bold-webfont.woff') format('woff'), url('../fonts/robotocondensed-bold-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BoldConObl';
  src: url('../fonts/robotocondensed-bolditalic-webfont.eot');
  src: url('../fonts/robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-bolditalic-webfont.woff') format('woff'), url('../fonts/robotocondensed-bolditalic-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RegCon';
  src: url('../fonts/robotocondensed-regular-webfont.eot');
  src: url('../fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-regular-webfont.woff') format('woff'), url('../fonts/robotocondensed-regular-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RegConObl';
  src: url('../fonts/robotocondensed-italic-webfont.eot');
  src: url('../fonts/robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-italic-webfont.woff') format('woff'), url('../fonts/robotocondensed-italic-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-italic-webfont.svg#roboto_condenseditalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'UltraCon';
  src: url('../fonts/leaguegothic-regular-webfont.eot');
  src: url('../fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/leaguegothic-regular-webfont.woff') format('woff'), url('../fonts/leaguegothic-regular-webfont.ttf') format('truetype'), url('../fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
