h1 {
  margin: 0;
}
body#card {
  margin: 50px auto; 
  width: 600px; 
}
body#card div#content {
  text-align: center; 
  background-color: #E2EE00; 
  padding: 20px 50px;
}
body#card div#content h2 {
  font-size: 135%; 
  margin: 0 0 1em;
}
body#card div#content p {
  font-size: 110%;
}

.masthead {
  padding: 0 10px;
  background-color: #E2EE00; 
  margin: 0 auto; 
  width: 800px; 
}
#content h1, .masthead h1 a {
  background: transparent url(images/skint-logo-2010.png) no-repeat 0 .5em ;
  width: 350px;
  height: 78px;
  text-indent: -10000px;
  text-align: center;
  margin: 0 auto; 
  padding: .5em 0;
  display: block;
}
.masthead p {
  font-size: 200%; 
  display: block; 
  padding: 10px 0; 
  margin: 0;
}
body.page {
  margin: 0; 
  padding: 0; 
  background-color: #eee;
}
body.page div#content {
  margin: 0 auto;  
  padding: 20px 40px; 
  background-color: #fff; 
  text-align: left; 
  width: 740px; 
}
.todo {
  background-color: #ffff00;
}