* { 
  margin: 0; 
  padding: 0; 
}

body {
  font: 14px/1.4 Monaco, MonoSpace;
  background: #666;
}

a {
  text-decoration: none;
  color: red;
}
a:hover, a:active {
  color: black;
}

style { 
  display: block; 
  white-space: pre; 
  background: #333; 
  color: white; 
  font: 12px Monaco; 
  padding: 0 15px; 
}

#page-wrap { 
  width: 560px; 
  margin: 80px auto; 
  padding: 50px; 
  background: #eee; 
  -webkit-border-radius: 20px;
  -moz-border-radius:    20px; 
  border-radius:         20px;
  -webkit-box-shadow:
         inset 0 0 10px rgba(0,0,0, 0.3),
               0 0 10px  rgba(0,0,0,0.3);
}

h1 { 
  font: bold italic 72px "atrament-web-1","atrament-web-2", Georgia, Serif; 
  margin: 0 0 20px 0; }
h2 { 
  font: bold italic 30px "atrament-web-1","atrament-web-2", Georgia, Serif; 
}
h1 > span { 
  color: red; 
}

.shape { 
  padding: 20px; 
}
.shape > div { 
  margin: 20px 0; 
}
.shape > h2 { 
  background: rgba(0,0,0,0.15); 
  padding: 10px; 
  width: 640px; 
  text-indent: 60px; 
  margin: 50px 0 0 -70px; 
  position: relative;
}
.shape > h2 > a {
  position: absolute;
  right: 20px;
  bottom: 10px;
  font-size: 20px;
}