
.fountainScript {
	width: 52em;
	margin: 2em auto 0 auto;
	font-family: 'Courier Final Draft', Courier, Courier New, monospace;
	font-size: 1.2em;
	line-height: 107.5%;
	letter-spacing: -1px;
	color: #222;
	cursor: text;
}


.fountainScript .page {
	background: #fff;
	border: .1em solid #d2d2d2;
	border-radius: .2em;
	text-align: left;
	margin-bottom: 2em;
	padding: 7em 6em 7em 9em;
	position: relative;
	z-index: 200;
	-webkit-box-shadow: 0 0 .5em rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 .5em rgba(0,0,0,0.1);
	box-shadow: 0 0 1em rgba(0,0,0,0.1);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.fountainScript.dpi72  .page { font-size: 12px; padding: 72px 72px 72px 108px; }
.fountainScript.dpi100 .page { font-size: 16px; padding: 100px 100px 100px 150px; }
.fountainScript.dpi150 .page { font-size: 33px; padding: 150px 150px 150px 225px; }

.fountainScript h1,
.fountainScript h2,
.fountainScript h3,
.fountainScript h4 { font-weight: normal; }

.fountainScript h3 { 
	margin: 2em 0 1em;
	font-weight: bold;
}

.fountainScript .page h1,
.fountainScript .page h2,
.fountainScript .page h3,
.fountainScript .page h4,
.fountainScript .page p {
	font-size: 1em;
	line-height: 107.5%;
}

.fountainScript.dpi72 .page h1,
.fountainScript.dpi72 .page h2,
.fountainScript.dpi72 .page h3,
.fountainScript.dpi72 .page h4,
.fountainScript.dpi72 .page p { font-size: 12px; }

.fountainScript.dpi100 .page h1,
.fountainScript.dpi100 .page h2,
.fountainScript.dpi100 .page h3,
.fountainScript.dpi100 .page h4,
.fountainScript.dpi100 .page p { font-size: 17px; }

.fountainScript.dpi150 .page h1,
.fountainScript.dpi150 .page h2,
.fountainScript.dpi150 .page h3,
.fountainScript.dpi150 .page h4,
.fountainScript.dpi150 .page p { font-size: 33px; }

/* US Paper */
.fountainScript.us-letter.dpi72  { width: 612px; } /* us letter - 72 dpi - 612px x 792px - margins: 1" 1" 1" 1.5" */
.fountainScript.us-letter.dpi100 { width: 850px; } /* us letter - 100 dpi - 850px x 1100px - margins: 1" 1" 1" 1.5" */
.fountainScript.us-letter.dpi150 { width: 1275px; } /* us letter - 150 dpi - 1275px x 1650px - margins: 1" 1" 1" 1.5" */

.fountainScript.us-letter.dpi72  .page { min-height: 792px; } /* min height temporary until proper paging is implemented */
.fountainScript.us-letter.dpi100 .page { min-height: 1100px; } /* min height temporary until proper paging is implemented */
.fountainScript.us-letter.dpi150 .page { min-height: 1650px; } /* min height temporary until proper paging is implemented */

.fountainScript.us-letter.dpi72  .page.title-page { height: 792px; } /* temp for title page until paging is implemented */
.fountainScript.us-letter.dpi100 .page.title-page { height: 1100px; } /* temp for title page until paging is implemented */
.fountainScript.us-letter.dpi150 .page.title-page { height: 1650px; } /* temp for title page until paging is implemented */

/* A4 Paper */
.fountainScript.a4.dpi72  { width: 595px; } /* us letter - 72 dpi - 595px x 842px - margins: 1" 1" 1" 1.5" */
.fountainScript.a4.dpi100 { width: 827px; } /* us letter - 72 dpi - 827px x 1169px - margins: 1" 1" 1" 1.5" */
.fountainScript.a4.dpi150 { width: 1250px; } /* us letter - 72 dpi - 1250px x 1754px - margins: 1" 1" 1" 1.5" */

.fountainScript.a4.dpi72  .page  { height: 842px; }
.fountainScript.a4.dpi100 .page { height: 1169px; }
.fountainScript.a4.dpi150 .page { height: 1754px; }

/* title page */
.fountainScript .page.title-page { height: 67em; padding: 2em 6em; }
.fountainScript .title-page h1 {
	margin-top: 65%;
	margin-bottom: 3em;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	border: 0;
}
.fountainScript .title-page p.credit { text-align: center; }
.fountainScript .title-page p.author,
.fountainScript .title-page p.authors { margin-bottom: 32px; margin-top: 0; text-align: center; }
.fountainScript .title-page p.source { margin-bottom: 32px; text-align: center; }

.fountainScript        .title-page p.notes { bottom: 10em; position: absolute; right: 6em; text-align: right; }
.fountainScript.dpi72  .title-page p.notes { bottom: 252px; right: 72px; }
.fountainScript.dpi100 .title-page p.notes { bottom: 350px; right: 100px; }
.fountainScript.dpi150 .title-page p.notes { bottom: 525px; right: 150px; }

.fountainScript        .title-page p.date,
.fountainScript        .title-page p.draft-date { bottom: 250px; position: absolute; right: 6em; text-align: right; }
.fountainScript.dpi72  .title-page p.date,
.fountainScript.dpi72  .title-page p.draft-date { bottom: 180px; right: 72px; }
.fountainScript.dpi100 .title-page p.date,
.fountainScript.dpi100 .title-page p.draft-date { bottom: 250px; right: 100px; }
.fountainScript.dpi150 .title-page p.date,
.fountainScript.dpi150 .title-page p.draft-date { bottom: 375px; right: 150px; }

.fountainScript        .title-page p.contact { bottom: 100px; position: absolute; right: 6em; text-align: right; }
.fountainScript.dpi72  .title-page p.contact { bottom: 72px; right: 72px; }
.fountainScript.dpi100 .title-page p.contact { bottom: 100px; right: 100px; }
.fountainScript.dpi150 .title-page p.contact { bottom: 150px; right: 150px; }

.fountainScript        .title-page p.copyright { bottom: 7em; position: absolute; text-align: left; }
.fountainScript.dpi72  .title-page p.copyright { bottom: 72px; }
.fountainScript.dpi100 .title-page p.copyright { bottom: 100px; }
.fountainScript.dpi150 .title-page p.copyright { bottom: 150px; }


.fountainScript hr {
	border: 0;
}

.fountainScript div.dialogue { margin-left: auto; margin-right: auto; width: 54%; margin-bottom: .7em }
.fountainScript div.dialogue h4 { margin-bottom: 0; margin-left: 23%; }
.fountainScript div.dialogue p.parenthetical { margin-bottom: 0; margin-top: 0; margin-left: 11%;}
.fountainScript div.dialogue p { margin-bottom: 0; margin-top: 0; }

.fountainScript div.dual-dialogue { margin: 2em 0 0.9em 2%; auto; width: 95%; }
.fountainScript div.dual-dialogue div.dialogue { display: inline-block; margin: 0; width: 45%; }
.fountainScript div.dual-dialogue div.dialogue h4 { margin-top: 0;}
.fountainScript div.dual-dialogue div.dialogue.right { float: right; }

.fountainScript p.transition { margin-left: 65%; }
.fountainScript p.centered { text-align: center; width: 92.5%; }

.fountainScript p.section { color: #bbb; margin-left: -30px; }
.fountainScript p.synopsis { color: #bbb; margin-left: -20px; }

.fountainScript span.italic { font-style: italic; }
.fountainScript span.bold { font-weight: bold; }
.fountainScript span.underline { text-decoration: underline; }
