h3 {
 margin-top: 100px;
}

a {
 text-decoration: none;
 color: #575757;
 border-bottom-width: 1px;
 border-style: dotted;
 border-top-width: 0;
 border-right-width: 0;
 border-left-width: 0;
}

li {
 padding: 50px 0;
 position: relative;
 list-style-type: none;
 border-bottom: 1px solid #bbb;
}

li > a:first-child {
 position: absolute;
 right: -50px;
 top: 45px;
 border: 0;
 font-size: 20px;
 color: #bbb;
}

ul {
 width: 700px;
 margin: auto;
 padding-bottom: 100px;
}

li:last-child {
 border-bottom: 0;
}

a:hover {
 color: #000;
 border-bottom: 1px solid;
}

body h2 {
 font-size: 5em;
 text-align: center;
 display: block;
}

b {
 display: block;
 text-align: center;
 font-weight: normal;
 font-style: italic;
 color: #777;
 margin-top: -50px;
}

p a {
 color: #222;
}

html body div[align=right] {
 text-align: center;
 margin-top: 150px;
 color: #888;
}

html body div[align=center] {
 margin-top: -50px;
}

html body div[align=center]:after {
 content: "?";
 padding-left: 10px;
 color: #777;
}

h2 a:hover {
 border: 0;
}

body {
 font-family: Palatino, "Palatino Linotype", serif;
 color: #000;
 background-image: -webkit-gradient(
    linear,
    left top,
    left 400,
    color-stop(0, #ccc),
    color-stop(1, #eee)
);
}

h2 a {
 border: 0;
 text-shadow: 0 0 8px #999;
}

html body h3 {
 text-align: center;
 font-size: 40px;
 text-shadow: 0 0 7px #999;
}

body > p {
 text-align: center;
 margin: 0;
 color: #777;
 font-style: italic;
}

blockquote:before {
 content: "“";
 font-size: 80px;
 font-family: l;
 font-weight: bold;
 position: absolute;
 top: -15px;
 left: -45px;
 opacity: 0.1;
}

blockquote {
 position: relative;
 font-style: italic;
 color: #555;
 padding: 0 10px;
}