/** global page layout (skeleton) *******************************************/


#header, #poster, #content, #footer {
	position: relative;
	width: 64em;
	margin: 0em auto 0.2em;
	padding: 0.5em;
}

#sidecolumn {
	background-color: #ffffff;
	float: left;
	width: 25%;
}

#sidecolumn img {
	width: 99%;
}

#sidecolumn a img {
	border: none;
}

#sidecolumn object,
#sidecolumn embed {
	margin-top: 1em;
	max-width: 99%;
}

#maincolumn {
	margin-left: 27%;
}

/** recurring layouts (stubs) ***********************************************/

.sidebox, .mainbox {
	position: relative;
	padding: 10px;
	margin-bottom: 1em;
}

.sidebox h1, .mainbox h1, 
.sidebox h2, .mainbox h2,
.sidebox h3, .mainbox h3,
.sidebox h4, .mainbox h4,
.sidebox h5, .mainbox h5 {
	margin: -10px;
}

.sidebox p, .mainbox p {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

/** special layouts **********************************************************/
/** header, navigation */

#header {
	height: 11em;
}

#header ul.navigation {
	position: absolute;
	bottom: 0.5em;
	margin: 0; padding:0;
	list-style-type: none;
}

#header ul.navigation li {
	display: inline;
	height: 2em;
	padding-right: 1.5em;
}

#header .announcement,
#header ul.navigation li a {
	font-weight: bold;
	text-decoration: none;
	color: #888888;
}

#header ul.navigation li a:hover {
	color: #444444;
}

#header img.logo {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin-left: -0.5em;
	/* height will be set automatically */
}

#header .announcement {
	position:absolute;
	bottom: 0.5em;
	right: 0.5em;
}

/** poster (shows widescreen pictures below the header */

#poster {
	margin-top: -0.4em;
	margin-bottom: -0.2em;
}

#poster_adjust{
	border: 1px solid #ffffff;
	margin-left: -0.5em;
	margin-right: -0.5em;
}

#poster img {
	position: relative;
	margin: 0;
	width: 100%;
}


/** footer */
#footer {
	height: 1.8em;
}