/* The CSS that's required to position the footer */
html,body { 
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

body {
	font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
	/* font-family: Verdana,Arial,sans-serif; */
	font-size: 10px;
	color: #000;
	overflow: hidden;
}

#white { background: #fff; }
#yellow { background: #fff20d; }

#leftbar {
	position: absolute;
	height: 100%;
	width: 100%;
	display: block;
	z-index: 200;
	left: 0;
	top: 0;
}

#innerbar {
	position: relative;
	height: 94%;
	width: 18px;
	/* background: #fff; */
}

#belowinner {
	position: relative;
	height: 6%;
	width: 100%;
	/* background: #fff; */
	margin: 0;
	padding: 6px 0 0 18px;
	font-size: 0.9em;
}
#belowinner .title,
#belowinner .keyword
{
	margin: 0;
	padding: 0 24px 0 1px;
}

#belowinner #autre
{
	float: left;
	width: 75px;
	margin: 0;
	padding: 0;
}
#belowinner #autre a:link,
#belowinner #autre a:visited,
#belowinner #autre a:active
{
	background: #3399cc;
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	padding: 1px;
}
#belowinner #autre a:hover
{
	background: #ff9933;
	color: #fff;
}

#belowinner #thetext
{
	float: left;
	margin: 0;
	padding: 0;
}

#picture {
	width: 100%;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	background-position: 100% 100%;
}

#fauxfoot {
	position: absolute;
	height: 100%;
	width: auto;
	z-index: 300;
	left: 0;
	top: 0;
}

#fauxfoot .spacer {
	height: 95%;
	margin: 0;
	padding: 0;
}

#fauxfoot .stuff {
	margin: 0 0 0 18px;
	padding: 0;
	background: #00cc00;
	height: 5%;
	width: 100%;
}

#navigation {
	position: absolute;
	width: 100%;
	z-index: 400;
	left: 0;
	top: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

#navigation #pre-nav {
	height: 18px;
	background: #fff;
	width: 100%;
	margin: 0;
	padding: 0;
}

#content {
	position: absolute;
	/* width: 896px; */
	z-index: 500;
	left: 18px;
	top: 45px;	
}

#content a {
	margin: 0 0 1px 0;
	padding: 0 3px 0 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

/* colored links */

#content a.pink {
	background: #ff3333;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	margin: 0 0 2px 0;
	font-family: georgia,times new roman,times,sans-serif;
}

#content a.green {
	background: #ff9933;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	font-style: italic;
	margin: 0 0 1px 0;
	font-family: georgia,times new roman,times,sans-serif;
}
#content a.black {
	color: #000;
	font-size: 48px;
	text-decoration: none;
	font-style: italic;
	background: #fff;
	margin: 0 0 1px 0;
	font-family: georgia,times new roman,times,sans-serif;
}
#content a.yellow {
	background: #3399cc;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	margin: 0 0 1px 0;
	font-family: georgia,times new roman,times,sans-serif;
}


/* for the front page */
#photo-thumbs {
	width: 200px;
	w/idth: 160px;
	/width: 160px;
	margin: 0;
	padding: 20px;
	background: #fff;
	float: left;
}

#project-excerpt {
	width: 400px;
	w/idth: 360px;
	/width: 360px;
	margin: 0;
	padding: 20px 20px 20px 0;
	background: #fff;
	float: left;
}


/* some generic column things */
.column265
{
	width:265px;
	w/idth:240px;
	/width:240px;
	float:left;
	padding: 0 25px 0 0;
	margin: 0;
}

#preloader {
	position: absolute;
	height: 50px;
	width: 450px;
	display: block;
	z-index: 1200;
	left: 18px;
	top: 45px;
}

.theloader {
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 2px 33px 2px 4px;
	background: #3399CC;
}

/* exp */
.bgwhite { background: white; padding: 2px; }

.fp-articles { float:right;width:290px; font-family: Georgia,Times New Roman,serif; margin: 0 0 30px 0; }
.fp-articles .fp-title { font-size: 1.1em; background: #3399CC; padding: 1px 3px; color: #fff; }
.fp-articles p.fp-article { font-size: 1.4em; margin: 0 0 3px 0; }
.fp-articles p.fp-article a:link, 
.fp-articles p.fp-article a:visited, 
.fp-articles p.fp-article a:active { background: #fff; padding: 2px 3px; color: #000; text-decoration: none; }
.fp-articles p.fp-article a:hover { background: #FF9900; padding: 2px 3px; color: #fff; }
.fp-lang { font-size: 8px; margin: 0; padding: 5px 2px 2px 7px; background: #999; color: #fff; text-transform: uppercase; }