/*
Theme Name: Earl Grey 2
Theme URI: http://bldng.nl/
Description: Nice and tidy, just for Bldng.
Version: (bldng.nl v5)
Author: Sebas van den Brink
Author URI: http://bldng.nl/
Tags: bldng, bldng, bldng
*/



/* RESET */
html {
    color:#fff;
	height: 100%;
    background:#000;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

fieldset,img {
    border:0;
}

address,caption,cite,code,dfn,strong,th,var {
    font-style:normal;
    font-weight:normal;
}

li {
    list-style:none;
}

caption,th {
    text-align:left;
}

h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}

q:before,q:after {
    content:'';
}

abbr,acronym {
    border:0;
    font-variant:normal;
}

/* to preserve line-height and selector appearance */
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input,textarea,select { font-family:inherit;font-size:inherit;font-weight:inherit; }

/*to enable resizing for IE*/
input,textarea,select{ *font-size:100%; }

/*because legend doesn't inherit in IE */
legend { color:#000; }

/* ************************************************************************************** */
body {
    font-family: "Courier New", Courier, "Trebuchet MS", Trebuchet, "Times New Roman", Times, serif;
		/* bg hier */
}

strong { font-weight: bold; }

.clr { clear: both; }

code {
    overflow: scroll;
    width: 400px;
}

cite {
	display: table-cell;
	background-color: #000;
	color: #fff;
	font-weight: bold;
}

pre {
    overflow: scroll;
    width: 400px;
    background-color: #111;
    padding: 10px;
}

h2 {
	color: #fff; 
	font-size: 1.75em;
	margin-bottom: 12px;
	/*background-color: #000;
	display: table-cell;*/
}

h2 b {
	font-weight: normal;
	color: #333;
}

	h2 a:link { color: #fff; text-decoration: none; }
	h2 a:visited { color: #fff; text-decoration: none; }
	h2 a:hover { color: #fff; text-decoration: underline; }
	h2 a:active { color: #fff; text-decoration: underline; }

.post p {
	color: #ccc;
	font-size: 0.8em;
	margin-bottom: 10px;
}

	.post p a:link { color: #ccc; text-decoration: underline; }
	.post p a:visited { color: #ccc; text-decoration: underline; }
	.post p a:hover { color: #fff; text-decoration: underline; }
	.post p a:active { color: #fff; text-decoration: underline; }

#tag_box p {
	color: #333;
	font-size: 0.75em;
	margin: 10px 0 10px 0;
}

.post .tags_list p {
	color: #333;
}

	#tag_box p a:link { color: #333; text-decoration: underline; }
	#tag_box p a:visited { color: #333; text-decoration: underline; }
	#tag_box p a:hover { color: #fff; text-decoration: underline; }
	#tag_box p a:active { color: #fff; text-decoration: underline; }

	.post .tags_list p a:link { color: #333; text-decoration: underline; }
	.post .tags_list p a:visited { color: #333; text-decoration: underline; }
	.post .tags_list p a:hover { color: #fff; text-decoration: underline; }
	.post .tags_list p a:active { color: #fff; text-decoration: underline; }
	
#foot_left ul {
	line-height: 1.3em;
	font-size: 0.7em;
}

#foot_left ul li {
	display: inline;
	margin-right: 30px;
}

	#foot_left a:link { color: #999; text-decoration: underline; }
	#foot_left a:visited { color: #999; text-decoration: underline; }
	#foot_left a:hover { color: #fff; text-decoration: underline; }
	#foot_left a:active { color: #fff; text-decoration: underline; }

/* *** DIVS *** */
#header {
	width: 820px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

	#header_left {
		width: 131px;
		float: left;
		clear: both;
		padding-top: 35px;
	}
	
	#header_right {
		width: 689px;
		float: right;
		clear: right;
		text-align: right;
	}
	
#intermission {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

.content {
	width: 820px;
	margin-left: auto;
	margin-right: auto;
}
	
	.alignleft {
		float: left;
		position: relative;
		margin-right: 15px;
		margin-bottom: 12px;
	}

	.post_title {
		/*padding-bottom: 12px;*/
		height: 50px;
	}
	
	.info_left {
		width: 400px;
		float: left;
		clear: both;
	}
	
	.info_right {
		width: 400px;
		float: right;
		clear: right;
	}
	
#tag_box {
	width: 820px;
	margin-left: auto;
	margin-right: auto;
}
	
	
#footer {
	width: 820px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}

	#foot_left {
		float: left;
		clear: both;
		width: 410px;
	}

	#foot_right {
		float: right;
		clear: right;
		width: 410px;
		text-align: right;
	}
	
	
			
/* *** IMAGES *** */
#header_top_left img {
	margin-top: 97px;
}

#header_top_right img {
	margin-top: 158px;
}

/* *** THUMBNAIL PAGINA'S *** *//* text */
h4 {
    font-size: 0.7em;
    margin: 0;
    padding: 0;
    color: #fff;
    position: absolute;
    top: 82px;
    left: 0;
    z-index: 2;
}

	.port___item p {
        font-size: 0.7em;
        line-height: 1.2em;
        color: #fff;
        position: absolute;
        bottom: 5px;
        left: 0;
        z-index: 2;
    }
    
	.port___item p a:link { color: #fff; text-decoration: none; }
	.port___item p a:visited { color: #fff; text-decoration: none; }
	.port___item p a:hover { color: #fff; text-decoration:  none; }
	.port___item p a:active { color: #fff; text-decoration:  none; }

    .port___item var {
        font-size: 0.8em !important;
        line-height: 1.2em;
        color: #000 !important;
        display: block;
        background-color: #fff !important;
        padding: 1px 3px 1px 3px !important;
        font-style: normal;
		font-weight: bold;
        text-transform: uppercase;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
    }

    .port___item dfn {
        font-size: 0.8em;
        line-height: 1.2em;
        color: #fff;
        display: block;
        background-color: #000;
        padding: 1px 3px 1px 3px;
        font-style: normal;
		font-weight: bold;
        text-transform: uppercase;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 5;
    }
	
	/* speciaal voor op de gemengde index pagina: */
	
    /*.port___item var.index {
        top: 16px;
		padding-top: 2px !important;
    }*/

    .port___item var.cat {
		font-weight: normal;
        text-transform: lowercase;
        background-color: #94a5b5 !important;
		padding-top: 2px !important;
		color: #fff !important;
    }

    /*.port___item dfn.index {
        top: 16px;
    }*/
	
/* divs */
.port___item {
	float: left;
	position: relative;
	width: 205px;
	height: 133px;
	margin-right: 0;
}
            
.port___tm_dobbelganger {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	height: 125px;
}

.port___thumb {
    width: 205px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.port___textbox {
	width: 195px;
	height: 125px;
	z-index: 3;
	padding: 0; 
	position: absolute;
    top: 20px;
    left: 0;
}

/*.port___subbox {
	width: 206px;
	padding: 3px;
	margin: 5px;
	border: 1px solid #d6edfe;
}*/ 

#port___viewbox {
	margin-top: 10px;
	position: relative;
}
				
.image_only {
	padding-bottom: 10px;
}	

#port___viewbox .ontop {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

#port___viewbox .onbottom {
   position: relative;
    /*top: 0;
    left: 0;
    z-index: 1;*/
}

/* *** ONMOUSEOVER *** */
.over1 {
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
    filter: alpha(opacity=50);

}
.over2{
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}