/*------------------------------------*\

    @Typography
    
\*------------------------------------*/

h1, h2,
h3, h4, 
h5, h6, 
p {
  margin: @typeset-margin;
}

h1, h2, h3, h4, h5, h6 { 
	font-family: inherit; 
	text-rendering: optimizelegibility;
	color: @base-color-333; 
	margin-bottom: 0;
}
	
	
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { 
	font-weight: inherit; 
	font-family: inherit; 
}
	
h1.title, h3.title{ 
	font-family: inherit; 
	color: inherit;   
}

h1.heading, h3.heading { 
	font-family: inherit; 
	color: inherit;   
}
	
h1,
.h1 { 
	.rem(font-size, 36); 
	line-height: 1.4; 
}
	
h2,
.h2 { 
	.rem(font-size, 31);   
	line-height: 1.2;  
}
		
h3,
.h3 { 
	.rem(font-size, 24);  
	line-height: 1; 
}
	
h4,
.h4 { 
	.rem(font-size, 18);  
	line-height: 1.2; 
}
	
h5,
.h5 { 
	.rem(font-size, 14); 
}
	
h6,
.h6 { 
	.rem(font-size, 12);  
	line-height: .875; 
}

.subheader { 
	color: inherit; 
	text-transform: uppercase;  
}

/***************************************************************** 
*
*  BLOCKQUOTE
*
*****************************************************************/

blockquote {
	font-family: @primary-font;
	.rem(font-size, 16);
	.rem(margin-top, 10);
	.rem(margin-bottom, 10);
  .rem(margin-left, 50);
  .rem(padding-left, 16);
	border-left: 5px solid @primary-color; 
} 
	
blockquote cite {
	font-weight: bold; 
}

/***************************************************************** 
*
*  Paragraph tags
*
*****************************************************************/		
		
p { 
	color: inherit; 
	font-family: @primary-font; 
	.rem(font-size, 16);
	line-height: @base-line-height;
}

p.lead,
.lead {  
	.rem(font-size, 21); 
	font-weight: bold; 
}

