/* Sample .CSS file for the flexi skin, it only shows the different areas 
   and a possible positioning within the page */
body {
	padding:0;
	margin:0;
	font-size: 14px;
	line-height: 133%;
/*  I prefer this but it mucks ou the headings at the moment
	font-size: 0.88em;
	line-height: 1.8em;
*/
}
#FlexiAll { /*for setting e.g. additional Background-image*/
	background:url(gfx/flexi/egil.jpg) no-repeat ;
	background-position: 85% 0%;
}
#FlexiTop {
	margin:0.2em;
	height:12em;
	background:url(gfx/flexi/ellistitle2.png) no-repeat ;
	background-position: 29% 50%;
}
#FlexiLeft {
	position:absolute;
	top:4em;
	left:0.5em;
	width:20%;
}
#FlexiHeader {
	margin:0.5em;
	margin-left:22%;
	width:56%;
	height:1.5em;
}

#FlexiHeader li { display: inline; margin: 0px; padding: 2px;}
#FlexiHeader li a { text-decoration: none;color: #00f; font-size:9pt;}

#FlexiTitle {
	width:56%;
	margin:0.5em;
	margin-left:22%;
	height:1.5em;
	border:1px solid #bbb;
	background:url(gfx/flexi/FlexiTitle.gif) no-repeat;
}
#FlexiMain {
	width:55.6%;
	margin:0.5em;
	margin-left:22%;
	padding:0.5%;
}

#FlexiFooter {
	width:56%;
	margin:0.5em;
	margin-left:22%;
	height:2em;
}
#FlexiRight {
	position:absolute;
	top:4em;
	left:79%;
	width:20%;
	height:2em;
}
#FlexiBottom {
	margin:0.5em;
	height:2em;
}

#wikiedit textarea { width: 99%; font-size: 1.00em }

/*
a {
font-weight:700;
color:#668;
text-decoration:none;
}

a:visited {
color:#08f;
font-weight:700;
text-decoration:none;
}

a:hover {
color:#668;
text-decoration:underline;
}

a:active {
color:#9c0606;
}
*/

a {
	color:#00f;
	text-decoration:none;
	font-weight:600;
	}

a:link {color:#00f;}

a:visited {color:#08f;}

a:hover {background-color:#eee;}

h1 {

	color:#333333;

	font-size:12px; /* Not a relative value, since this is the site logotype */

	line-height:12px; /* Ditto */

	font-weight:800;

	font-family: georgia, verdana, arial, helvetica, sans-serif; /* Again, it's the logotype, so we want this control. */

	margin:0;

	padding:0;

	}

h2 {

	color:#ccc;

	font-size:2.18em; /* ~24px */

	font-weight:800;

	margin:0 0 .83em; /* margin-bottom: ~20px */

	}

h3 {

	color:#333;

	font-size:1em;

	font-weight:700;

	margin:1.63em 0 .27em; /* ~18px 0 ~3px */

	}

h4 {

	color:#999;

	font-size:1.27em; /* ~14px */

	font-weight:800;

	margin:.43em 0 .214em; /* ~6px 0 ~3px */

	}

h5 {

	color:#999;

	font-size:1em;

	font-style:italic;

	font-weight:800;

	margin:1.8em 0 .27em; /* ~20px 0 ~3px */

	}

img.thumbs {border:1px solid #dddddd; margin:2px; padding:4px; vertical-align: middle; }
img.thumbs:hover, table.thumbtable td.thumbtd div.img:hover {border:1px solid red; }
table.thumbtable img.thumbs { border: 0; padding:0; }
table.thumbtable td.thumbtd {  margin:4px; padding:2px;}
table.thumbtable td.thumbtd:hover { border-color:red; }
table.thumbtable { border:1px solid #cccccc; }
table.thumbtable td.thumbtd div.img {border: 1px solid #dddddd; text-align: center;}
.caption {font-size:.8em; overflow:hidden; padding:0px; line-height:1.1em;}
img.current, table.thumbtable td.thumbtd div.current {border-color: #ff0000;}

/* for those leading blanks in comment boxes! */
pre { overflow: scroll;}