/*
Theme Name: Hekkie Theme light purple
Theme URI: http://www.hekkie.be
Description: This is my theme for a hekkie site with new background (lighter) color.
Version: 3.0
Author: Stijn Heymans
Author URI: http://www.hekkie.be/
*/


body, h1, h2, h3, h4, h5, h6, blockquote, p, img, a{
	margin: 0;
	padding: 0;
    border: none;
}

a{color: #828293; text-decoration:none;}
a:hover{color: #bfbca4; text-decoration:underline;}

.left{float:left;}
.right{float:right;}

.tekst-left{text-align:left;}
.tekst-right{text-align:right;}

.icon{margin-top: 23px; padding-left:5px;}
.iconyoutube{height: 64px;padding-left:10px;}
.iconmiddle{margin-top: 10px; padding-right:5px;}

.ngg-galleryoverview{
	padding-left:15px;
	padding-bottom:3px;
}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}

body{
	background-color: #271033;
	margin:0px;
	padding: 0px;
	/* IE 5 centring bug fix */
	text-align: center;
	font-family:Tahoma,verdana;
	font-size:0.8em;
	color:#FFF;
}

div#wrapper{				
	padding:0px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	width: 997px;
	text-align: left;
	background-color: #271033;
}

div#lijn{
    width:997px;
    float:left;
    background:url('images/lijn.jpg');
    height:31px;
    clear: right;
}

div#header{
	height: 225px;
	width: 712px;
	float:left;
	background-image: url('images/header.jpg');
}

div#header2{
	height: 225px;
	width: 285px;
	float:left;
	background-color:#828293;
}
div#header2-top{
	float:left;
	width:285px;
	height:68px;
    padding-left:27.5px;
    padding-right:27.5px;
}
div#header2-midden{
	float:left;
	width:285px;
	height:68px;
    padding-left:32.5px;
    padding-right:32.5px;
}
div#header2-bottom{
	float:left;
	width:285px;
	height:89px;
}
div#header2-bottom-left{
	height:89px;
	background-color:#828293;
	width:59px;
	float:left;
	background-image:url('images/header2-bottom-left.jpg');	
	background-position:bottom;
	background-repeat:no-repeat;
}

div#blog{
    float:left;
    background-color:#828293;
}

div#blog-top{
	height:42px;
	width:856px;
	float:left;
	background-image:url('images/blog-top.jpg');
	margin-bottom:-25px;
}
div#blog-midden{
	width:856px;
	background-color:#0d0d0e;
	background-image:url('images/blog-midden.jpg');
	background-repeat:repeat-y;
	background-position:right;	
    float:left;
}

div#blog-bottom p.twitter{
	color: #859281;
	font-size: 1.2em;
	padding-left: 200px;
	padding-top: 15px;
}

div#blog-midden p{
    padding-right:35px;
    margin-top:10px;
}

div#blog-midden-single{
	width:856px;
	background-color:#0d0d0e;
	background-image:url('images/blog-midden.jpg');
	background-repeat:repeat-y;
	background-position:right;
    float:left;
}

div#blog-midden-single p{
    padding-right:35px;
    padding-left:20px;
	margin-top:10px;
}

div#blog-midden-single p img{
    border: 1px solid #FFF;
}

div#blog-midden-single p img.wp-smiley{
    border: none;
}

div#blog-midden-single h2{
    padding-left:20px;
    margin-bottom:10px;
}


#blog-midden-single blockquote{
    font-style:italic;
    padding:20px 10px 20px 20px;
}

.postmeta-top{
    width:780px;
    text-align:right;
    text-decoration:none;
    list-style:none;
    border-bottom: 1px dashed #FFF;
}

.postmeta-top li{
    padding: 10px 10px 0px 10px;
}

.postmeta-top-single{
    width:808px;
    text-align:right;
    text-decoration:none;
    list-style:none;
    border-bottom: 1px dashed #FFF;
    padding-left: 0px;
    margin-left:10px;
}

.postmeta-top-single li{
    padding: 10px 10px 5px 10px;
}

