/**
 * ---------------------------
 * Client: Anti-Kraak.nl
 * URL: www.anti-kraak.nl
 * Author: Harmen Janssen, Dutch Internet Works
 * Media: Screen
 * Browser: All
 *
 * Color guide;
 * ---------------------------
 * #009de0 Light blue
 * #002967 Navy
 * #dbdbdb Grey
 * ---------------------------
 * 
 * Notes;
 * ---------------------------
 * Font-sizes are based on the 16px browser default, which is valid for most browsers and users.
 * Font-sizes and line-heights are calculated as such:
 * font-size = d / 16    where 'd' is the desired font-size.
 * Example:
 * a font-size of 14px would be set in 0.875em, since 14 / 16 = .875
 * 
 * These are styles specific to the Home Template
 * ---------------------------
 * 
 */

/**
 * Columns
 */

.template-home #main-content {
	width: 828px;
}

.template-home .column {
	width: 266px;
	text-align: center;
}

.template-home .first {
	width: 266px;
	padding-right: 7px;
	border-right: 1px solid #dbdbdb;
}

.template-home .second,.template-home .third {
	width: 266px; /* - (2 * 7px padding) */
	padding: 0 7px;
	border-right: 1px solid #dbdbdb;
}

.template-home .third {
	width: 266px;
	padding: 0 0 0 7px;
	border-width: 0;
}

.template-home .column p {
	text-align: left;
}

.template-home .column img {
	margin-bottom: .5em;
}

.template-home .column .read-more {
	border-bottom: 1px dotted #002967;
}

.template-home .column .read-more a {
	position: relative;
	top: 0.79165em; /*1.5833em;*/
	width: 5.2em;
	display: block;
	padding: 0 30px 0 .5em;
	float: right;
	line-height: 1.5833em; /* = 19px, the height of the icon */
	background: #fff url(/img/read-more-icon.jpg) no-repeat 100% 50%;
	border-bottom-width: 0;
}