/* @override 
	http://789.bepassive.be/style/style.css
	http://be.passive/style/style.css
	http://www.bepassive.be/style/style.css
*/

* {
	margin:0;
	padding:0;
	font-family:Arial, Verdana, sans-serif;
}

body {
	font-size:62.5%;
}

h1 {
	color:#000;
	font-weight:bold;
	font-size:16em;
	margin-left:-15px;
}

h1 a {
	color:#000;
	text-decoration:none;
}

#splash {
	width:800px;
	margin:0 auto;
}

#splash p {
	font-size:1.9em;
	margin-top:-30px;
	text-align:right;
}

#splash p a {
	color:#81bf1e;
	text-decoration:none;
}

/* @group Menu */

#menu {
	float:left;
	margin-right:0px;
}

#menu ul {
	list-style-type:none;
	margin:250px 0 0 -25px;
	/*margin:275px 0 0 -25px;*/
	font-size:2em;
	width:150px;
	position:relative;
	padding:10px 0;
}

#menu ul li {
	padding:0;
	margin:0;
	height:29px;
}

#menu ul li.backLava {
	background-color:#81bf1e;
	position:absolute;
	height:29px;
}

#menu ul a {
	text-decoration:none;
	color:#000;
	padding:3px 3px 3px 25px;
	z-index:10;
	display:block;
	position:relative;
	margin:0;
}

/* @group Bonus menu */

#bonusmenu {
	list-style-type:none;
	font-size:1.2em;
	margin-left:-125px;
	margin-top:75px;
	float:left;
	width:150px;
	color:#444;
}
/*
#bonusmenu.viewer {
	font-size:1.9em;
}

#bonusmenu.viewer a {
	color:#000;
}
*/

#bonusmenu li {
	margin:0 0 10px 0;
}

#bonusmenu li.title {
	margin:0 0 2px 0;
	color:#000;
}

#bonusmenu li a {
	color:#444;
	text-decoration:none;
}

#bonusmenu li a:hover {
	background:#EEE;
}

body.splash #bonusmenu li a {
	color:#444;
	text-decoration:none;
	background:#EEE;
}

body.splash #bonusmenu li a:hover {
	background:none;
}

#bonusmenu li.active a {
	background:#CCC;
}

/* @end */

/* @end */

/* @group Content */

#content {
	margin-top:45px;
	margin-left:175px;
	padding:0;
}

body.viewer #content {
	margin-top:55px;
}

#content p.minimenu {
	text-align:left;
	margin:10px 0;
	font-size:1.5em;
}

#content a:hover {
	text-decoration:underline;
}

#content ul {
	list-style-type:none;
	font-size:1.5em;
}

#content ul li {
	padding:10px;
}

#content ul li a {
	background:yellow;
	color:#000;
	text-decoration:none;
	padding:3px;
}

#content ul li a:hover {
	background:none;
	text-decoration:none;
}

#content h3 {
	color:#81bf1e;
	font-size:1.7em;
	font-weight:normal;
	margin-bottom:10px;
}

#content h4 {
	font-size:1.3em;
	margin-top:25px;
}

#content p {
	text-align:left;
	margin:8px 0;
	font-size:1.2em;
}

#content p.question {
	font-style:italic;
	margin-top:15px;
}

body.links #content p {
	font-size:1.3em;
	margin-top:20px;
}

#content p span {
	font-weight:bold;
}

#content p span.large {
	margin-left:15px;
}

#content div {
	/*border:2px solid #81bf1e;*/
	/*padding:5px 15px;*/
	padding:5px 0;
	font-size:1.5em;
}

#content.intl ul li a {
	background:#F8F8F8;
	padding:5px 10px;
}

#content.intl ul li a img {
	border: none;
}

#content.intl ul li span {
	background:#F8F8F8;
	padding:5px 10px;
	color:#BBB;
}

#content.intl ul li a:hover {
	background:none;
}

body.about #content img {
	margin:13px 15px 0 0;
	float:left;
}

blockquote {
	font-style:italic;
	margin:25px 0;
	font-size:1.4em;
}

blockquote span {
	text-align:right;
	display:block;
	font-style:normal;
	margin-top:5px;
	font-size:0.9em;
}

/* @end */

#num {
	position:fixed;
	bottom:0;
	left:20px;
	font-size:12em;
	color:#999;
}




ul#archives li {
	float:left;
	font-size:0.7em;
}

ul#archives li a {
	background:none;
}

ul#archives li img {
	display:block;
	margin-bottom:4px;
	margin-top:10px;
	border:none;
}

ul#archives li span {
	font-weight:bold;
	font-size:1.1em;
}


ul#archives li a:hover img {
	border-top:10px solid #81bf1e;
	margin-top:0px;
}