/*  
The Original Style is:
Name: ThinkQuest Template 2006
Description: This was made for a thinkquest contest, but now that is long over so I will release it.
Authors: Will Rossiter, Jason Cole, Andres Barreto
Authors' URL: http://www.willr.co.nz  and http://jason-cole.com
Copyright: This template is free for any use

It was heavily customized to fit into ikiwiki (http://ikiwiki.info) by Niels Nowatzki
URL: http://gugelfischer.de
The Copyright notice above is still valid
*/

/***Misc Tags***/

*
{
margin: 0px;
padding: 0px;
}

body
{ 
font-family: "bitstream vera sans", Verdana, Arial, sans-serif;
font-size: 100%;
color: #5c5c5c;
background-color: #fff;
}

.hidden
{
display: none;
}

a
{
text-decoration: none;
color: #EC8A18;
}

a:hover
{
text-decoration: underline;
}

em
{
font-style:italic;
/*border-bottom: 1px solid #a0a0a0;*/
}

blockquote
{
background: #ffffff url(quote.png) bottom right no-repeat;
border: 1px solid #a0a0a0;
margin: 1em;
padding: 1em;
}

/*.left
{
float: left;
}

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

img.left,img.right
{
margin: 1em;
border: 2px solid #f8c274;
padding: 1em;
}

hr
{
border: 2px solid #f8c274;
color: #EC8A18;
height: 4px;
}
*/

/***Top Navigation***/

#pagehead
{
margin: 0;
margin-top: 0;
float: left;
background: #444 url(headbg.jpg) repeat-x bottom;
padding-bottom: 35px;
width: 100%;
}

#pagehead ul, #pagehead li
{
float: right;
list-style: none;
}

#pagehead .actions a
{
display: block;
float: right;
text-align: center;
width: auto;
padding-left: 2.5em;
padding-right: 2.5em;
line-height: 4em;
text-decoration: none;
color: #DDDDDD;
background: url(gradient.jpg) repeat bottom;
}

#pagehead .actions a:hover
{
background: url(gradient.jpg) repeat top;
color: #EEEEEE;
}

#pagehead .actions .active
{
background: url(gradient.jpg) top repeat;
color: #EEEEEE;
}

#pagehead .actions .active:hover
{
background: url(gradient.jpg) bottom repeat;
color: #FFFFFF;
}

#pagehead p
{
color: #a0a0a0;
float: right;
margin: 5px;
}

#pagehead p a
{
text-decoration: none;
color: #fff;
}

#pagehead p a:hover
{text-decoration: underline;
color: #f4f4f4;
}


/***Right Links***/
/*
.actions 
{
float: right;
color: #CCC;
margin-top: -25px;
}

.actions a
{
color: #EC8A18;
}
*/

.actions ul
{
margin: 0;
}

.actions li {
	display: block;
	padding: 0 0;
}
/***Header***/

.header
{
clear: both;
font-size: 1.5em;
text-align: left;
margin: 25px;
}

.title
{
clear: both;
font-size: 1.5em;
text-align: left;
margin: 1.5em;
}

.parentlinks
{
clear: both;
font-size: 1em;
text-align: left;
margin: 30px;
}

.inlineheader span {
	margin-top: 1.5em;
	margin: 1.5em;
	font-size: 22px;
	font-weight: bold;
	line-height: 1em;
	display: inline;
}

.addcomment
{
clear: both;
font-size: 1em;
text-align: left;
margin: 30px;
}
/*
.actions ul {
margin: 3em;
padding: 0;
list-style-type: none;
}
*/
.orange
{
color: #EC8A18;
}

/***Left Navigation***/

#sidebar
{
float: right;
text-align: left;

padding: 0.5em;
width: 14em;
font-size: 0.8em;
}

#sidebar ul
{
list-style: none;
}

#sidebar ul a
{
display: block;
text-decoration: none;
height: 2em;
width: 12em; 
border-left: 0.25em solid #f8c274;
padding: 0.5em;
margin: 0.25em;
font-weight: 900;
background: inherit;
color: #999;
font-size: 1em;
}

#sidebar ul ul a
{
width: 10em; 
margin: 0.25em 0.25em 0.25em 2.25em;
font-weight: 100;
}

#sidebar .active
{
background: #f4f4f4;
border-left: 0.25em solid #EC8A18;
color: #666;
}

#sidebar li a:hover
{
background: #f4f4f4;
border-left: 0.25em solid #EC8A18;
color: #666;
}

#sidebar h4
{
color: #5c5c5c;
font-size: 0.9em;
border-top: 1px solid #999;
font-weight: bold;
line-height: 2em;
}

#sidebar p
{
color: #999;
margin: 3px;
line-height: 1.3em;
font-size: 0.9em;
}


/***Main Content***/

#content
{
margin-left: 1.5em;
margin-right: 17em;
margin-top: 3em;
}

#content p
{
font-size: 0.9em;
margin: 10px;
color: #5c5c5c;
line-height: 1.4em;
}

#content h2
{
color: #333;
font-weight: bold;
font-size: 1.5em;
border-bottom: 3px solid #f8c274;
margin-bottom: 2em;
}

#content h3
{
color: #333;
font-weight: bold;
font-size: 1.2em;
border-bottom: 3px solid #f8c274;
}

#content h4
{
color: #333;
font-weight: bold;
font-size: 1em;
border-bottom: 3px solid #f8c274;
}

#content ul
{ 
font-size: 0.9em;
list-style: none;
color: #5c5c5c;
line-height: 1.4em;
}

#content li
{
background: #fff url(list.png) no-repeat;
list-style: none;
background-position: center left;
padding-left: 18px;
margin: 6px;
}

#comments
{
margin-left: 1.5em;
margin-right: 17em;
margin-top: 3em;
}

#comments p
{
font-size: 0.9em;
margin: 10px;
color: #5c5c5c;
line-height: 1.4em;
}

#comments h2
{
color: #333;
font-weight: bold;
font-size: 1.5em;
border-bottom: 3px solid #f8c274;
}

#comments h3
{
color: #333;
font-weight: bold;
font-size: 1.2em;
border-bottom: 3px solid #f8c274;
}

#comments h4
{
color: #333;
font-weight: bold;
font-size: 1em;
border-bottom: 3px solid #f8c274;
}

#comments ul
{ 
font-size: 0.9em;
list-style: none;
color: #5c5c5c;
line-height: 1.4em;
}

#comments li
{
background: #fff url(list.png) no-repeat;
list-style: none;
background-position: center left;
padding-left: 18px;
margin: 6px;
}

.comment .author {
	font-size: 1.1em;
}
.comment-subject {
	font-size: 1.1em;
}
/*
.comment {
	border: 1px solid #aaa;
	padding: 3px;
}

#feedlink {
	margin-left: 2.5em;
}
*/
/* Footer */
#pageinfo {
	margin: 1em 0;
	border-top: none;
}

#footer
{
clear: both;
border-top: 4px solid #EC8A18;
margin: 3em;
text-align: center;
}

div.recentchanges {
	border-style: solid;
	border-width: 1px;
	overflow: auto;
/*	clear: both;*/
	width: 100%;
	background: #eee;
	color: black !important;
}