html {
  background-color: #b7b7fe;
  background-image: -moz-linear-gradient(top,#a3a3fe,#d5d5ff);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#a3a3fe),to(#d5d5ff));
  background-image: -webkit-linear-gradient(top,#a3a3fe,#d5d5ff);
  background-image: -o-linear-gradient(top,#a3a3fe,#d5d5ff);
  background-image: linear-gradient(to bottom,#a3a3fe,#d5d5ff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa3a3fe', endColorstr='#ffd5d5fe', GradientType=0);
}
body {
  margin: 8px auto;
  width: 700px;
  color: #333;
  border-left: 4px double #a3a3fe;
  border-right: 4px double #a3a3fe;
  padding: 4px 1em 4px 1em;
  background-color: rgba(255,255,255,0.3);
}
body h1 {
  color: #333;
  border-bottom: 1px solid #b3b3b3;
}
body p {
  color: #333;
}
.content {
  padding: 1em;
  background-color: rgba(255,255,255,0.6);
}
.footer {
  border-top: 1px solid #b3b3b3;
  font-size: smaller;
  padding-top: 1em;
}
body {
  background-color: #4d4d4d;
}