/*	screen.css | SO.eu
**	Lodewijk Schutte | Low
**	v1.1 | 20100303
**	---------------------------------------------------------------------- */

/*	Global reset, based on http://meyerweb.com/eric/tools/css/reset/
**	---------------------------------------------------------------------- */

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 {
	background:transparent;
	border:0;
	font-size:100%;
	margin:0;
	padding:0;
	vertical-align:baseline;
}

ol, ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

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

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

/*	Body
**	---------------------------------------------------------------------- */

body {
	background-image: url(/images/bg-default.gif); 
	background-position: 50% 0; 
	background-repeat: no-repeat; 
	background-color: #ccc;
	background-attachment: fixed;
	color:#000;
	font:12px/1.5 arial, sans-serif;
}

/*	Header
**	---------------------------------------------------------------------- */

#header {
	background:url(../images/logo-soeu.png) no-repeat;
	height:60px;
	left:0;
	position:absolute;
	top:50px;
	width:175px;
	z-index:10;
	-moz-box-shadow:0 0 5px rgba(0,0,0,.2);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);
}

#header a {
	display:block;
	height:100%;
	overflow:hidden;
	text-indent:-9999em;
	width:100%;
}

/*	Nav
**	---------------------------------------------------------------------- */

#nav {
	height:30px;
	left:0;
	overflow:hidden;
	padding:5px 0;
	position:absolute;
	top:75px;
	width:100%;
	z-index:5;
}

#nav ul {
	background:#fff;
	height:30px;
	margin:0 0 0 180px;
	min-width:620px;
	overflow:hidden;
	-moz-box-shadow:0 0 5px rgba(0,0,0,.2);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);
}

#nav ul li {
	float:left;
}

#nav ul a {
	color:#000;
	float:left;
	line-height:2.5;
	padding:0 15px;
	text-decoration:none;
	text-transform:lowercase;

}

#nav ul a:hover {
	text-decoration:underline;
}

.office #nav-office,
.news #nav-news,
.projects #nav-projects,
.publications #nav-publications,
.contact #nav-contact,
.links #nav-links {
	font-weight:bold;
}

/*	Content
**	---------------------------------------------------------------------- */

#content {
	background:#fff;
	background:rgba(255,255,255,.75);
	left:180px;
	overflow:hidden;
	padding:15px;
	position:absolute;
	top:115px;
	width:700px;
	z-index:10;
	-moz-box-shadow:0 0 5px rgba(0,0,0,.2);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);
}

.contact #content,
.links #content {
	max-width:700px;
	width:auto;
}

#main {
	float:left;
	width:400px;
}

#aside {
	float:right;
	width:250px;
}

/*	Home
**	---------------------------------------------------------------------- */

.splash #content, .splash #nav, .home #content {
	display:none;
}

/*	Defaults
**	---------------------------------------------------------------------- */

h1, #main h2 {
	font-size:1.5em;
	font-weight:normal;
	line-height:1.333;
	margin-bottom:1em;
}

a {
	color:#053d96;
}

a:hover {
	color:#00f;
}

p, ul, ol, dl,
blockquote, table, pre, fieldset {
	margin-bottom:1.5em;
}

#content :last-child {
	margin-bottom:0;
}

p.more {
	margin:-1.5em 0 0;
	text-align:right;
}

#content ul {
	list-style:disc outside;
	margin-left:1.5em;
}

#content ol {
	list-style:decimal outside;
	margin-left:2em;
}



/*	Projects
**	---------------------------------------------------------------------- */

.projects #main {
	width:550px;
}

.projects #main .item {
	margin-bottom:3em;
}

.projects #main .images {
	margin-bottom:1.5em;
	overflow:hidden;
}

.projects #main .images .big {
	width:400px;
	overflow:hidden;
	float:left;
}

.projects #main .images .small {
	width:145px;
	overflow:hidden;
	float:left;
	padding-left:5px;
}

.projects #main .images img.thumb {
	display:block;
	margin-bottom:5px;
}

.projects #aside {
	margin-top:3em;
	width:100px;
}

.projects #aside ul {
	list-style:none;
	margin-left:0;
	text-align:right;
}

/*	Publications
**	---------------------------------------------------------------------- */

.news #aside, .publications #aside {
	margin-top:3em;
}

.links #content ul {
	list-style:none;
	margin-left:0;
}

/*	Aside
**	---------------------------------------------------------------------- */

#aside .item {
	overflow:hidden;
	margin-bottom:1.5em;
	font-size:11px;
	line-height:1.636;
}

#aside .item img {
	float:left;
	margin-right:5px;
}

#aside .item p {
	margin-bottom:0;
}


/*	Search form
**	---------------------------------------------------------------------- */

#searchform {
	text-align:right;
}

#searchform label {
	display:none;
}

#searchform input {
	width:98%
}

#main .searchresult {
	margin-bottom:3em;
}

#main .searchresult h2 {
	margin-bottom:0;
}



/*	Resizable background image
**	---------------------------------------------------------------------- */

img#expando { 
	position: absolute; 
	display: none; 
	z-index: 1; 
	-ms-interpolation-mode: bicubic; 
} 

.wide img#expando, 
.tall img#expando { 
	display: block; 
} 

.wide img#expando { 
	width: 100%; 
	height: auto; 
} 

.tall img#expando { 
	width: auto; 
	height: 100%; 
}

/*.ie6fixed {
	position: absolute;
	top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px') !important;
}
*/