/*
 +--------------------------------+
 | titlebar                       |
 +--------------------------------+
 | r |                        | l |
 | i |                        | e |
 | g |                        | f |
 | h | content                | t |
 | t |                        |   |
 |   |                        |   |
 +--------------------------------+
*/
html {
	height: 100%;
	width: 100%;
}

body {
	min-width: 800px;
	min-height: 600px;
	height: 100%;
	margin: 0;
	padding: 0;

	//background-color: #404040;
	background-color: #ffffcc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}


/******/ /******/ /******/ /******/ /******/ /******/ /******/ /******/
/*	Title bar */
/******/ /******/ /******/ /******/ /******/ /******/ /******/ /******/

/*	The titlebar div expects to contain two h1 elements.
	The first h1 is the running title.
	The second h1 is the page title.
*/



#titlebar  {
	position: relative;
	width: 100%;
	margin: 0;
	background-color: #ffffcc;
}

#titlebar a {
	//display: block;
	//padding: 0.25em 0 0.25em 1em;
 	font-weight:bold; 
	color: brown;
	background: #FF9933; text-decoration: none
}

#titlebar a:hover {text-decoration: underline overline; }

#titlebar h1:first-child {
	float: right;
	margin: 0;
	padding: 0.25em 1em 0.25em 1em;
	color: white;
}

#titlebar h1+h1 {
	margin: 0;
	padding: 0.25em 1em 0.25em 1em;
	color: white;
}

/******/ /******/ /******/ /******/ /******/ /******/ /******/ /******/
/*	Navigation bar */
/******/ /******/ /******/ /******/ /******/ /******/ /******/ /******/

#left {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 10em;
	float: left;
	background-color: #ffffcc;
}

#left li {
	padding: 0.25em 0 0 0;

	list-style-type: none;
	font-weight:bold;
}

#left a {
	display: block;
	padding: 0.25em 0 0.25em 1em;
	color: white;
}

/******/ /******/ /******/ /******/ /******/ /******/ /******/ /******/
/*	Content */
/******/ /******/ /******/ /******/ /******/ /******/ /******/ /******/

/*	#content needs zero-margin elements generated before and after.
	Otherwise the margins of the first and last user-supplied element
	will apply and let the dark red body show through.
*/

#content {
	min-height: 100%;
	margin: 0 6em 0 10em;
	padding: 1em 1em 0 1em;	/* Top padding needed for IE. */

	border-style: solid;
	border-width: 0 0 0 2px;
	border-color: white;

	background-color: white;
}

#content_collage {
	position: relative;	/* Allows foreground images to be absolute. */
	float: right;

	margin: 0 0 0 1em;
}

#content_collage img {
	border-style: outset;
	border-width: 6px;
	border-color: white #404040 #404040 white;
}

#content_collage_back {
}

#content_collage_face {
	position: absolute;
	top: 37px;
	left: 37px;
}

#content_collage_idea {
	position: absolute;
	top: 196px;
	left: 37px;
}

#content_collage_real {
	position: absolute;
	top: 355px;
	left: 37px;
}

#content_story:before {
	display: block;
	height: 0;

	content: "\0000a0";	/* No-break space. */
}

#content_story > :first-child {
	margin-top: 0;		/* Remove excess space before start of story. */
				/* (Excess space is padding added above for IE.) */
}

#content_story:after {
	display: block;

	content: "\0000a0";	/* No-break space. */
}

#content_story th {
	border: none;		/* Overrides Drupal's style. */
}

#right {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 6em;
	float: right;
	background-color: #ffffcc;
}