#articles {
	/* this is important */
	overflow: hidden;

	width: 240px;
	height: 260px;
	background: #eee;
	border: solid 1px #888;
	margin: 25px auto auto;

  background-image: -moz-linear-gradient(top, #f0f0f0, #cccccc); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0f0f0),color-stop(1, #cccccc)); /* Saf4+, Chrome */
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f0f0f0', EndColorStr='#cccccc'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f0f0f0', EndColorStr='#cccccc')"; /* IE8 */

	 -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
		  border-radius: 6px;
}

#articles:hover {
	background: #fff;
}

.article {
	/* block level a tags #ftw! */
	display: block;
	text-decoration: none;
	color: #333;
	padding: 10px;
}

.article h1 {
	font-size: 16px;
        font-weight:bold;
        color:#222;
}

.article span {
	text-decoration: underline;
	color: #027AD7;
	display: block;
}

.article p {
	margin-top: 8px;
	margin-bottom: 8px;
        font-size:12px;
}

.date {
	font-size: 10px;
}