.postmeta-single{
    width:808px;
    background-color:#212124 ;
    text-align:right;
    text-decoration:none;
    list-style:none;
    padding-left: 0px;
    margin-left:10px;
}

.postmeta-single li{
    padding: 10px;
}

.postmeta{
    width:780px;
    background-color:#212124 ;
    text-align:right;
    text-decoration:none;
    list-style:none;
}

.postmeta li{
    padding: 10px;
}

div#blog-midden .postmeta p{
    padding:10px;
}

div#blog-bottom-single{
	height:45px;
	width:856px;
	float:left;
	background-image:url('images/blog-bottom-single.jpg');
}

div#blog-bottom{
	height:45px;
	width:856px;
	float:left;
	background-image:url('images/blog-bottom.jpg');
}

div#blog-right{
    text-align: center;
    float:right;
    background-color:#828293;
    width: 141px;
    margin-top:-17px;
    padding-top:30px;
}

div#blog-right img{
    margin-left: 21.5px;
    margin-right: 21.5px;
    margin-top: 10px;
    border: 1px solid #0d0d0e;
    padding: 2px;
}

div#site-left{
    text-align: center;
    float:left;
    background-color:#271033;
    width: 174px;
    padding-top:30px;
}

div#site-left h3{
    margin-top: 15px;
}

div#site-left .related_post{
    text-align:left;
    list-style:square;
}

div#site-left .related_post li {
    padding-bottom: 5px;
}

div#site-left img{
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 14px;
    padding: 1px;
    border: 1px solid;
}

div#site{
    float:right;
    background-color:#271033;
}

div#site-top{
	height:42px;
	width:823px;
	float:right;
	background-image:url('images/site-top.jpg');
}
div#site-midden{
	width:823px;
	background-color:#0d0d0e;
	background-image:url('images/site-midden.jpg');
	background-repeat:repeat-y;
	background-position:left;
    float:right;
}

div#site-midden p{
    margin-top:10px;
}

#site-midden a{
    color:#FFF;
}

#commentform{
    margin-left:40px;
    border-top:dashed 1px #FFF;
    margin-right:10px;
}

div#site-midden h2{
    padding-left:40px;
}

div#site-midden h3{
    padding-top:10px;
}

div#trips{
    width:411.5px;
    text-align:center;
    float:left;
    padding-top:5px;
}

div#portfolio{
    width:381.5px;
    text-align:center;
    float:left;
    background-color:#212124;
    padding:5px;
    margin-right: 20px;
}

div#portfolio img{
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 3px;
}

div#party{
    width:391.5px;
    text-align:center;
    float:left;
    margin-right:20px;
    margin-top:20px;
}

div#party img{
    margin-left:10px;
    margin-top:10px;
    border: 1px #FFF solid;
    padding:2px;
}

div#site-bottom{
	height:64px;
	width:823px;
	float:right;
	background-image:url('images/site-bottom.jpg');
}

div#scheiding{
	width:997px;
	height:50px;
	clear:both;
}

div.vak{
    width:248.25px;
    float:left;
    border-right: 1px dotted #FFF;
    border-bottom: 1px dotted #FFF;
}

.vak h2{
    
    padding-top: 10px;
}

.vak ul{
    list-style:square;
}

div#footer{
	width:997px;
	clear:both;
    background-color: #271033;
}

div#footer-vak{
    margin-bottom:0px;
    float:left;
}

div#footer-top{
    width:368px;
    height: 29px;
    background-image:url('images/footer-top.jpg');
}
div#footer-midden{
    width:338px;
    background-image:url('images/footer-midden.jpg');
    background-repeat:repeat-y;
    margin-bottom:0px;
    float:left;
    padding-left: 30px;
}

div#footer-midden ul{
    list-style:none;
}

div#footer-midden li{
    list-style:none;
}

div#footer-midden img{
    margin-left: 15px;
}

#footer-midden .lastfm{
    margin-left:45px;
}

div#footer-vak-links{
    width: 314.5px;
    float:left;
    text-align:right;
    padding-top:35px;
}

