/* from screen.css */

/*
 * http://doc.silverstripe.com/doku.php?id=typography says:
 * In typography.css you can define styles of any of the tags that will
 * get created by the editor: * P, BLOCKQUOTE * H1-6 * UL, OL, LI * TABLE
 * STRONG, EM, U * A
 */

.htmleditor typography h2, typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 { color: #993333; }

.typography h1
{
	font-size: 2.5em;
	font-weight: normal;
}

.typography h2
{
	font-size: 1.1em;
	font-weight: bold;
}

.typography h3
{
	font-size: 1em;
	font-weight: bold;
}

.typography p, .typography blockquote { line-height: 1.5em; }

.typography a:link, .typography a:visited
{
	color: #933;
	text-decoration: none;
}

.typography a:hover, .typography a:active
{
	color: #C66;
	text-decoration: underline;
}

.typography blockquote { margin-left: 1.5em; }

/* If a H2 follows a P, add top spacing: */
.typography p + .typography h2 { margin-top: 2.5em; }

/* If a H3 follows a P, add top spacing: */
.typography p + .typography h3 { margin-top: 2.5em; }

/* Vertical space above footnotes */
#footnotes p
{
       margin: 70px 0 0 0
}

/* Footnotes have smaller text */
#footnotes p
{ 
       font-size: 0.75em;
}

/* Fiction has indented paragraphs */
#story p
{
	text-indent: 1em;
	margin: 0;
}

#story p.first
{
       text-indent: 0;
       margin-top: 1.5em;
}