body {
	color:black;
	font-family:"New-York", Times;
	font-size:1.075em
}

img.henri {
	position:relative;
	top:0;
	left:0;
	z-index:-1
}


/* ================= CLASSES ================= */

.title {
	color:#944;
	font-size:6em;
	letter-spacing:0.1em
}

.text {letter-spacing:0; font-size:0.813em}

.electre {
	color:#556;
	font-size:1em;
	letter-spacing:0.125em
}

.copyright {
	color:#666;
	font-size:0.668em;
	letter-spacing:0.0313em;
	text-align:right;
	font-style:italic
}

.net {letter-spacing:0.625em}

.scrollableMenu, .fixedMenu {
	text-align:right;
	width:192px;
}

.scrollableMenu { position:absolute; }
.fixedMenu { position:fixed; }


/* ================= LINK ================= */

a { color:#556;
	text-decoration:none
}

a:hover {
	color:#944;
	text-decoration:none
}

a.standard {font-size:0.75em; color:#999; text-decoration:underline}
a.standard:hover {color:#555}

a.littlelink, a.wiki, a.back, a.structure {
	font-size:0.875em;
	color:#944
}

div#wiki p { font-size:0.9em; margin:0; padding:0; margin-bottom:0.5em; letter-spacing:0.1em; color:#999}
a.wiki {color:#AAA;font-size:0.813em}
a.wiki:before {content: "►  "; font-size:0.75em; color:#CCC}
a.wiki:hover:before {color:#944}


a.back {font-size:1em}
a.structure {font-size:0.938em}

a.littlelink:hover, a.back:hover, a.structure:hover, a.wiki:hover {
	color:#944;
	border-top:1px solid #944;
	border-bottom:1px solid #944
}

a.net {
	color:#69C;
	font-size:0.813em;
	letter-spacing:0.625em;
	text-decoration:none
}

a.net:hover {color:#DDB23F}

a.menu {
	color:white;
	font-size:1em;
	text-decoration:none
}

a.menu:hover {
	color:#5080B0;
	text-decoration:none
}

a.mailto {
	color:#944;
	font-size:0.688em;
	text-decoration:none;
	letter-spacing:0.125em
}
a.mailto:hover {color:#900}

/* ================= PARAGRAPH ================= */

p {font-size:0.813em}

p.italicRight {
	font-size:0.813em;
	font-style:italic;
	display:block;
	text-align:right
}

/* ================= SPAN ================= */

span.banner {
	color:white;
	background-color:#556;
	line-height:200%;
	display:inline-block;
	padding-left:1em;
	padding-right:1em
}

span.banner span {
	font-size:0.875em;
	letter-spacing:0.25em
}

span.citation, span.italic {font-size:0.813em; font-style:italic; color:#555}
p span.italic {font-size:1em}

span.author {
	color:#556;
	font-weight:bold;
	display:block;
	padding-top:5px;
	padding-bottom:15px;
	font-size:0.813em;
	letter-spacing:0.1em
}

span.coloredName {
	color:#944;
	letter-spacing:0.125em;
	font-weight:bold
}

span.name1 {
	color:#944;
	font-size:1.1em;
	letter-spacing:0.125em
}

span.name2 {color:#334}

span.name3 {
	color:#556;
	letter-spacing:0.125em;
	font-size:0.875em
}

span.opus {
	color:#922;
	font-style:italic;
	letter-spacing:0.06em
}



/* ================= DIV ================= */

div.headerTitle {
	color:#944;
	font-size:96px;
	letter-spacing:10px;
	position:relative;
	top:-10px;
	left:0;
	margin:0;
	padding:0
}

div.box {
	position:absolute;
	left:192px;
	width:640px;
	text-align:justify;
	letter-spacing:0;
	padding:0;
	border:solid 1px #AAB;
	border-top-width:0;
	border-bottom-width:0
}

div.box div.contents {padding-left:1em; padding-right:1em}

div.main {
	position:relative;
	width:1024px;
	margin: 0 auto;
	margin-top:20px;
	padding-right:20px
}

div.footer {
	clear: both;
	position:relative;
	top:40px;
	left:0;
	text-align:center;
	padding-bottom:50px
}

div.footer span {
	font-size:0.813em;
	letter-spacing:0.813em;
	line-height:1.25em
}


div.search {
	padding-top:5px;
	padding-bottom:10px;
	float:right
}

div.index {
	padding-top:0.3em;
	width:280px;
	text-align:left;
	min-height:6.5em
}

/* ================= Menu (left column) ================= */

ul.pageLinks {
	list-style-type:none;
	margin:0
}

ul.pageLinks li{
	line-height:200%;
	letter-spacing:0.1em
}

ul.pageLinks li.header {margin-top:20px}

ul.pageLinks a.home, a.page, a.audio, a.resources, a.contact {
	color:#333;
	text-decoration:none;
	display:block;
	padding-left:20px;
	padding-right:25px
}


ul.pageLinks a.home:hover, a.page:hover, a.audio:hover, a.resources:hover, a.contact:hover {
	color:white;
	background-color:#889
}

ul.pageLinks span, span.home, span.audio, span.resources, span.contact {
	color:white;
	background-color:#556;
	display:block;
	padding-left:20px;
	padding-right:25px
}

ul.pageLinks a.home:before {position:relative; top:3px; left:-10px; content: url("/images/home.png")}
ul.pageLinks span.home:before {position:relative; top:3px; left:-10px; content: url("/images/homeSelected.png")}
ul.pageLinks a.home:hover:before {position:relative; top:3px; left:-10px; content: url("/images/homeSelected.png")}

ul.pageLinks a.audio:before {position:relative; top:3px; left:-10px; content: url("/images/wave2.png")}
ul.pageLinks span.audio:before {position:relative; top:3px; left:-10px; content: url("/images/wave2Selected.png")}
ul.pageLinks a.audio:hover:before {position:relative; top:3px; left:-10px; content: url("/images/wave2Selected.png")}

ul.pageLinks a.resources:before {position:relative; top:3px; left:-10px; content: url("/images/download.png")}
ul.pageLinks span.resources:before {position:relative; top:3px; left:-10px; content: url("/images/downloadSelected.png")}
ul.pageLinks a.resources:hover:before {position:relative; top:3px; left:-10px; content: url("/images/downloadSelected.png")}


ul.pageLinks a.contact:before {position:relative; left:-10px; color:#777; content: "@"}
ul.pageLinks span.contact:before {position:relative; left:-10px; color:white; content: "@"}
ul.pageLinks a.contact:hover:before {position:relative; left:-10px; color:white; content: "@"}

/*=========== PRELOAD ============= */

@media screen {
	div#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
	}
	div#preloader img {
		display: block;
	}
}
@media print {
	div#preloader,
	div#preloader img {
		visibility: hidden;
		display: none;
	}
}