/*  
Theme Name: Hieke de Zeeuw Theme
Theme URI: http://www.hiekedezeeuw.nl/
Description: Hieke de Zeeuw WordPress theme based on the default wordpress.
Version: 1.6
Author: Acato
Author URI: http://www.acato.nl/

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body, html {
	padding: 0px;
	margin: 0px;
	font-family: "Trebuchet MS";
	font-size: 11px;
	background: #F7F7F7;
	height: 100% !important;
}
body.home {
	background: url(images/content-bg.png) 0px 0px repeat-x #F7F7F7;
}


#container{
	background: url(images/body_bg.gif) 0px 0px repeat-y;
	min-height: 100%;
}

a{
	color: #4C4C4C;
}

.spacer{
	clear: both;
}

.sIFR-alternate{
	display: none;
}

a:hover{
	text-decoration: none;
}

#leftColomn{
	width: 416px;
	float: left;
	background: url(images/leftColomn_bg.jpg) top right no-repeat;
	height: 500px;
}
#rightColomn{
	background: url(images/right-bg.gif) 0px 0px repeat-x;
	margin: 0 0 0 416px;
	min-height: 335px;
}

table td{
	vertical-align: top;
	padding-bottom: 10px;
}


h1{
	margin-top: 0px;
	padding-top: 0px;
	font-weight: bold;
	font-size: 24px;
	text-transform: uppercase;
}

h2{
	font-size: 24px;
	color: #4C4C4C;
	font-weight: bold;
	margin-top: 0px;
	text-transform: none !important;
}

h3{
	margin-top: 0px;
	padding-top: 0px;
	font-size: 15px;
	color: #4C4C4C;
	font-weight: bold;
}

#mirror{
	position: absolute;
	top: 0;
	left: 0;
	margin: 167px 0 0 367px;
	z-index: 100;
}


#content{
	padding: 60px 0 0 72px;
	color: #4C4C4C;
	min-height: 100%;
	background: #F7F7F7;
	width: 400px;
}

.home #content {
	background: url(images/content-side.png) top right no-repeat #F7F7F7;
	padding-right: 55px;
	float: left;
}
.page #content {
	float: left;
	background: #F7F7F7;
}

#side {
	float: left;
	width: 125px;
	padding-top: 35px;
	margin: 0 0 0 35px;
}
	#side img {
		display: block;
		padding: 0 0 8px 0;
	}
	
#social_bar {
	padding: 0 0 22px 0;
}
a.social_block {
	background: url(images/social-left.jpg) top left no-repeat;
	display: block;
	float: left;
	height: 20px;
	margin: 0px;
	padding: 0px;
	margin: 0 6px 0 0;
	text-decoration: none;
}
a.social_block.default {
	background: url(images/social-default-left.jpg) top left no-repeat;
}
	a.social_block span {
		background: url(images/social-right.jpg) top right no-repeat;
		display: block;
		float: left;
		color: #B1017A;
		font-size: 11px;
		line-height: 20px;
		height: 20px;
		padding: 0 6px 0 24px;
	}
a.social_block.default span {
		padding: 0 6px;
}

#facebook_link {
	float: left;
	margin: 0 6px 0 0;
}

#twitter_link {
	float: left;
	margin: 0 6px 0 0;
}

a.twitter_block {
	background: url(images/tweet-icon.jpg) center right no-repeat;
	padding-right: 22px;
	color: #333 !important;
	font-size: 18px;
	line-height: 16px;
	display: block;
	height: 16px;
	text-decoration:none;
	float: left;
}

a:hover.twitter_block {
	background: url(images/tweet-icon.jpg) center right no-repeat;
	padding-right: 22px;
	color: #333 !important;
	font-size: 18px;
	line-height: 16px;
	display: block;
	height: 16px;
	text-decoration:underline;
	float: left;
}

#social_links {
	float: right;
}

#content input{
	color: #4C4C4C;
	font-size: 11px;
}

#content .news{
	padding: 0 0 22px 0;
}

#content .news img{
	float: right;
	border: 2px solid #CCCCCC;
	padding: 1px;
	margin: 0 0 15px 25px;
}

#content .hr{
	width: 333px;
	border-top: 1px solid #EAEAEA;
	margin-bottom: 22px;
}

#content .line{
	width: 333px;
	border-top: 1px solid #EAEAEA;
	margin: 22px 0px;
}

.backButton{
	display: block;
	padding-bottom: 22px;
}

.commentPostName{
	color: #B1027B;
	font-size: 10px;
}

.purple{
	color: #B1027B !important;
}

#archief{
	padding-bottom: 22px;
}

#archief li{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#corner{
	width: 100px;
	height: 57px;
}

#teaser{
	height: 254px;
	width: 415px;
}

#formulier .small{
	width: 200px;
	height: 22px;
	padding: 2px;
	border:1px solid #CCCCCC;
}

#formulier .large{
	width: 255px;
	height: 85px;
	padding: 2px;
	border:1px solid #CCCCCC;
}

#formulier .th{
	padding: 17px 0 8px 0;
	font-weight: bold;
	font-size: 12px;
}

#formulier #submit{
	padding: 4px 5px;
}

.home #corner {
	background: url(images/corner_home.gif) 0px 0px no-repeat #FFFFFF;
}
.home, .home a, .home h1{
	color: #B1027B;
}


.werk #corner {
	background: url(images/corner_werk.gif) 0px 0px no-repeat #FFFFFF;
}
.werk #rightColomn, .werk #rightColomn a, .werk #submenu ul li, .werk h1, .werk li.current_page_item a{
	color: #0957A4;
	text-decoration: none;
}

.werk #menu li.current_page_item a, .werk #menu li.current_page_parent a{
	color: #0957A4 !important;
	text-transform: uppercase;
}

.werk #teaser{
	background: url(images/teaser_werk.jpg) top right no-repeat #FFFFFF;
}

.inspiratie #corner {
	background: url(images/corner_inspiratie.gif) 0px 0px no-repeat #FFFFFF;
}
.inspiratie #rightColomn, .inspiratie #rightColomn a, .inspiratie #submenu ul li, .inspiratie h1, .inspiratie li.current_page_item a{
	color: #FF860B;
}
.inspiratie #teaser{
	background: url(images/teaser_inspiratie.jpg) top right no-repeat;
}

.inspiratie #menu li.current_page_item a, .inspiratie #menu li.current_page_parent a{
	color: #FF860B !important;
	text-transform: uppercase;
}


.hiekeenteam #corner {
	background: url(images/corner_team.gif) 0px 0px no-repeat #FFFFFF;
}
.hiekeenteam #rightColomn, .hiekeenteam #rightColomn a, .hiekeenteam #submenu ul li, .hiekeenteam h1, .hiekeenteam li.current_page_item a{
	color: #6EBC20;
}
.hiekeenteam #teaser{
	background: url(images/teaser_team.jpg) top right no-repeat;
}

.hiekeenteam #menu li.current_page_item a, .hiekeenteam #menu li.current_page_parent a{
	color: #6EBC20 !important;
	text-transform: uppercase;
}

.contact #corner, .meta #corner {
	background: url(images/corner_contact.gif) 0px 0px no-repeat #FFFFFF;
}
.contact #rightColomn, .contact #rightColomn a, .contact #submenu ul li, .contact h1, .contact li.current_page_item a{
	color: #B1027B;
}
.contact #teaser{
	background: url(images/teaser_contact.jpg) top right no-repeat;
}

.contact #menu li.current_page_item a, .contact #menu li.current_page_parent a{
	color: #B1027B !important;
	text-transform: uppercase;
}

.meta #rightColomn, .meta #rightColomn a, .meta #submenu ul li, .meta h1, .meta li.current_page_item a{
	color: #B1027B;
}

.meta #menu li.current_page_item a, .meta #menu li.current_page_parent a{
	color: #B1027B !important;
	text-transform: uppercase;
}

#error{
	font-size: 11px !important;
	border: 1px solid #999;
	display: none;
	padding: 5px;
	width: 250px;
	color: red;
}

#logo{
	width: 326px;
	height: 68px;
	margin: 22px 0 0 18px;
}

#menu{
	padding: 0 0 0 13px;
	margin: 0 0 0 49px;
	list-style: none;
	background: url(images/menu_left.gif) 0px 0px no-repeat #333333;
	height: 41px;
}

#menu li{
	padding: 0px;
	margin: 0px;
	float: left;
	padding: 15px 9px 3px 9px;
	text-transform: uppercase;
	list-style: none;
}

#menu li.current_page_item, #menu li.current_page_parent{
	background: #FFFFFF;
	text-transform: uppercase;
}

#menu li a{	
	color: #FFFFFF !important;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
}

#submenu{
	position: absolute;
	top: 0;
	left: 0;
	margin: 250px 0 0 133px;
}


#submenu, #submenu .top, #submenu.body, #submenu.bottom{
	width: 244px;
}

#submenu .top{
	background: url(images/submenu_top.gif) 0px 0px no-repeat;
	height: 6px;
}

#submenu .middle{
	background: url(images/submenu_bg.gif) 0px 0px repeat-y;
	padding: 15px 15px 30px 15px;
	text-transform: none !important;
}

#submenu .bottom{
	background: url(images/submenu_bottom.gif) 0px 0px repeat-y;
	height: 104px;
}

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

#submenu ul li{
	padding: 0 0 0 23px;
	margin: 0px;
	background: url(images/bullet_passief.gif) 0px 4px no-repeat;
}

#submenu ul li.current_page_item, #submenu ul li.current_page_parent{
	background: url(images/bullet_active.gif) 0px 4px no-repeat;
}

#twitterfeed{
	position: absolute;
	top: 0;
	left: 0;
	margin: 280px 0 0 0px;
}


#twitterfeed, #twitterfeed.top, #twitterfeed.body, #twitterfeed.bottom{
	width: 244px;
}

#twitterfeed .top{
	background: url(images/submenu_top.gif) 0px 0px no-repeat;
	height: 6px;
}

#twitterfeed .middle{
	background: url(images/submenu_bg.gif) 0px 0px repeat-y;
	padding: 2px 15px 2px 15px;
	text-transform: none !important;
}

#twitterfeed .bottom{
	background: url(images/submenu_bottom.gif) 0px 0px repeat-y;
	height: 104px;
}

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

#twitterfeed ul li{
	padding: 2px 0 6px 0px;
	margin: 4px 0 4px 0px;
	list-style-image:none;
	list-style-type:none;
	/*background:none;*/
	background: url(images/twitter_line.jpg) no-repeat;
	background-position: bottom left;
	color: #4C4C4C !important;
}
#twitterfeed ul li.last{
	padding: 2px 0 6px 0px;
	margin: 4px 0 4px 0px;
	list-style-image:none;
	list-style-type:none;
	background:none;
	
	color: #4C4C4C !important;
}





#info{
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 20px;
	color: #4C4C4C !important;
}

#info_home{
	position: absolute;
	top: 1000px;
	left: 20px;
	color: #4C4C4C !important;
}
#info_home a{
	color: #4C4C4C !important;
}

#info a{
	color: #4C4C4C !important;
}

#commentHolder{
	background: url(images/comment_icon.gif) center left no-repeat;
	padding: 0 0 0 20px;
}


/* END HIEKE DE ZEEUW CSS */

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */

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