#sidebar {
  float: right;
	width: 250px;
}
#sidebar p {
  margin: 0;
	padding: 5px 0 0 10px;
  line-height: 22px;
	font-size: 120%;
}
#sidebar p.title {
  padding: 5px 0 0 28px;
  font-size: 140%;
	color: #666;
}
#sidebar #info p.title {
  background: url('http://alistof.com/public/img/information.png') 5px 8px no-repeat;
}
#sidebar #info-avatar p.title {
  margin-top: 20px;
  background: url('http://en.gravatar.com/favicon.ico') 5px 8px no-repeat;
}

#registration {
  width: 630px;
}

#registration form {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
#registration input {
  width: 50%;
  padding: 5px;
}
#registration form dl dt {
  margin: 0 0 2px 0;
  padding-top: 10px;
  border-top: 1px dotted #CCC;
  font-size: 120%;
  color: #666;
}
#registration form dl dt.first {
  padding-top: 0;
  border-top: none;
}
#registration form dl dt span {
  float: right;
}
#registration form dl dd {
  margin: 0 0 10px 0;
}
#registration form dl dd.note {
  font-size: 110%;
  color: #999;
}
#registration form dl dd.field {
  padding: 10px;
  background-color: #F2F2F2;
}
#registration form dl dd.error {
  color: #CC0000;
}
#registration form dl dd.successfield {
  padding: 5px;
  background-color: #54BA32;
}
#registration button {
  padding: 10px;
}

button {
  margin-top: 20px;
  padding: 3px 6px;
  font-size: 160%;
}