/* IE 5 en 6 ondersteunen geen transparante PNG, vandaar deze hotfix, gedownload van http://www.twinhelix.com/css/iepngfix/ */


img, div { behavior: url(iepngfix.htc) }

img {border:none}

html, body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: center;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 16px;
	padding: 0px;
	margin: 0px;
}

#background {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -2;
	overflow:hidden;
	display:none;
}
#background img {
width:100%;
height:100%;
height:auto!important;
}

a:hover {
	color:#A8D200;
	text-decoration:none;
}
a:active {
	color:#999999;
	text-decoration:none;
}
a {
	color:#999999; text-decoration:none;
}


.hidden {
	display:none;
}
#wrapper {
	position:relative;
	width: 885px;
	text-align: left;
	margin: 0 auto;
	z-index: 1;
}
#wrap_top {
	position:relative;
	margin: 0 auto;
	height: 80px;
	padding-top:40px;
	float:none;
	bottom: 0px;
	z-index:inherit;
}

#wrap_middle {
	position:relative;
	margin: 0 auto;
	height: 450px;
	padding: 0;
	float:none;
	z-index:inherit;
}
#wrap_bottom {
	height: 100px;
	width: 885px;
	float:none;
	position: relative;
	z-index:inherit;
}


#menu {
	float: left;
	width: 190px;
	height:450px;
	font-weight: lighter;
	text-transform: uppercase;
	font-size: 10px;
}
	.menu_item {
		height: 18px;
		line-height: 18px;
		margin-bottom: 10px;
		background-color:#4e585a;
		padding-left:13px;
	}
	.menu_item a, .menu_item a:hover {
		color:#FFFFFF;
	}
	#sub_menu {
		padding-left:20px;
	}
	#sub_menu .active a,#sub_menu .active a:hover {
		color:#000000;
	}
	#project_menu {
			padding: 8px 0 8px 20px;
			font-size:9px;
	}
	.sub_menu_item, .project_menu_item  {
		margin-bottom: 7px;	
	}
#imagecount {
	width: 250px;
	float: right;
	text-align:right;
	padding-top: 3px;
}
#frame {
	float:left;
	padding-left:30px;
	z-index: 2;
	width: 665px;
	height: 450px;
	overflow: auto;
	line-height: 1.5;
}
#blogframe {
	float:left;
	padding-left:30px;
	z-index: 2;
	width: 665px;
	line-height: 1.5;
}

.post {
	border-bottom:3px solid #000000;
	margin-bottom:10px;
	padding-bottom:10px;
}
#images img, #preloader {
	overflow: hidden;
	position: absolute;
	border:none;
	text-align:center;
}
#preloader {
	width: 665px;
	height: 450px;
	background: url(../img/loading.gif) 50% 50% no-repeat;
}
#logo {
	width: 190px;
	height:10px;
	float:left;
	text-align:right;
}
#projecttitle {
	font-size: 12px;
	font-weight: bold;
	padding-top:37px;
}
#blogtitle {
	font-size: 12px;
	font-weight: bold;
	float:right;
	text-align:right;
	width: 300px;
	text-transform: uppercase;	
}

#nav-above {
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}

img.size-medium, img.size-large, img.size-full{
	width:665px;
	height:auto;
}

#projectsubtitle {
	padding-top:4px;
	font-size: 9px;	
	color: #999999;
	font-weight: lighter;
}

#projecttitle, #projectsubtitle {
	float:left;
	text-align:right;
	width: 695px;
	text-transform: uppercase;
}



#ficha, #memoria, .transparent, #slideshow {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
#ficha, #memoria {
	margin-left:30px;
}
#slideshow {
	width:665px;
	height:450px;
	display:none;
}
.transparent {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	overflow: hidden;
	background-color:#FFFFFF;
	width:665px;
	height:450px;
	z-index:-1;
} 
#ficha, #memoria {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding:10px;
	padding-left:325px;
	width: 330px;
	height: 430px;
	overflow: auto;
	line-height: 2;
	display:none;
}
.pointer {
	width: 100px;
	float: left;
	padding-top: 3px;
	text-transform:uppercase;
}

.active, .active:hover{
	color:#000000;
}

.noticia {
	font-size: 16px;
}


#background {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -2;
	overflow:hidden;
}
#bottomleft {
	float:left;
	max-width:220px;
	width:220px;
	overflow:hidden;
	height:60px;
}
#colofon {
	position: absolute;
	z-index: 0;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: lighter;
	color: #999999;
	width: 200px;
	margin-left: -20px;
	right: 0px;
	bottom: 0px;
	text-transform: uppercase;
}

#primary #search, #primary #archives {
	display:none;
}