/*
==============================================================================
**
** TYPOGRAPHY
**
** SCOPE: 		GLOBARL
** REVISION:	0.1
** DATE:		03/21/11
** AUTHORS:		DUNCAN MCALESTER (DUNCAN@LAYER-51.COM)

** FONTS:		font-family:'Clarendon W01 Bold';
				font-family:'Clarendon W01 Light';
				font-family:'Clarendon W01 Medium';
				


** NOTES:			Modular Scale 
					---------------------- 
					16px @ 1:1.618	 
					14px @ 1:1.618	 
					----------------------
					Pixels		Ems		% of 13
					925.000 	57.813 	7,115.385
					751.538 	46.971 	5,781.062
					571.693 	35.731 	4,397.638
					464.486 	29.03 	3,572.969
					353.333 	22.083 	2,717.946
					287.074 	17.942 	2,208.262
					218.376 	13.649 	1,679.815
					177.425 	11.089 	1,364.808
					134.967 	 8.435 	1,038.208
					109.657 	 6.854 	  843.515
					 83.416	 	 5.214 	  641.662
					 67.773	 	 4.236 	  521.331
					 51.555	 	 3.222 	  396.577
					 41.887	 	 2.618 	  322.208
					 31.863	 	 1.991 	  245.100
					 25.888	 	 1.618 	  199.138
					 19.693	 	 1.231 	  151.485
					 16.000	 	 1 		  123.077
					 12.171	 	 0.761 	   93.623
					  9.889 	 0.618 	   76.069
					  7.522 	 0.47 	   57.862
					  6.112 	 0.382 	   47.015
					  4.649 	 0.291 	   35.762
					  3.778 	 0.236 	   29.062
					  2.873 	 0.18 	   22.100
					  2.335 	 0.146 	   17.962
					  1.776 	 0.111 	   13.662
					  1.443 	 0.09 	   11.100
					  1.098 	 0.069 	    8.446



				
** TODO:		Connect up LESS variables

** REVISION HISTORY
------------------------------------------------------------------------------






==============================================================================
*/
/* ==================== REQUIRED LIBRARIES DO NOT REMOVE ===================== */
/* Including lib.less - this template is intentionally left blank and does not need to be included  on the live server */
/* =========================================================================== */
@font-face {
  font-family: 'PTSansNarrowBold';
  src: url('../fonts/PT_Sans_Narrow_Bold-webfont.eot');
  src: local('☺'), url('../fonts/PT_Sans_Narrow_Bold-webfont.woff') format('woff'), url('../fonts/PT_Sans_Narrow_Bold-webfont.ttf') format('truetype'), url('../fonts/PT_Sans_Narrow_Bold-webfont.svg#webfontHUrNbgg1') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PTSansNarrowRegular';
  src: url('../fonts/PT_Sans_Narrow-webfont.eot');
  src: local('☺'), url('../fonts/PT_Sans_Narrow-webfont.woff') format('woff'), url('../fonts/PT_Sans_Narrow-webfont.ttf') format('truetype'), url('../fonts/PT_Sans_Narrow-webfont.svg#webfontBsXB6tm7') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PTSerifRegular';
  src: url('../fonts/PTF55F-webfont.eot');
  src: url('../fonts/PTF55F-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/PTF55F-webfont.woff') format('woff'), url('../fonts/PTF55F-webfont.ttf') format('truetype'), url('../fonts/PTF55F-webfont.svg#PTSerifRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: sans-serif;
  line-height: 1.6;
  color: #555 !important;
}
h2,
h3,
h4,
h5,
h6 {
  font-family: PTSansNarrowRegular, sans-serif;
  line-height: 1.25;
  color: #2a3d48;
  margin: 0;
}
h1 {
  color: #2a3d48;
  font-family: PTSansNarrowBold, sans-serif;
  font-size: 2.13em;
  line-height: 1;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0 0 .231em 0;
}
h2 {
  font-family: PTSansNarrowRegular, sans-serif;
  font-weight: normal;
  font-size: 1.618em;
}
h3 {
  font-family: PTSansNarrowBold, sans-serif;
  font-size: 1.131em;
  font-weight: normal;
}
h4 {
  font-family: PTSansNarrowBold, sans-serif;
  font-weight: normal;
}
h3#crsGrants {
  font-size: 2.13em;
  line-height: 1;
  margin-bottom: 0.231em;
  text-transform: uppercase;
  text-align: left;
}
p,
ul,
ol,
dl {
  margin-top: 0;
  font-size: 14px;
  /* FOR IE 6-8 */

  font-size: .875rem;
  /* FOR Good Browsers */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
header h1,
header h2 {
  text-transform: none;
}
header h1 + h2 {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  color: #999;
  padding: .618em 0;
  font-family: PTSansNarrowRegular, sans-serif;
  font-size: 1.2em;
}
#asides {
  font-size: 90%;
}
#asides h1 {
  color: #474746;
  margin-bottom: .231em;
  font-size: 1.617em;
}
#asides ul {
  margin: 0;
  padding: 0 1em 0.1em 0;
}
#asides li {
  line-height: 1.2;
  margin-bottom: 1.231em;
}
#asides p,
#asides ul,
#asides ol,
#asides dd,
#asides figcaption {
  margin-top: 0;
  font-size: 13px;
  /* FOR IE 6-8 */

  font-size: .825rem;
  /* FOR Good Browsers */
}
/*
** 480
**
** DESCRIPTION:	Styles that apply to screens 480 and belows pixels wide and down
** USAGE:		
** NOTES: Typically this means mobile phones held in portrait
**
*/
@media only screen and (max-width: 600px) {
  h1 {
    font-size: 1.5em;
  }
  header h1 + h2 {
    font-size: 1em;
  }
}