body {
	margin: auto;
	max-width: 785px;
	line-height: 1.4;
	color: #404040;
	background-color: #f6fbfd;
	font-size: 16px;
        font-family: "Courier New", Roboto, Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1;
}

header {
	text-align: center;
}

.top {
        bottom: 1em;
        right: 1em;
        position: fixed;
        overflow: auto;
}


.tagline {
	font-size: 1.2em;
}

main {
	margin: 10px auto;
}

article {
	border: 1px solid black;
	padding: 5px 5px 0px 5px;
	background-color: #faf0e6;
}

.message {
	margin: 0px;
	padding: 5px;
	font-family: c059, serif;
	font-size: 1.1em;
	text-align: left;
}

.date {
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px solid black;
	text-align: right;
}

.date, footer {
	font-size: 0.9em;
}

a {
        color: #0000ff;
        text-decoration: none;
}

a:visited {
        color: #9a3ed6;
}

a:hover {
        text-decoration: underline;
}

a.external {
        background-image: linear-gradient(transparent, transparent);
        background-image: url("../images/external-link-blue.svg");
        background-repeat: no-repeat;
        background-position: center right;
        padding-right: 18px;
        background-size: 15px 15px;
}