/* Page setup */

html, body, #all{
	width: 100%;
	height: 100%;
	min-height: 100%;
}

body, #all {
	height: auto;
	color: black;
	background-color: #bccdba;
	padding: 0%;
	margin: 0%;
	font-family: Verdana, Sans-serif;
	font-size: 10pt;
}

#all {
	position: absolute;
	top: 0px;
	left: 0px;
}


/* General elements */
#page > h2 {
	border-top: 1px solid #333c32;
	margin-top: 0px;
	margin-bottom: 1em;
	clear: both;
}

a {color: inherit}
a img {border-width: 0px}
form p {margin-top: 0px; padding-top: 0px}
#page img {
	border: 1px solid #aeaea6;
	padding: 2px;
	margin: 1%;
}


code {
	display: block;
	background: white none no-repeat scroll top right;
	background-color: #f8fff7;
	background-image: url('images/bg-code.png');
	border: 1px solid #aeaea6;
	border-left: 4px double #aeaea6;
	margin: 1em 5% 1em 10%;
	font-family: monospace;
	font-size: 8pt;
	white-space: pre;
}

span.inline-code, var { font-family: monospace }

blockquote {
        clear: both;
	display: block;
	background-color: #f8fff7;
	background: white none no-repeat scroll top right;
	border: 1px dotted #aeaea6;
	margin: 1em 5% 1em 10%;
	padding: 0.5em 1ex;
	font-family: serif;
}

#page blockquote p, #page dd p {
	margin-top: 0px;
	text-indent: 0px;
}

blockquote p.source { 
	font-style: italic;
	text-align: right;
	margin-bottom: 0px;
}

blockquote p.source:before {
	content: "\2014\A0";
}

dt { font-weight: bold }

em.capital {
	font-style: normal;
	font-variant: small-caps;
}

div.abstract {
	font-family: serif;
	font-weight: bold;
	border-bottom: 1px solid #aeaea6;
	margin-bottom: 1em;
}

hr {
	border: none;
	width: 40%;
	height: 1px;
	color: #aeaea6;
	background-color: #aeaea6;
	margin-top: 2em;
	margin-bottom: 2em;
}


/* Top banner */

h1 {
	float: left;
	width: 60%;
	display: block;
	color: #a6b6a3;
	background-color: #333c32;
	border: 2px solid #737c72;
	border-left-width: 0px;
	margin: 2% 0% 0% 0%;
	padding: 0.7% 5% 0.7% 21%;
	z-index: 8;
	font-weight: bold;
	font-size: 8pt;
}

h1 span.menu-current {
	display: block;
	font-size: 26pt;
}


/* Left box (menu, additional infos) */

#browse {
	position: absolute;
	top: 12px;
	left: 1%;
	width: 14%;
}

#menu {
	width: 100%;
	background: #96a693;
	border: 1px solid #80917f;
	margin-bottom: 20px;
	z-index: 10;
}

#logo {
	background: #535c52;
	color: #ffb227;
	text-align: right;
	font-weight: bold;
	font-size: 11pt;
	font-family: Luxi Sans, sans serif;
	padding: 1%;
	margin-bottom: 0.5em;
}

#logo:first-letter {
	color: #ff7700;
}


#menu ul {
	padding-left: 5%;
	margin-left: 0px; /* IE+Opera */ 
	margin-top: 0px;
}

#menu ul li {
	font-size: 10pt;
	font-weight: bold;
	line-height: 16pt;
	list-style-type: none;
}

#menu ul li a {
	text-decoration: none;
}

#menu ul li ul li a {
	border-bottom: 1px dotted black;
}

#menu ul li ul li a:hover {
	border-bottom: 1px solid black;
}

#menu ul li ul li ul li a {
	border-bottom: none;
}

#menu ul li ul li {
	padding-left: 2%;
	font-size: 8pt;
	font-weight: normal;
	line-height: 14pt;
}

#menu ul li ul li:before {
	content: "\2192\A0";
}

#menu ul li ul li ul li {
	padding-left: 2%;
	font-size: 8pt;
	line-height: 10pt;
}

#menu ul li ul li ul li:before {
	content: "\22C5\A0";
}

#menu ul li ul li ul {
	margin-bottom: 0.5em;
}

#menu li.menu-current > a {
	color: #ffb227;
}

#menu li.menu-current:first-letter {
	color: #ff7700;
}

#menu a {color: black}  /* Stupid IE cannot inherit? */


/* Main content box */

#mainframe {
	float:left;
	width: 81%;
	padding: 5% 5% 5% 0%;
	margin-top: 2%;
	background: #535c52;
	border-top: 2px solid #aab9a8;
	border-right: 2px solid #6b736a;
	border-bottom: 2px solid #6b736a;
	border-left: none;
	z-index: 3;
}

#maincontainer {
	background: #e8efe7;
	border: 1px solid #96a693;
	border-top: 1px solid #a6b6a3;
	border-left: none;
	padding: 2% 2% 2% 22%;
	margin: 0%;
	z-index: 5;
}

