body {
color: #444;
font-size: 14px;
font-family: Georgia, "Times New Roman", Times, serif;
background: #ccc;
vertical-align: middle;
}

.header {
text-align: center;
padding: 50px;
}

.header img {
margin: 0 0 50px;
}

.data {
margin-left: 10%;
line-height: 24px;
}

.data td {
padding: 20px;
}

.footer {
text-align: center;
padding: 50px;
font-size: 16px;
}

H1 {
color: #444;
font-size: 20px;
line-height: 50px;
}

a {
color: #000;
text-decoration: none;
}

a:hover {
text-decoration: underline;
} 

a:visited {
color: #888;
}

.archive {
font-size: 16px;
margin-left: 30%;
line-height: 38px;
}

.archive a {
position: relative;
left: 3em;
}

.archive b {
font-variant: small-caps;
/* text-transform: uppercase; */
font-size: 14px;
letter-spacing: .3em;
word-spacing: 1.5em;
}

.index {
padding: 0 25%;
}

.index p {
text-align: justify;
font-size: 12px;
line-height: 18px;
text-indent: 24px;
}