/*  
Theme Name: Koolontwerpers
Description:  The iBlog2 theme by <a href="http://www.pagelines.com">Pagelines</a>, inspired by Apple. Support for native WordPress 'post thumbnails' added in 2.9. Change options in 'Appearance > iBlog2 Options'.  This version is localization ready, so send us your translations. 
Theme URI: http://www.pagelines.com/themes/
Version: 2.9.9.1
Author: PageLines
Author URI: http://www.pagelines.com
Tags: theme-options, white, silver, light, two-columns, fixed-width, threaded-comments, translation-ready, sticky-post, custom-header
	
	*Notes - Not titling your widgets in the sidebar can break the markup (and design)
	- change the header image and site favicon in Iblog options in the admin	
	
	This version released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
*/
 
/* STANDARD STYLING */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
}


/* Text elements */
p {
	margin-bottom: 18px;
}
ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style:upper-alpha;
}
ol ol ol {
	list-style:lower-roman;
}
ol ol ol ol {
	list-style:lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom:0;
}
dl {
	margin:0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	padding: 2px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
}
a:link {
	color:#0066CC;
}
a:visited {
	color:#743399;
}
a:active,
a:hover {
	color: #FF4B33;
}


body {
font : 10px Arial, "Myriad Pro", Helvetica, sans-serif;
line-height : 1.5;
background : #6B6767 url(test.jpg) no-repeat left top;
margin : 0;
padding : 0;
width : 100%;
height : auto!important;
min-width : 1024px;
min-height : 100%;
top : 0;
left : 0;
}

#page-background {position:fixed; top:0; left:0; width:100%; height:auto!important; z-index:-1000; overflow:hidden }

#background {position:fixed; top:0; left:0; width:100%; height:auto!important; z-index:-210; overflow:hidden }

