.archive-header {
    background-image: url('../images/header-3.gif'),
		      url('../images/canv-line-3.gif');
    
    background-repeat: repeat-x,repeat-x; /* Tile the banner across the page as needed. */
    background-color: #512e3f; /* Dark red background as fallback. */
    background-position: top left, bottom left;
    
    /* Spacing to make the banner tall enough to see */
    padding: 40px 20px 40px 20px; 
    text-align: left;
}

/* Styling the title text so it's readable over the banner */
.archive-header h1 {
    margin: 0;
    font-family: "Trebuchet MS", arial, sans-serif;
    font-size: 40px;
    color: #ffffff;
}

.archive-header a {
    color: #ffffff;
    text-decoration: none; /* Removes the default blue underline. */
}

.archive-header a:hover {
    text-decoration: underline;
}
body {
    background-color: #512e3f; /* Dark red background. */
    margin: 0; /* Strips out default browser margins. */
}
main {
    /* Font and textcolor copied from the crawled site theme. */
    color: #f5e2ee;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-weight: 400;
    line-height: 24px;
    
    /* Modern layout improvements for readability. */
    max-width: 800px; /* Keeps the line length comfortable for reading. */
    margin: 0 auto;   /* Centers the text block on the screen. */
    padding: 40px 20px; /* Gives the text some breathing room. */
}
main p {
    margin-bottom: 20px;
}

main a {
    color: #dbaac1;
    text-decoration: none;
}

footer {
    color: #f5e2ee;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-weight: 400;
    line-height: 24px;
    
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 20px;
}

footer a {
    color: #dbaac1;
    text-decoration: none;
}

.story-title {
    color: #dbaac1;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 2.1em;
    font-weight: bold;
}

.ascii-signature pre {
    /* Ensures all characters are exactly the same width. */
    font-family: "Courier New", Courier, monospace; 
    
    /* Tightens the vertical spacing so the ASCII shapes connect. */
    line-height: 1; 
    
    /* Matches the pinkish text color elsewhere. */
    color: rgb(245, 226, 238); 
}