/*
Theme Name: Haicu webdesign - Mark van Kollenburg
Theme URI: http://www.haicu.nl/
Description: Mark van Kollenburg
Version: 1.0
Author: Han Hegeman
Author URI: http://www.haicu.nl/
Tags: basic, css, fixed width, 2 column

	Haicu webdesign - Mark van Kollenburg v1.0
	http://www.haicu.nl/
	All rights reserved

*/

/* Begin Structure */

html {
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	background: #ffffff;
}

body {
	margin: 0;
	padding: 0;
	background: #ffffff;
	text-align: center;
	}

#canvas {
	margin: 0px auto;
	padding: 0;
	width: 960px;
	text-align: left;
	background:#ebedf4 url('images/gradient.gif') top left repeat-x;
	}

#header {
	margin: 20px 0 0 0;
	padding: 0px;
	width: 960px;
	overflow: hidden;
	
	}
	
#headertop {
	margin: 0 20px;
	padding: 0px;
	clear:both;
}

#headertopleft {
	float:left;
	margin: 0px;
	padding: 0px;
}

#headertopright {
	float:right;
	margin: 0px;
	padding: 0px;
}

#headerbottom {
	position:relative;
	margin: 0 0px;
	padding: 0px 20px 20px 20px;
	clear:both;
	background:#f0f8f1;
}	

	
#headerbottomleft {
	float:left;
	margin: 0px;
	padding: 0px;
	}
	
#headerbottomright {
	position:absolute;
	right:20px;
	bottom:20px;
	margin: 0px;
	padding: 0 0 0px 0;
	vertical-align:bottom;
	}
	
#content {
	float: left;
	padding: 0;
	margin: 20px 20px 0px 20px;
	width: 600px;
	}

#sidebar-1 {
    width:300px;
    float:right;
    margin:20px 20px 0px 0px;
}

#footer {
	margin: 20px auto;
	padding: 0;
	width: 960px;
	height:30px;
	line-height:30px;
	color:#fff;
	background:#002d62;
	clear: both;
	text-align:center;
	}

.clear {
	clear: both;
}

.postmetadata {
	margin: 10px 0px 10px 0px;
	}

/* End Structure */

/* Begin Typography & Colors */
body {
	font: 12px/18px Arial, Verdana, sans-serif;
	color: #001022;
	}
	
#content {
	text-align:left;
	font: 12px/18px Arial, Verdana, sans-serif;
	color: #001022;
	}
	
#content h1, #content h1 a {
	font: 18px/22px Arial, Verdana, sans-serif;
	font-style:normal;
	color:#00b159;
	margin:10px 0 0 0;
	text-transform:uppercase;
	text-decoration: none;
}

#content h2, #content h2 a {
	font: 14px/18px Arial, Verdana, sans-serif;
	font-style:normal;
	color:#002d62;
	margin:10px 0 0 0;
	text-transform:uppercase;
	text-decoration: none;
}

#content blockquote {
	margin: 0;
	padding: 0;
	font-weight:bold;
	border-bottom:3px solid #00b159;
	}
	
#content blockquote p {
	margin: 4px 0 10px 0;
	padding: 0;

	}

#content .entry {
	border-bottom:3px solid #00b159;
}

#content .postmetadata {
	font-style: italic;
}
	
.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}

.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}

small {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 14px;
	}

a {
	color:#00b159;
	text-decoration: none;
	}

a:hover {
	color: #001022;
	text-decoration: underline;
	}
	
img {
	border: 0px;
}


	
.postmetadata, .postmetadata a {
	font: 12px/16px Arial, Verdana, sans-serif;
	color:#000000;
	}
	

.navigation, .navigation a, .navigation a:visited {
	font: 12px/16px Arial, Verdana, sans-serif;
	color:#000000;
	}
	
/* End Typography & Colors */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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
	}
/* End Images */


/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/* Begin Header */

#headerbottomleft {
	font: 28px/20px "Arial Black", Arial, Verdana, sans-serif;
	text-transform:uppercase;
	}
	
#headerbottomleft ul, #headerbottomleft li {
	padding: 0px;
	margin: 0px;
	list-style:none;
}


#headerbottomleft, #headerbottomleft a, #headerbottomleft a:link, #headerbottomleft a:visited {
	color:#cce6cb;
	text-decoration:none;
	outline:none;
	}
	
#headerbottomleft a:hover, #headerbottomleft a:active,
#headerbottomleft .current_page_item, #headerbottomleft .current_page_item a {
	color:#00b159;
	text-decoration:none;
	outline:none;
	}
	
#headerbottomleft li.page-item-7, #headerbottomleft li.page-item-7 a, #headerbottomleft li.page-item-7 a:link, #headerbottomleft li.page-item-7 a:visited {
	color:#c1c6cb;
	text-decoration:none;
	outline:none;
	}
	
#headerbottomleft li.page-item-7 a:hover, #headerbottomleft li.page-item-7 a:active,
#headerbottomleft li.page-item-7.current_page_item, #headerbottomleft li.page-item-7.current_page_item a {
	color:#002d62;
	text-decoration:none;
	outline:none;
	}
	
