main.css

body{background:#eee;margin:0;padding:0}
.example{background:#FFF;width:825px;border:1px #000 solid;margin:20px auto;padding:15px;-moz-border-radius: 3px;-webkit-border-radius: 3px}
.post_results {
  margin: 5px;
  width: 400px;
  border:1px solid #444;
  float:left;
}
.post_results ul {
  list-style:none;
  text-align:left;
  padding:0;
  margin: 0;
}
.post_results ul li {
  background: #555555;
  background: -moz-linear-gradient(top, #555555 0%, #444444 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#444444)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #555555 0%,#444444 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #555555 0%,#444444 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #555555 0%,#444444 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #555555 0%,#444444 100%); /* W3C */
  height: 60px;
  padding: 10px;
}
.post_results ul li:hover{
  background: #666;
}
.post_results ul li a{
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin-bottom:5px;
}
.post_results ul li a:hover{
  color: #eee;
}
.post_results ul li p {
  color: #ddd;
  font-size: 13px;
  margin: 0;
}