/*
 * Layout template matching the style of my website
 *
 * @author Andreas Gohr <andi@splitbrain.org>
 * @author Anika Henke <henke@cosmocode.de>
 * @author Christopher Arndt <chris@chrisarndt.de>
 */

/* -------------- top row --------------- */
#header {
	border: solid 1px __border__;
	padding: 0.2em;
	margin-bottom: 0.5em;
	position: relative;
	overflow: hidden;
}

#header_title {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}

/* the site name */
.logo {
	float: left; 
	text-align: left;
	margin-top: 0.2em;
	padding-bottom: 0.1em;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

/* the current page name */
.pagename {
	float: right;
	text-align: right;
/*	margin-top: 1em; */
	margin-right: 12px;
}

/* ---------------  header bar ---------------- */
#header_bar {
	margin: 0;
	clear: both;
	border: solid 1px __border__;
	height: 2em;
	padding-top: 0.3em;
	padding-left: 0.4em;
	padding-right: 0.4em;
}

.bar_left {
	padding-top: 0.2em;
	float: left;
	text-align: left;
	margin: 0px;
	font-size: 100%;
	border: none;
}

.bar_right {
	float: right;
	text-align: right;
}

/* ---------- the sidebar ---------- */

/* see "sidebar.css" */

/* ---------- the content area (including the wiki document) ---------- */

#content {
	border: solid 1px __border__;
	margin-top: 0px;
	margin-bottom: 1em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

#page {
	border: solid 1px __border__;
	margin: 0px;
	padding-top: 0.2em;
	padding-bottom: 0.4em;
	padding-left: 0.4em;
	padding-right: 0.8em;
}

/* ------------- File Metadata ----------------------- */

div.meta {
	clear: both;
	margin-top: 1em;
	font-size: 70%;
	text-align: right;
}

/* ---------------  Media Selection  ----------------- */

div.uploadform {
	margin-top: 0.5em;
}

.mediaselect-left {
	float: left;
	padding: 0.5em;
	width: 30%;
}

.mediaselect-right {
	float: right;
	padding: 0.5em;
	width: 65%;
}

.mediaselect-right table {
	width: 100%;
}

.mediaselect-right table td {
	text-align: center;
}


.mediaselect-right .odd, .mediaselect-right .even {
	margin: 5px;
}

.mediaselect-right .odd {
	float: left;
}