/**
 * ---------------------------
 * 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 Default Template
 * ---------------------------
 * 
 */

/**
 * Columns
 */ 

.template-default .column {
	width: 534px;
	margin-right: 12px;
}

.template-default #aside {
	position: relative;
	width: 242px;
	padding: 20px;
	margin-right: 0;
	margin-top: 50px;
	background-color: #002967;
}

.template-default #aside h2 {
	font-size: 1.125em;
	color: #fff;
}

.template-default #aside a:link,.template-default #aside a:visited {
	color: #fff;
}

.template-default #aside a:hover,
.template-default #aside a:active,
.template-default #aside a:focus,
.template-default #aside li.current a {
	color: #009de0;
}

.template-default #aside ul {
	border-left: 1px solid #fff;
}

.template-default #aside ul li {
	list-style: none;
}

/**
 * Aside rounded corners
 */

#aside b {
	position: absolute;
	width: 8px;
	height: 8px;
	display: none;
	background: url(/img/aside-corners.jpg) no-repeat;	
}

#aside b.tl {
	top: 0;
	left: 0;
	display: block;
	background-position: 0 0;
}

#aside b.tr {
	top: 0;
	right: 0;
	display: block;
	background-position: -8px 0;
}

#aside b.bl {
	bottom: 0;
	left: 0;
	display: block;
	background-position: -24px 0;
}

#aside b.br {
	bottom: 0;
	right: 0;
	display: block;
	background-position: -16px 0;
}