@charset "utf-8";

.writing #mainContent {
	margin: 20px 0 30px 20px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px;
	background-color: #E8E8E8;
} 

#essay_title {
	text-align: center;
	color: #302000;
	padding: 10px 0 6px 0;
	font-weight: bolder;
}

#essay_subtitle {
	text-align: center;
	color: #302000;
	font-size: 85%;
	font-weight: bold;
	padding-bottom: 10px;
}

#essay_intro {
	color: #302000;
	font-size: 80%;
	text-align: justify;
	border-bottom: solid 1px;
	font-style: italic;
	border-top: solid 1px;
}

#essay_body {
	font-size: 80%;
	text-align: justify;
	color: #302000;
	padding-bottom: 5px;
}

.essay_separator {
	letter-spacing: 30px;
	text-align: center;
}

#essay_footnotes {
	color: #302000;
	font-size: 75%;
	text-align: justify;
	padding: 0 0 10px 15px;
	border-top: dashed 1px #302000;
}

a.essay_link {
	font-size: 100%;
	text-decoration: none;
}

a.essay_link:link {color: #005073;}
a.essay_link:visited {color: #005073;}
a.essay_link:focus {color: #005073;}
a.essay_link:hover {color: red;}
a.essay_link:active {
	color: #005073;
}

a.foot {
	font-size: 100%;
	text-decoration: none;
}

a.foot:link {color: #0000FF;}
a.foot:visited {color: #0000FF;}
a.foot:focus {color: #0000FF;}
a.foot:hover {color: red;}
a.foot:active {color: #0000FF;}

#essay_footnotes a {color: #302000;}