#page {
	color: #333c32;
	background: #dbdbd3;
	border: 1px solid #aeaea6;
	padding: 4%;
	padding-bottom: 0px;
	margin: 0%;
	z-index: 5;
}

#page p {
	text-indent: 20px;
}


/* Right box (styles, thumblog, powered by logos) */

#info {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 88%;
	width: 9%;
	background: #94a593;
	border-left: 1px solid #80917f;
	border-right: 1px solid #80917f;
	z-index: 10;
	font-size: 8pt;
	font-weight: bold;
}
* html body #info {  /* Dummy selector only accepted by Stupid IE */
	display: none;  /* Hide the infos and show the IE warning */
}

#side {
	position: absolute;
	top: 200px;
	width: 100%;
	text-align: center;
}

#side h2 { font-size: 8pt }

#side img {
	border: 1px solid #80917f;
	max-width: 90%;
}

#powered {
	position: absolute;
	bottom: 0px;
	width: 100%;
	line-height: 20pt;
	text-align: center;
}


/* Archive links */

#page p.archives, #side p.archives, #page p.nav-next, #page p.nav-prev {
	text-indent: 0px;
	margin: 1em 2ex;
	text-align: right;
}
p.archives a, p.nav-next a, p.nav-prev a {
	color: #535c52;
}

#page p.nav-next { float: left }
#page p.nav-prev { float: right }

p.archives a:after { content: "\2026" }
#page p.nav-next a:before { content: "\2026\A0" }
#page p.nav-prev a:after { content: "\2026" }


/* Footer box */

#footer {
	float: left;
	width: 44%;
	color: #a6b6a3;
	background-color: #333c32;
	border: 2px solid #737c72;
	border-left-width: 0px;
	padding: 1% 21%;
	margin: 2% 0%;
	z-index: 8;
	text-align: center;
}


/* Content box elements */

div.highlights {
	background-color: #a4a896;
	border: 1px solid #81827c;
	width: 62%;
	float: left;
	padding: 2%;
	font-size: 8pt;
	margin-bottom: 2em;
}

div.spotlight {
	color: #a6b6a3;
	background-color: #333c32;
	border: 1px solid #737c72;
	width: 25%;
	float: right;
	padding: 2%;
	font-size: 8pt;
	margin-bottom: 2em;
}


#page div.spotlight p, #page div.highlights p { text-indent: 0px; }

#page div.highlights ul {
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 0px;  /* IE and Opera */
	padding-left: 0px;
}
#page div.highlights li { list-style-type: none; }
#page div.highlights li:before { content: "\2022\A0"; }

#page div.spotlight h2, div.highlights h2 {
	font-size: 10pt;
	font-weight: bold;
	border-width: 0px;
	margin-top: 0px;
}

#page div.spotlight a { color: #a6b6a3 }


div.news {
	clear: both;
	margin-bottom: 2em;
}

div.header {
	border-bottom: 1px solid #838c82;
	background: transparent none no-repeat scroll center right;
	padding-right: 110px;
}

div.header-homepage {
	background-image: url('../images/icons/homepage.jpg');
}

div.header-cinema {
	background-image: url('../images/icons/cinema.jpg');
}

div.header-music {
	background-image: url('../images/icons/music.jpg');
}

div.header-fiction {
	background-image: url('../images/icons/fiction.jpg');
}

div.header-geekdom {
	background-image: url('../images/icons/geekdom.jpg');
}

div.header-computers {
	background-image: url('../images/icons/computers.jpg');
}


div.news span.date, div.news span.topic {
	color: #535c52;
	font-family: Georgia, Palatino, Serif;
	font-size: 8pt;
}
div.news span.date { float: left }
div.news span.topic { font-weight: bold }

html>body div.news span.topic {
	float: right;  /* Stupid IE (win) fucks up the display otherwise */
}

div.news span.topic:before {
	content: "\2014\A0";
}

div.news h3 {
	clear: left;
	margin: 0px;
	padding: 0px;
}


/* Error box */
div.errors {
	background-color: #e4a593;
	padding: 10px;
	margin-bottom: 10px;
	border: 2px solid red;
	color: red;
}


/* Special paragraphs */
p.illustration {
	float: right;
	clear: right;
	margin: 0px 0px 10px 10px;
}

p.literal {
	white-space: pre;
}

p.metainfo {
	text-align: right;
	font-size: 80%;
	color: #535c52;
	margin: 0px;
	margin-bottom: 1em;
	float: right;
}


/* Special warning box for IE users */
#iewarn {
	position: absolute;
	top: 200px;
	left: 88%;
	width: 9%;
	background: #c48583;
	border: 2px solid red;
	z-index: 20;
	font-size: 8pt;
	display: none;
}
#iewarn p { padding: 1ex }
* html body #iewarn {  /* Dummy selector only accepted by Stupid IE */
	display: block;
}

#iewarn img {
	display: block;
	margin: auto;
}