a.button {
	background: -webkit-linear-gradient(top, #d5d5d5, #c0c0c0);
	border-radius: 3px;
	box-shadow: 0 2px 0 #aaa;
	color: #333;
	display: inline-block;
	font-weight: bold;
	padding: 5px 10px;
	text-shadow: 0 1px 0 #eee;
}

a.button:hover {
	background: -webkit-linear-gradient(top, #e5e5e5, #d0d0d0);
	text-decoration: none;
}

.callout {
  background: #333;
  padding: 10px;
  float: right;
  display: block;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin: 0 0 20px 20px;
}

.callout.purple {
  background: #660637;
}

.callout.blue {
  background: #0e7bab;
}

.callout p {
	margin: 0 0 0.5em;
}

.box {
  background: #333;
  padding: 10px;
  float: left;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin: 0 0 20px 0;
}

.b-red {
  background: #ff0050;
}

.b-yellow {
  background: #ffaa00;
}

.b-green {
  background: #50aa32;
}

.b-half {
  width: 50%;
}

.b-half.b-center {
  float: none;
  margin: 0 auto 20px auto;
}

.b-full {
  width: 100%;
}

.b-left {
  float: left;
  margin: 0 20px 20px 0;
}

.b-right {
  float: right;
  margin: 0 0 20px 20px;
}