#background-oud {
margin : 0;
width : 100%;
height : auto!important;
min-width : 1024px;
min-height : 100%;
position : fixed;
top : 0;
left : 0;
z-index : -210;
overflow:hidden; 
}
.stretch {
min-width : 1024px;
width : 100%;
height : auto!important;
z-index : -190;
overflow:hidden; 
}
.stretchbody {
min-width : 1024px;
width : 100%;
height : auto!important;
z-index : -990;
overflow:hidden; 
}
#header {
background : url(images/websitelogo.png) no-repeat;
width : 100%;
height : auto;
min-height : 150px;
min-width : 1024px;
position : fixed;
display : block;
z-index : 200;
overflow:hidden; 
}
#topmenubar {
position : fixed;
width : 100%;
top : 80px;
display : block;
overflow:hidden;
}
.p {
margin-bottom : 15px;
}
img {
border : none;
}
ul li {
margin : 0;
}
ul {
margin : 5px 0 15px;
padding-left : 20px;
}
ol {
margin : 5px 0 15px;
padding-left : 20px;
}
form {
margin : 0;
padding : 0;
}
small {
font-size : 90%;
}
hr {
border : none;
border-bottom : 1px dotted #666;
margin-bottom : 1em;
}
blockquote {
background : #f7f7f7;
padding : 10px 15px;
margin : 0 0 1em 2.5em;
font-size : 0.9em;
border : 1px solid #ddd;
}
a, h1.blogtitle a:hover, .postdata a:hover, h2.posttitle a:hover, tags a:hover, .commentlist cite a, .commentlist cite, #subnav li a:hover, #subnav .current_page_item a, .button:hover, #calendar caption {
color : #0088cc;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
#sidebar div.dbx-box {
border : 1px solid #bbb;
}
#wrapper {
width : 95%;
margin-bottom : 50px;
margin-top : 50px;
margin-left : 14px;
margin-right : 0px;
position : relative;
z-index : 10;
}
#header {
padding : 13px 0;
}
h1.blogtitle {
float : left;
line-height : 47px;
position : relative;
line-height : 39px;
font-size : 39px;
height : 39px;
font-family : Arial, "Myriad Pro", Helvetica, sans-serif;
}
h1.blogtitle .sheen {
position : absolute;
z-index : 5;
background-color : transparent;
background-image : url(images/sheen.png);
background-position : 0% 0%;
background-repeat : repeat-x;
display : block;
width : 100%;
height : 25px;
float : left;
}
h1.blogtitle a {
color : #000;
}
.description {
float : left;
margin-top : 16px;
margin-left : 10px;
color : #666;
}
#clock_a {
float : right;
font-size : 10px;
padding : 0;
margin : 0;
}
#searchform {
width : 205px;
float : right;
font-size : 10px;
padding : 0;
margin : 0;
margin-top : 2px;
margin-bottom : 2px;
}
#searchform #s {
background : #ffffff url(images/form-field-bg.gif) no-repeat;
width : 150px;
padding : 2px 2px 2px 2px;
font-size : 10px;
color : #999;
border : 1px solid #888;
margin : 0;
margin-top : 2px;
margin-bottom : 2px;
}
#searchform #searchsubmit {
background : url(images/search-button.png) no-repeat 0% 0%;
height : 24px;
width : 24px;
border : none;
cursor : pointer;
text-indent : -999%;
line-height : 1px;
margin : 0;
}
h1, h2, h3, h4, h5, h6 {
color : #333;
font-weight : normal;
margin: 0 0 20px 0;
padding : 0;
line-height : 1.5em;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
color : #333;
}
h1 {
font-size : 32px;
}
h2 {
font-size : 28px;
}
h3 {
font-size : 24px;
}
h4 {
font-size : 20px;
}
h5 {
font-size : 16px;
}
h6 {
font-size : 12px;
}
#page #container #left-col {
width : 675px;
float : right;
}
#nav {
font-size : 12px;
Color : #FFFFFF;
<?--background : #6B6767 url(images/navgrad-normal.png) repeat-x left top; -->
height : 33px;
z-index : 300;
width : 100%;
}
#nav small {
display : none;
}
#nav ul {
list-style : none;
display : block;
margin : 0 0 0 10px;
padding : 0;
width : 710px;
float : left;
}
#nav ul li {
font-weight : bold;
margin : 0 0 0 0;
padding : 0;
float : left;
}
#nav ul li a.home {
padding : 7px 15px 8px 15px;
}
#nav ul li a {
padding : 7px 14px 8px 14px;
text-decoration : none;
border-right : 1px solid #bbb;
color : #333;
display : block;
}
#nav .current_page_item a, #nav .current_page_item a:hover, #nav li a:active {
text-decoration : none;
background : #2a2a2a url(images/navgrad-active.png) repeat-x left top;
color : #fff;
}
#nav li a:hover {
color : #fff;
background : #2a2a2a url(images/navgrad-hover.png) repeat-x left top;
}
#nav ul li a:active {
color : #fff;
background : #2a2a2a url(images/navgrad-active.png) repeat-x left top;
}
#subnav {
background : #fff url(images/agradient-30light.gif) repeat-x left top;
margin-top : 15px;
border : 1px solid #ddd;
}
#subnav ul {
margin : 0;
padding : 0 0 0 5px;
list-style : none;
}
#subnav li {
border-right : 1px solid #d8d8d8;
padding : 4px 7px;
margin : 0;
float : left;
}
#subnav li a, #subnav li a:visited, #subnav .page_item {
text-decoration : none;
color : #6B6767;
}
#subnav ul li ul li {
display : none;
}
#content {
clear : both;
overflow : hidden;
margin-top : 100px;
margin-bottom : 5px;
}

