/*
==============================================================================
**
** TYPOGRAPHY
**
** SCOPE: 		GLOBARL
** REVISION:	0.1
** DATE:		02/23/12
** AUTHORS:		TIMOTHY O'CONNOR FRASER (tim@dewdropmedia.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 */
/* =========================================================================== */
body {
  font-family: 'Lato', sans-serif, sans-serif;
  font-weight: 400;
  line-height: 1.4;
  color: #000000 !important;
}
#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper h4,
#wrapper h5,
#wrapper h6 {
  font-family: 'Lato', sans-serif;
  line-height: 1.25;
  color: #2a3d48;
  margin: 0;
  font-weight: 400;
}
#wrapper h1 {
  font-size: 1.4em;
  line-height: 1;
  margin-bottom: .15em;
  font-weight: 400;
}
#wrapper h2 {
  font-weight: 400;
  color: #000;
  font-size: 1.2em;
}
#wrapper h3 {
  font-size: 105%;
  color: #4f8f27;
  font-weight: 400;
}
#wrapper h4 {
  font-size: .875rem;
  color: #666666;
  padding: 0 0 1em 0;
  font-weight: 400;
}
#wrapper a {
  color: #3153a8;
}
#wrapper #content p,
#wrapper #content ul,
#wrapper #content ol,
#wrapper #content 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;
}
#wrapper #content ul {
  color: #499430;
}
#wrapper #content ul li span {
  color: #000;
}
#wrapper h2#main-header {
  text-transform: uppercase;
  letter-spacing: 2px;
  background: transparent url(styles/img/header-bg.png) left bottom no-repeat;
  padding: 0 0 1px 3px;
  margin-bottom: 10px;
}
#wrapper #aside {
  font-size: .9rem;
  font-family: 'Lato', sans-serif;
  color: #fff;
  font-weight: 400;
  font-variant: small-caps;
}
#wrapper #aside h3 {
  color: #fff;
  margin-bottom: 0;
  font-size: .95em;
  padding: 0 0 .3em 0;
  text-transform: uppercase;
  font-family: 'Lato', sans-serif;
}
#wrapper #aside h4 {
  color: #0397d6;
  text-transform: uppercase;
  margin-top: 15px;
  font-family: 'Arial', sans-serif;
}
#wrapper #aside ul {
  margin: 0;
  padding: 0 0 0 20px;
}
#wrapper #aside li {
  line-height: 1.2;
  background: transparent url(styles/img/orange_dots.png) 0 2px no-repeat;
  padding: 0 0 4px 18px;
  margin: 0;
}
#wrapper #aside p,
#wrapper #aside ul,
#wrapper #aside ol,
#wrapper #aside dd,
#wrapper #aside figcaption {
  margin-top: 0;
  font-size: 13px;
  /* FOR IE 6-8 */

  font-size: .9rem;
  /* FOR Good Browsers */
}
.home #wrapper aside h2 {
  padding: 4px 20px 2px;
  color: #fff;
  text-transform: uppercase;
}