div#footer-vak-rechts{
    width: 314.5px;
    float:left;
    padding-top:35px;
    text-align:left;
}

li.widget{
    list-style:none;
}

li.widget ul{
    list-style:none;
    padding-right:30px;
}

#tag_cloud{
    padding-right:30px;
    padding-left:5px;
}

#tag_cloud h2{
    margin-right:-30px;
}

li.recentcomments{
    list-style:none;
}

div#footer-vak-rechts li.widget ul li{
    list-style:square;
}

div#footer-vak-rechts li.widget ul li a{
    
}
#clearboth{
    width: 10px;
    height:1px;
    clear:both;
}


/*Login*/
/* toggle effect - show/hide login*/
#login {
 width:997px;
 color: white;
 background: #0d0d0e;
 overflow: hidden;
 position: relative;
 z-index: 3;
 height: 0;
 border-bottom:1px #FFF solid;
}

#login a {
 text-decoration: none;
 color: #7b9572;
}

#login a:hover {
 color: white;
}

#login .loginContent {
 width: 550px;
 height: 80px;
 margin: 0 auto;
 padding-top: 25px;
 text-align: left;
 font-size: 0.85em;
}

#login .loginContent .left {
 width: 120px;
 float: left;
 padding-left: 65px;
 font-size: 0.95em;
}

#login .loginContent .right {
 width: 290px;
 float: right;
 text-align: right;
 padding-right: 65px;
 font-size: 0.95em;
}

#login .loginContent form {
 margin: 0 0 10px 0;
 height: 26px;
}

#login .loginContent input.field {
 border: 1px #1A1A1A solid;
 background: #464646;
 margin-right: 5px;
 margin-top: 4px;
 color: white;
 height: 16px;
}

#login .loginContent input:focus.field {
 background: #545454;
}

#login .loginContent input.rememberme {
 border: none;
 background: transparent;
 margin: 0;
 padding: 0;
}

#login .loginContent input.button_login {
 width: 47px;
 height: 20px;
 cursor: pointer;
 border: none;
 background: transparent url(images/button_login.jpg) no-repeat 0 0;
}

#login .loginClose {
 display: block;
 position: absolute;
 right: 15px;
 top: 10px;
 width: 70px;
 font-size: 0.8em;
 text-align: left;
}

#login .loginClose a {
 display: block;
 width: 100%;
 height: 20px;
 background: url(images/button_close.jpg) no-repeat right 0;
 padding-right: 10px;
 border: none;
 font-size: 0.9em;
 color: white;
}

#login .loginClose a:hover {
 background: url(images/button_close.jpg) no-repeat right -20px;
}

#top {}

#top ul.login {
 display: block;
 position: relative;
 float: left;
 clear: right;
 height: 38px;
 width: auto;
 font-weight: bold;
 line-height: 38px;
 margin: 0;
 right: 15px;
 color: white;
 font-size: 80%;
 text-align: center;
 padding-right: 0px;
}

#top ul.login li.left {}

#top ul.login li {
 text-align: left;
 padding: 0 6px;
 display: block;
 float: left;
 height: 38px;
}

#top ul.login li a {
 color: #7b9572;
}

#top ul.login li a:hover {
 color: white;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
    padding: 3px;
    clear:both;
	}

img.alignright {
	padding: 3px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignnone {
	padding: 3px;
	}

img.alignleft {
	padding: 3px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.commentlist li.grijsvak{
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    margin-top: 10px;    
    margin-right: 10px;        
    background-color:#212124;
}

.commentlist li.admincomment{
    border-style: dotted solid;
    border-width: 4px;
    margin-right: 10px;     
    padding-right: 3px;   
    border-top:none;
    border-left:none;
    border-bottom:none;
    border-color: #FF0000;
}

.commentlist li.admincomment cite{
 	color:#FF0000;
}

.grijsvaknocomments{
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    margin-left: 40px;
    margin-top: 10px;
    margin-right: 10px;
    background-color:#212124;
}

.commentlist{
    list-style: none;
}

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

div.navigation{
    padding-right:40px;
    padding-left: 10px;
}


div.wit{
    color:#CCC;

}