.post {
border : 1px solid #bbb;
background : #fff;
padding : 15px 15px 15px 15px;
clear : both;
overflow : hidden;
padding-bottom : 1em;
}
.post.sticky {
font-weight : bold;
border : 4px solid #ddd;
}
.post.sticky .posttitle {
font-weight : bold;
}
.post .date {
height : 50px;
width : 45px;
background : url(images/calendar.gif) no-repeat;
font : normal 22px Arial, "Myriad Pro", Helvetica, sans-serif;
color : #666666;
text-align : center;
padding : 0 2px 0 0;
line-height : 100%;
float : left;
}
.post .date span {
height : 16px;
display : block;
font : normal 11px Arial, "Myriad Pro", Helvetica, sans-serif;
color : #ffffff;
text-align : center;
padding-top : 7px;
}
.post .title {
float : left;
margin-left : 10px;
width : 558px;
}
.postdata {
font-size : 90%;
color : #999999;
}
.postdata a, .postdata a:visited {
color : #999999;
text-decoration : none;
}
.postdata .category {
float : left;
}
.postdata .author {
font-weight : bold;
float : left;
padding-right : 10px;
}
.postdata .comments {
float : right;
}
.mini-add-comment {
background : url(images/mini-down-arrow.gif) no-repeat left center;
padding-left : 12px;
float : right;
}
.entry {
padding : 15px 0 5px;
clear : both;
font-size : 11px;
line-height : 1.6em;
margin-bottom : 1em;
}
.billboard {
padding : 80px;
}
.postthumb {
float : left;
margin : 0 20px 10px 0;
}
.pop_post_div {
background : #f8f8f8;
padding : 20px 0 10px;
border-top : 1px solid #ddd;
border-bottom : 1px solid #ddd;
margin-bottom : 25px;
}
h2.posttitle {
color : #000;
margin : 3px 0 2px;
padding-bottom : 0;
font-size : 26px;
letter-spacing : -0.03em;
}
h2.posttitle a, h2.posttitle a:visited {
color : #000;
text-decoration : none;
}
.tags {
float : right;
color : #aaa;
margin-top : 0.15em;
margin-bottom : 2em;
}
.tags a {
font-weight : bold;
color : #000;
}
.page-nav {
clear : both;
margin-bottom : 0.6em;
padding : 4px;
background : #e5e5e5 url(images/agradient-30.gif) repeat-x left top;
}
.page-nav a, .page-nav a:visited {
color : #000;
text-decoration : none;
}
.page-nav a:hover {
color : #fff;
text-decoration : none;
}
.previous-entries a {
float : left;
padding-left : 10px;
margin-left : 10px;
background : url(images/navigation-left.gif) no-repeat left center;
}
.next-entries a {
float : right;
padding-right : 10px;
margin-right : 10px;
background : url(images/navigation-right.gif) no-repeat right center;
}
.post-nav {
clear : both;
padding-bottom : 35px;
margin-top : 15px;
font-size : 95%;
}
.post-nav a, .post-nav a:visited {
color : #999999;
text-decoration : none;
}
.post-nav a:hover {
color : #000000;
text-decoration : none;
}
.post-nav .previous a {
float : left;
padding-left : 20px;
background : url(images/post-nav-previous.gif) no-repeat left center;
}
.post-nav .next a {
float : right;
padding-right : 20px;
text-align : right;
background : url(images/post-nav-next.gif) no-repeat right center;
}
#comments {
background : url(images/comments.gif) no-repeat;
padding-left : 22px;
font : normal 140%/120% 'Myriad Pro';
clear : both;
}
#respond {
background : url(images/icons/edit.png) no-repeat;
padding-left : 22px;
margin : 20px 0 0;
clear : both;
}
#respond h3 {
font : normal 140%/120% Arial, "Myriad Pro", Helvetica, sans-serif;
}
.nocomments {
display : none;
}
#commentform {
margin-top : 10px;
}
#commentform label {
font-weight : bold;
color : #666;
font-size : 100%;
padding-left : 5px;
}
#commentform small {
color : #999999;
font-size : 90%;
}
#commentform textarea {
font : 110% Arial, "Myriad Pro", Helvetica, sans-serif;
width : 480px;
height : 140px;
background : url(images/form-field-bg.gif) no-repeat;
border : 1px solid #e6e6e6;
padding : 5px 3px 3px 7px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
border : 1px solid #999;
}
.commentlist {
list-style-type : none;
margin : 10px 0;
line-height : 130%;
padding-left : 45px;
font-family : Arial, "Myriad Pro", Helvetica, sans-serif;
}
.commentlist li {
padding : 5px 10px;
}
.commentlist ul.children {
list-style-type : none;
margin : 0.7em;
}
.commentlist ul.children .even {
background : #fff;
}
.commentlist .alt {
background : #333;
}
.commentlist cite {
font-weight : bold;
font-style : normal;
font-size : 110%;
}
.commentlist img.avatar {
float : left;
margin : 0 5px 5px -53px;
position : relative;
}
.commentlist .comment-meta {
margin-bottom : 5px;
display : block;
font-size : 87%;
}
.commentlist .alt {
background : #f4f4f4;
}
.commentlist li ul {
list-style-type : none;
}
.commentlist li ul li {
padding-bottom : 10px;
margin-bottom : 10px;
margin-top : 13px;
}
.commentlist li ul li ul li {
background-color : white;
}
.comment-meta {
margin-bottom : 1.4em;
font-size : 0.9em;
}
.comment-meta a {
color : #000;
}
.reply {
font-size : 0.9em;
margin : 1em 0;
}
img.avatar {
float : right;
margin : 5px;
}
.commentlist small {
margin-bottom : 5px;
display : block;
font-size : 87%;
}
.commentlist small a, .commentlist small a:visited {
color : #999999;
}
.comment-body p {
margin-left : 0.6em;
}
#cred {
position : absolute;
bottom : 0;
right : 0;
}
#cred a.pagelines {
font-size : 1.1em;
color : #000;
padding-left : 23px;
float : left;
background : url(images/pagelines-icon.gif) no-repeat 3px 0;
}
#cred a.pagelines:hover {
background : #ddd url(images/pagelines-icon.gif) no-repeat 3px 0;
color : #000;
}
a.plimage {
display : block;
float : left;
text-indent : -3330em;
height : 30px;
width : 105px;
font-size : 8px;
color : #eee;
background : url(images/pagelines-sig.png) no-repeat 0 0;
}
#cred a:hover {
text-decoration : underline;
}
.bottomnav {
background : #fff;
border : 1px solid #bbb;
margin : -1em 0;
padding : 5px 1em;
}
legend {
display : none;
}
fieldset {
border : none;
background : transparent;
}
label {
color : #333;
font-size : 0.9em;
display : block;
}
small {
color : #555;
font-size : 90%;
}
input {
font : 110% Arial, "Myriad Pro", Helvetica, sans-serif;
padding : 5px 3px 3px 5px;
background : url(images/form-field-bg.gif) no-repeat;
border-top : 1px solid #ccc;
border-right : 1px solid #aaa;
border-bottom : 1px solid #aaa;
border-left : 1px solid #ccc;
}
textarea {
font : 110% Arial, "Myriad Pro", Helvetica, sans-serif;
height : 140px;
background : url(images/form-field-bg.gif) no-repeat;
border-top : 1px solid #ccc;
border-right : 1px solid #aaa;
border-bottom : 1px solid #aaa;
border-left : 1px solid #ccc;
padding : 5px 3px 3px 7px;
}
textarea:focus, input[type="text"]:focus {
border : 1px solid #666;
}
.button, input[type="submit"], .submit {
border : 1px solid #aaa;
background : #e5e5e5 url(images/agradient-30light.gif) repeat-x left top;
margin : 0;
font-weight : bold;
font-family : Arial, "Myriad Pro", Helvetica, sans-serif;
}
.button:hover, input[type="submit"]:hover {
background : #bbb url(images/agradient-30.gif) repeat-x left top;
color : #000;
}
.button:active, input[type="submit"]:active {
background : #666 url(images/agradient-30dark.gif) repeat-x left top;
color : #fff;
}
#sidebar {
margin-top : 150px;
padding-bottom : 20px;
float : left;
width : 260px;
color : #666666;
line-height : 160%;
position : fixed;
display : block;
z-index : 200;
}
.welcome {
margin-bottom : 1em;
}
.welcome h2 {
font-size : 23px;
}
.welcome h3 {
font-size : 18px;
}
.welcome h2, .welcome h3 {
margin-bottom : 5px;
}
#sidebar .dbx-box #sidebar p {
margin : 0 0 15px;
}
#sidebar h3 {
font : bold 12px/100% Arial, "Myriad Pro", Helvetica, sans-serif;
color : #333;
}
#sidebar h3:hover {
color : #000;
}
#sidebar h3 a, #sidebar h3 a:visited {
color : #333;
}
#sidebar h3 img {
vertical-align : middle;
}
#sidebar a, #sidebar a:visited {
color : #000000;
text-decoration : none;
}
#sidebar a:hover, #sidebar a:focus, #sidebar a:active {
text-decoration : underline;
}
#sidebar ul {
list-style : none;
margin : 0;
padding : 0;
}
#sidebar ul li {
background-image : url(images/icons/bullet_black.png);
background-repeat : no-repeat;
padding-left : 22px;
background-position : 0% 1px;
}
#sidebar ul li ul li {
background-image : url(images/bullet_black.png);
background-repeat : no-repeat;
padding-left : 12px;
}
#archives ul li {
background-image : url(images/icons/calendar_view_month.png);
background-repeat : no-repeat;
}
#recent-comments ul li {
background-image : url(images/icons/comment.png);
background-repeat : no-repeat;
}
#recent-posts ul li {
background-image : url(images/icons/page_copy.png);
background-repeat : no-repeat;
}
#categories ul li {
background-image : url(images/icons/folder.png);
background-repeat : no-repeat;
background-position : 0% 2px;
}
.widget_calendar table {
margin : 0 auto;
}
.widget_calendar td {
padding : 0 4px;
}
.widget_calendar caption {
font-weight : bold;
font-size : 1.2em;
}
#meta .rss {
background : url(images/icons/feed.png);
background-repeat : no-repeat;
}
#meta .check {
background : url(images/comment.gif);
background-repeat : no-repeat;
}
#calendar table {
margin : 0 auto;
}
#calendar td {
padding : 0 4px;
}
img.center, img[align="center"] {
display : block;
margin-left : auto;
margin-right : auto;
}
img[align="left"] {
float : left;
margin : 2px 10px 5px 0;
}
img[align="right"] {
float : right;
margin : 2px 0 5px 10px;
}
.clear {
clear : both;
}
hr.clear {
clear : both;
visibility : hidden;
margin : 0;
padding : 0;
}
.wp-caption {
text-align : center;
margin : 10px;
background : #fff;
text-align : center;
padding : 4px;
margin-bottom : 1em;
}
.wp-caption-text {
font-size : 10px;
margin : 0;
padding : 6px 3px 2px;
line-height : 16px;
}
.wp-caption img {
margin : 0;
padding : 0;
border : 0 none;
margin-top : 5px;
}
.wp-caption-dd {
font-size : 11px;
line-height : 17px;
padding : 0 4px 5px;
margin : 0;
}
.piped {
display : block;
padding : 0;
margin : 0;
float : left;
}
.piped:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.piped li {
float : left;
display : inline;
}
.piped a {
padding : 0 0 0 0.75em;
margin-left : 0.75em;
}
.piped a.first {
border-left : 0 !important ;
padding-left : 0;
margin-left : 0 !important ;
}
.piped small {
display : none;
}
img#wpstats {
width : 0;
height : 0;
overflow : hidden;
}
.border {
padding : 2.5px;
border : 1px solid #ccc;
}
.hidden {
display : none;
visibility : hidden;
}
.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
}
.alignleft {
float : left;
margin : 0 10px 5px 0;
}
.alignright {
float : right;
margin : 0 0 5px 10px;
}
.floatleft {
float : left;
margin : 3px 7px 0 0;
}
.floatright {
float : right;
margin : 3px 0 0 7px;
}
.right {
float : right;
}
.block {
display : block;
}
.left {
float : left;
}
.clear {
clear : both;
}
.center {
text-align : center;
}
.fix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
overflow:hidden;
}
.fix {
display : inline-block;
}
* html .fix {
height : 1%;
overflow:hidden;
}
.fix {
display : block;
overflow:hidden;
}


<!--[if IE 6]>
<style type="text/css">
html {overflow-y:hidden;}
body {overflow-y:auto;}
#page-background {position:absolute; z-index:-1000;}
#content {position:static;padding:10px;}
</style>
<![endif]-->