/* TYPOGRAPHY STYLES */

.typography							{ font-size:16px; line-height:20px; font-family:'Asap',sans-serif; }
.typography	*						{ color: #2e0101; }

.typography p						{ -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; -webkit-hyphenate-before:2; -webkit-hyphenate-after:3; hyphenate-lines:3; }

/** CMS LIST STYLES **/
.typography ul,
.typography ol 						{ margin-bottom:15px; }

/* HEADER STYLES */
/* Big and ugly to preserve styles when applying bold and/or italics to headers in the SilverStripe editor */
.typography h1,.typography h1 strong,.typography h1 em,
.typography h2,.typography h2 strong,.typography h2 em,
.typography h3,.typography h3 strong,.typography h3 em,
.typography h4,.typography h4 strong,.typography h4 em,
.typography h5,.typography h5 strong,.typography h5 em,
.typography h6,.typography h6 strong,.typography h6 em			{ margin: 0 0 12px 0; padding: 0; font-family: 'Merriweather', serif; font-weight: normal; font-style:italic; color: #CC9C2D; }

.typography h1,.typography h1 strong,.typography h1 em 			{ font-size: 28px; line-height: 28px; }
.typography h2,.typography h2 strong,.typography h2 em 			{ font-size: 24px; line-height: 24px; }
.typography h3,.typography h3 strong,.typography h3 em			{ font-size: 20px; line-height: 20px; }
.typography h4,.typography h4 strong,.typography h4 em 			{ font-size: 18px; line-height: 18px; }
.typography h5,.typography h5 strong,.typography h5 em			{ font-size: 16px; line-height: 16px; }
.typography h6,.typography h6 strong,.typography h6 em			{ font-size: 13px; line-height: 13px; }

.typography blockquote				{ background: #f4ead9; border: 1px #510202 solid; padding: 10px; }

/* LINK STYLES */
.typography a 						{ color: #510202 !important; font-weight:bold; }
.typography a:hover 				{ color: #510202 !important; }
	
.typography table					{ }
.typography table tr td				{ }

.typography strong					{ font-weight: bold !important; }
.typography em						{ font-style: italic !important; }

/* WYSIWYG EDITOR ALIGNMENT CLASSES */
.typography .left 					{ text-align: left; }
.typography .center					{ text-align: center; }
.typography .right					{ text-align: right; }

.typography img.right				{ float: right;  margin: 0 0 5px 15px; }
.typography img.left				{ float: left; margin: 0 15px 5px 0; }
.typography img.center				{ display:block; margin: 0 auto 5px; }

.typography .captionImage img		{ padding: 0; }
.typography .captionImage p			{ margin: 0; font: bold 10px/14px Arial, sans-serif; }
.typography .captionImage.left		{ float: left; margin: 0 10px 5px 0; padding: 5px; background: #e3d6d6; text-align: center; }
.typography .captionImage.right		{ float: right; margin: 0 0 5px 10px; padding: 5px; background: #e3d6d6; text-align: center; }
.typography .captionImage.center	{ display:block; margin: 0 auto 5px; padding: 5px; background: #e3d6d6; text-align: center; }