.typography {
	font-size: 13px; line-height: 18px; }

.typography p {
	margin: 0 0 10px; }

.typography sub, .typography sup, .typography small {
	font-size: .85em; }

.typography big {
	font-size: 1.2em; }

.typography blockquote {
	margin: 0 0 10px; padding: 5px 10px; border-left: 3px solid #eee;
	font-style: italic; color: #666; }

.typography hr {
	margin: 0 0 10px; border: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
	color: #ccc;
	background: #ccc; }


/* headers */

.typography h1, .typography h2, .typography h3, .typography h4, .typography h5 {
	clear: both;
	font-family: Georgia, serif; line-height: 18px; }

.typography h1 {
	margin: 22px 0 10px;
	font-weight: normal; font-size: 24px; color: #000; }

.typography h2 {
	margin: 18px 0 10px;
	font-weight: normal; font-size: 18px; }

.typography h3 {
	margin: 20px 0 10px;
	font-weight: normal; font-size: 16px; color: #666; }

.typography h4 {
	font-size: 14px; color: #666; }

.typography h5 {
	font-weight: normal; font-size: 1.1em; color: #0279c3; }

/* images */

.typography .img- {
	border: none; }

.typography .more- {
	font-size: .7em; line-height: 2; color: #999; }

.typography .more- a {
	color: #999; }

.typography .link- {
	padding-left: 20px;
	font-weight: bold;
	background: url({{!static type="images" "ico-link.gif"}}) 0 5px no-repeat; }

.typography .link- a {
	color: #333; }

/* lists */

.typography ol {
	margin:  0 0 18px 31px; }

.typography ul {
	margin: 0 0 10px 10px; padding: 0 0 0 0; }

.typography ul li {
	margin: 0.5em 0; padding: 0 0 0 17px;
	text-indent: -1.24em;
	list-style-type: none;
	behavior: expression( !this.before ? this.before = this.innerHTML = '—  ' + this.innerHTML : '' ); }

.typography  ul li:before {
	content: '\2014\a0\a0'; }

.typography li {
	margin: 0.5em 0; padding: 0; }

.typography ol li {
	list-style: decimal; }

.typography dl {
	margin: 0 0 10px; }

.typography dt {
	font-weight: bold; }

.typography dd {
	 }

.typography li ul,
.typography li ol {
	margin-top: 0; }


/* tables */

.typography .table- {
	width: 75%; margin: 0 0 10px; border-top: 4px solid #fed379; border-left: 4px solid #fed379; border-collapse: collapse; }

.typography .table- td,
.typography .table- th {
	padding: 7px 10px; border-top: 1px solid #fed379; border-left: 1px solid #fed379; }

.typography .table- td {
	}

.typography .table- th {
	font-weight: bold; text-align: left; }

.typography .table- tr.second-row {
	background: #CCC; }

.typography .table- caption {
	font-size: .7em; text-align: left; color: #459dd3; }