#headerbottomleft li.page-item-11, #headerbottomleft li.page-item-11 a, #headerbottomleft li.page-item-11 a:link, #headerbottomleft li.page-item-11 a:visited {
	color:#c1c6cb;
	text-decoration:none;
	outline:none;
	}
	
#headerbottomleft li.page-item-11 a:hover, #headerbottomleft li.page-item-11 a:active,
#headerbottomleft li.page-item-11.current_page_item, #headerbottomleft li.page-item-11.current_page_item a {
	color:#002d62;
	text-decoration:none;
	outline:none;
	}
	
#headerbottomleft li.page-item-15, #headerbottomleft li.page-item-15 a, #headerbottomleft li.page-item-15 a:link, #headerbottomleft li.page-item-15 a:visited {
	color:#c1c6cb;
	text-decoration:none;
	outline:none;
	}
	
#headerbottomleft li.page-item-15 a:hover, #headerbottomleft li.page-item-15 a:active,
#headerbottomleft li.page-item-15.current_page_item, #headerbottomleft li.page-item-15.current_page_item a {
	color:#002d62;
	text-decoration:none;
	outline:none;
	}
	
#headerbottomright {
	font: 28px/20px "Arial Black", Arial, Arial, Verdana, sans-serif;
	text-transform:uppercase;
	}
	
#headerbottomright, #headerbottomright a, #headerbottomright a:link, #headerbottomright a:visited {
	color:#cce6cb;
	text-decoration:none;
	outline:none;
	}
	
#headerbottomright a:hover, #headerbottomright a:active,
#headerbottomright .current_page_item, #headerbottomright .current_page_item a {
	color:#00b159;
	text-decoration:none;
	outline:none;
	}
	
#headerbottomright span.blauw, #headerbottomright span.blauw a, #headerbottomright span.blauw a:link, #headerbottomright span.blauw a:visited {
	color:#c1c6cb;
	text-decoration:none;
	outline:none;
	}
	
#headerbottomright span.blauw a:hover, #headerbottomright span.blauw a:active,
#headerbottomright span.blauw .current_page_item, #headerbottomright span.blauw .current_page_item a {
	color:#002d62;
	text-decoration:none;
	outline:none;
	}

/* End Header */

/* Begin Footer */

#footer a {
	color:#fff;
	text-decoration:underline;
}

#footer a:hover {
	color:#fff;
	text-decoration:none;
}

/* End Footer */

/* Begin Sidebar-1 */

#sidebar-1 {
	font: 12px/16px Arial, Verdana, sans-serif;
}

#sidebar-1 h2 {
	font: normal 14px/18px Arial, Verdana, sans-serif;
	color: #fff;
	background:#00b159;
	text-transform:uppercase;
	margin:0px;
	padding:4px 10px;
}

#sidebar-1 h2 a, #sidebar-1 h2 a:link, #sidebar-1 h2 a:visited {
	color: #fff;
	text-decoration:none;
}

#sidebar-1 h2 a:hover, #sidebar-1 h2 a:active {
	color: #fff;
	text-decoration:none;
}

#sidebar-1 ul, #sidebar-1 li {
	padding: 0px;
	margin: 0px;
	list-style:none;
	color:#002d62;
}

#sidebar-1 ul.sidewidgets li ul {
	margin:0 0 10px 0;
	padding:0;
}

#sidebar-1 ul.sidewidgets li ul li {
	list-style:none;
	margin:0 0 3px 0;
	padding:10px 10px 10px 10px;
	background:#fff;
	border-bottom:3px solid #00b159;
}

#sidebar-1 ul.sidewidgets li ul li p {
	margin:0 0 0px 0;
	padding:0px;
	background:#fff;
}

#tweetblender-3 {
	background:#fff;
}

div.tb_tweet {
	margin:4px 10px;
	padding:0;
}

#sidebar-1 a, #sidebar-1 a:link, #sidebar-1 a:visited {
	color:#002d62;
	text-decoration:underline;
	}
	
#sidebar-1 a:hover, #sidebar-1 a:active {
	color:#002d62;
	text-decoration:none;
	}
	
#sidebar-1 a.decoinverted, #sidebar-1 a.decoinverted:link, #sidebar-1 a.decoinverted:visited  {
	color:#002d62;
	text-decoration:none;
}

#sidebar-1 a.decoinverted:hover, #sidebar-1 a.decoinverted:active {
	color:#002d62;
	text-decoration:underline;
	}
	
.timesince {
	display:block;
}
	
#sidebar-1 a.timesince, #sidebar-1 a.timesince:link, #sidebar-1 a.timesince:visited  {
	color:#002d62;
	text-decoration:none;
}

#sidebar-1 a.timesince:hover, #sidebar-1 a.timesince:active {
	color:#002d62;
	text-decoration:none;
	}
	

/* End Sidebar-1 */