/*
Theme Name: check your DNA
Theme URI: www.checkyourdna.nl
Description: Het WordPress theme voor check your DNA.
Version: 1.0
Author: Roel Beekmans
Author URI: http://www.skyhighmedia.nl/
*/

/* ALGEMEEN */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, samp, small, strike, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0 none;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline-style:none;
	outline-width:0;
	padding:0;
	vertical-align:baseline;
}

body {
  margin:0;
  padding:0;
  background:#bae7f3;
  color:#008caa;
  height:100%;
  font-family:"Arial","Verdana", sans-serif;
	font-size:12px;
	letter-spacing:0.5px;
	line-height:18px;
	background-image:url('css/background.jpg');
  background-repeat:no-repeat;
  background-position:top center;
}

/* MENU */

.menu {
  float:right;
  height:auto;
  margin:270px 5px 0 0;
	padding:0;
}

.menu ul {
	margin: 0px;
	height: auto;
	width: auto;
	list-style-type: none;
	padding: 0px;
}
.menu ul li {
	display:inline;
	float:left;
	padding: 0 0 0 15px;
	margin:0;
	font-size: 14px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0;
}  
.menu ul li a:link, .menu ul li a:visited {
	display: block;
	margin: 0;
	padding: 0;
	color: #c6f8ff;
	text-decoration: none;
	width: auto;
}
.menu ul li a:hover, .menu ul li a:active {
	display: block;
	margin: 0;
	padding: 0;
	color: #cbdc40;
	text-decoration: none;
	width: auto;
}

.menu .current_page_item a:link, .menu .current_page_item a:visited, .menu .current_page_item a:hover, .menu .current_page_item a:active {
	display: block;
	margin: 0;
	padding: 0;
	color: #cbdc40;
	text-decoration: none;
	width: auto;
}

/* CONTENT */

#pagewrap {
	width:996px;
  margin:0 auto;
	padding:0;
}

#header {
  height:304px;
  width:996px;
  margin:0;
	padding:0;
	background-image:url('css/header.jpg');
}

#headerRowyco a {
	height:36px;
  width:93px;
  display:block;
  text-indent:-9999px;
  margin:14px 0 0 89px;
  position:absolute;
}

#headerLogo a {
	height:122px;
  width:262px;
  display:block;
  text-indent:-9999px;
  margin:133px 0 0 93px;
  position:absolute;
}

#main {
  min-height:600px;
  width:616px;
  margin:18px 0 0 0;
	padding:45px 45px 45px 335px;
	background-image:url('css/content.png');
	background-repeat:no-repeat;
  background-position:top center;
}

#main_content {
  width:690px;
  min-height:auto;
  margin:0;
	padding:45px;
}

#main_bottom {
  height:17px;
  width:996px;
  margin:0;
	padding:0;
	background-image:url('css/content_bottom.png');
}

#sidebar {
  float:left;
  height:auto;
  width:149px;
  margin:0;
	padding:0 25px 0 25px;
}

#sidebar ul{
list-style-type: none;
margin: 0 ;
padding: 0;
}

#sidebar li{
list-style-type: none;
margin: 0;
padding: 0 0 5px 0;
}

#home_welkom {
  float:left;
  width:200px;
  min-height:100px;
  margin:0 0 25px 0;
	padding:0 25px 0 0;
}

#home_promo {
  float:left;
  width:225px;
  min-height:100px;
  margin:0 0 25px 0;
	padding:0;
}

#home_nieuws {
  clear:both;
  margin:0;
	padding:0;
}


/* FOOTER */

#footer {
	width:941px;
	height:118px;
  margin:10px 0 0 0;
	padding:25px 0 0 50px;
	color:#;
	background-image:url('css/footer.png');
	background-repeat:no-repeat;
  background-position:11px;
}

#footerYes {
	float:left;
	width:82px;
	height:92px;
  margin:0;
	padding:0;
}

#footerUrent {
	float:left;
	width:138px;
	height:46px;
  margin:0;
	padding:24px 0 0 60px;
}

#footerStaffable {
	float:left;
	width:167px;
	height:52px;
  margin:0;
	padding:24px 0 0 60px;
}

#footerGezet {
	float:left;
	width:91px;
	height:69px;
  margin:0;
	padding:12px 0 0 60px;
}

#footerHeineken {
	float:left;
	width:177px;
	height:26px;
  margin:0;
	padding:35px 0 0 60px;
}

#footerSig {
	float:right;
	width:143px;
	height:22px;
  margin:0;
	padding:0 10px 50px 0;
}

#footer a:link,#footer a:visited {
	color: #707070;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	color: #707070;
	text-decoration: underline;
}

.left{
	float: left;
}

.right{
	float: right;
	padding:0 5px 0 0;
}

/* AGENDA POSTS */

.post {
  margin:0;
	padding:0 0 15px 0;
}

.postmetadata {
  margin:0;
	padding:15px 0 15px 135px;
}

.poststreep {
  height:1px;
  width:579px;
  margin:0;
	padding:0;
	background-image:url('css/post_streep.jpg');
	background-repeat:no-repeat;
}

.entry {
	display:block;
}

/* TEKST */	

p {
  margin:0;
  padding:0 0 15px 0;
}

h1{
	padding:0 0 15px 0;
	font-size: 25px;
	color:#04738b;
}

h2{
	padding:0 0 15px 0;
	font-size: 18px;
	color:#04738b;
}

h3{
	padding:15px 0 15px 0;
	font-size: 18px;
	color:#04738b;
}

h4{
	padding:0 0 15px 0;
	font-size: 16px;
	color:#04738b;
}

#home_nieuws h3{
	padding:0 0 5px 0;
	font-size: 14px;
}

#home_nieuws h3 a:link, #home_nieuws h3 a:visited{
	padding:0;
	font-size: 14px;
	color: #acacac;
	text-decoration: none;
}

#home_nieuws h3 a:hover, #home_nieuws h3 a:active{
	padding:0;
	font-size: 14px;
	color: #acacac;
	text-decoration: underline;
}

#sidebar_bottom p{
	font-size: 0.8em
}

a:link, a:visited {
	color: #e17d26;
	text-decoration: none;
}

a:hover, a:active {
	color: #e17d26;
	text-decoration: underline;
}

/* COMMENTS */

.comments-template{
	margin: 10px 0 0;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

/* FLOATS */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}
