@import url(http://fonts.googleapis.com/css?family=Lato:400,900);

.mceContentBody, #columns {
	font-family: Arial;
	color: #555;
	font-size: 16.66666px;
}

.mceContentBody {
	background: #ccc;
}

#columns p, .mceContentBody p,
#columns h2, .mceContentBody h2,
#columns h3, .mceContentBody h3,
#columns h4, .mceContentBody h4,
#columns li, .mceContentBody li {
	margin-left: 9px;
	margin-right: 9px;
	color: #555;
}

.mceContentBody a, #columns a {
	color: #225;
}

#columns h2 {
	text-align: center;
	text-transform: uppercase;
	color: #95bc2f;
	font-weight: normal;
	font-family: Lato;
}

span.download {
	display: inline-block;
	border-radius: 5px;
	background: white;
	box-shadow: 0 0 10px black;
	position: relative;
}

span.download .download-type {
	position: absolute;
	left: 0;
	top: 0;
}

span.download .description {
	position: absolute;
	color: #555;
	left: 72px;
}

span.download .file-info {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
	font-size: 0.7em;
	border-radius: 5px;
}

a span.download {
	text-decoration: none;
}

a span.download .file-info {
	color: #555;
}

.rf3-button {
	display: inline-block;
	background-image: url(images/orange.png);
	background-position: top center;
	font-weight: bold;
	height: 34px;
	line-height: 34px;
	padding: 0 10px;
	border: 1px solid #D1712E;
	text-transform: uppercase;
	border-radius: 5px;
	color: white;
	box-shadow: 2px 2px 4px rgba(0,0,0,.5);
	transition-duration: 500ms;
	-moz-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	-webkit-transition-duration: 500ms;
	-ms-transition-duration: 500ms;
}

.rf3-button a, a .rf3-button {
	color: white;
	text-decoration: none;
}

.rf3-button:hover {
	background-position: bottom center;
}