/*
Theme Name: CommunicatieCheck
Theme URI: http://www.media-enzo.nl
Description: CommunicatieCheck theme voor WordPress
Author: Niels van Renselaar
Version: 1.0
*/

html, body {
	height: 100%;
}

body {
	background: url('images/bg-body.jpg') no-repeat left top;
	font-family: verdana, arial;
	font-size: 11px;
}


.line {
	position: absolute;
	top: 238px;
	left: 0px;
	width: 100%;
	height: 1px;
	line-height: 0px;
	background: #80af4a;
}

#wrapper {
	width: 960px;
	position: absolute;
	left: 50%;
	margin-left: -480px;
}

#header {
	text-align: center;
	height: 192px;
	margin-top: 4px;
	position: relative;
}

#header #social {
	width: 200px;
	top: 10px;
	right: 10px;
	position: absolute;
	font-weight: bold;
}

#header #social img {
	margin-bottom: -13px;
	max-width: 35px;
}

#logos {
	height: 43px;
}

#logos ul li {
	float: left;
	display: block;
	margin-right: 20px;
	height: 24px;
	padding: 12px 0px 0px 0px;
}

#logos ul li.last {
	margin-right: 0px;
}

#logos ul li a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	line-height: 14px;
}

#logos ul li a:hover {
	text-decoration: underline;
}

.vinkje-oranje {
	background: url('images/vinkje-oranje.png') no-repeat;
}

.vinkje-roze {
	background: url('images/vinkje-roze.png') no-repeat;
}

.vinkje-geel {
	background: url('images/vinkje-geel.png') no-repeat;
}

.vinkje-rood {
	background: url('images/vinkje-rood.png') no-repeat;
}

.vinkje-blauw {
	background: url('images/vinkje-blauw.png') no-repeat;
}

#content {
	float: left;
	width: 650px;
}

#sidebar {
	float: right;
	width: 300px;
	background: url('images/bg-sidebar.png');
	position: relative;
}

#sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#sidebar ul li.widget {
	margin-bottom: 20px;
}

#sidebar ul li a  {
	color: #669900;
	font-weight: bold;
	text-decoration: none;
}

#sidebar ul li a:hover {
	text-decoration: underline;
}

#sidebar .widgettitle {
	text-transform: uppercase;
	font-size: 13px;
	margin-bottom: 10px;
}

.sidebar-text {
	padding: 30px 20px 20px 20px;
}

.content-text {
	padding: 35px 20px 20px 0px;
}

.left {
	float: left;
	width: 300px;
}

.right {
	float: left;
	width: 300px;
}

.large {
	float: left;
	width: 600px;
}

.text h3 {
	text-transform: uppercase;
	font-size: 13px;
	margin-bottom: 10px;
}

.text p {
	font-size: 12px;
	line-height: 20px;
}

.text p a {
	color: #669900;
	font-weight: bold;
	text-decoration: none;
}

.text p a:hover {
	text-decoration: underline;
}

.text ul {
	list-style: circle;
	margin-left: 20px;
}

.text ol {
	list-style: decimal;
	margin-left: 20px;
}

.text ul li, .text ol li {
	font-size: 12px;
	line-height: 20px;
}

.homepage-footer {
	width: 650px;
	text-align: center;
	padding: 20px 0px 20px 0px;
}

.homepage-footer.nocenter {
	text-align: left;
}

.homepage-footer .center {
	margin: 20px 0 0 50px;
}

.twitter-share-button {
	margin-bottom: -1px;
}

#home-icon {
	position: absolute;
	top: 5px;
	right: 10px;
}

ul.tweets li {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px #669900 solid;
}