/*  screen.css - MoinMoin Default Styles

Copyright (c) 2001, 2002, 2003 by Juergen Hermann
Modified by Nir Soffer (technical theme), Mauricio Hernandez (ruleta theme)
Heather Stern (ubuntu theme)
*/

/* content styles */

/* debug
* {border: 1px dotted blue;}
*/

body {
    padding:0;
    border:0;
}

/* the words when mouse is over */
a:hover { background-color: #fc9; }
h1 a:hover {color: Midnightblue; }

/* override coloration of form elements */

/* override coloration of dialog buttons */
input {
    font-size: 1em;
    font-family: Arial, Lucida Grande, sans-serif;
    border: 1px Darkslateblue solid;
    background-color: #F1F1ED; /* ubuntu near-white */
    color: Black;
    margin: 0.1em;
    font-weight: bold;
}

textarea, input[type=text], input[type=password] {
    /* inherit from input */
    font-size: 1em;
    font-family: Arial, Lucida Grande, sans-serif;
    border: solid 1px Midnightblue;
	background: #F1F1ED; /* ubuntu near-white */
	color: Darkslateblue;
}

select, option {
    /* inherit from input */
    /* don't override font */
    border: none;
	background: #F1F1ED; /* ubuntu near-white */
	color: Midnightblue;
}

.disabled {
    /* IE ignore disabled attribute, but at least show items in gray */
    /* disabled menu options */
    color: DimGray;
}

/* user interface styles */

#header {
    margin: 0;
    padding: 0;
}

#mastwrap {
    background: url(../img/header.png) bottom left repeat-x #7597db;
}

#masthead
{
	position:relative;
	background: url('../img/headerlogo.png') bottom left no-repeat transparent;
	border: 0px solid white;
	color: #7597db;
	height: 90px;
}


#logo {
        /* display: none;                / * we'll show an image instead */
        text-indent:-10000px;
        margin:0;
        /* contains image and/or text link */
        float: left;
        margin: 0 10px 0 0;
        font-size: 2em;
        line-height: 1.2em;
        font-weight: bold;
        padding: 0;
}

#logo img {
    vertical-align: middle;
}

/* NOTE: Wiki name color */
#logo a {
    color: black;
    text-decoration: none;
}

*[dir="rtl"] #logo {
    float: right;
}

#username {
/* if you force place search this gets squished so... */
    position: absolute;
    right: 3px;
    top: 1.8em; /* yes, it scales when text does :) */
/* ok this part's normal */
    margin: 0 10px;
    padding: 8px 0 0 0;
    text-align: right;
    font-size: 12px;
    white-space: nowrap;
}

*[dir="rtl"] #username {
    position: absolute;
    left: 3px;
    top: 1.8em; /* yes, it scales when text does :) */
    text-align: left;
}

#username li {
    display: inline;
    padding: 0 4px;
}


#username li a {
    color: #030;
}

#username li:before {
	content: " ";
    color: Midnightblue;
}

#username li:first-child:before {
	content: "";
}

#username  a:hover { background-color: #fc9; }

#searchform {
	position: absolute;
	right: 3px;
	top: 3px;
	/* float: right; */
	margin: 3px 6px;
	padding: 0;
	white-space: nowrap;
	font-size: 13px;
    font-family: Arial, Lucida Grande, sans-serif;
}

*[dir="rtl"] #searchform {
	float: left;
}

#searchform form div {
    display: inline;
	font-family: Arial, Lucida Grande, sans-serif;
}

#sisternav
{
position:absolute;
bottom:0px;
right:10px;
}

#sisternav ul
{
display:inline;
margin:0;
padding:10px 10px 0 1px;
/* padding:0.6em 0.6em 0 1px; */
list-style:none;
}

#sisternav li
{
display:inline;
float:left;
background:url(../img/tab_off_ns1.gif) no-repeat left top;
margin:0;
padding:0 0 0 5px;
/* padding:0 0 0 0.3em; */
}

#sisternav a
{
float:left;
font-size:0.8em;
display:block;
background:url(../img/tab_off_ns2.gif) no-repeat right top;
padding:8px 15px 3px 8px;
text-decoration:none;
font-weight:bold;
color:Black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#sisternav a {float:none;}
/* End IE5-Mac hack */
#sisternav a:hover {
	color: #6d4c07; /* ubuntu dark brown */
}

#sisternav li:hover, #sisternav li:hover a
{
	background-position:0% -163px;
	color: #000000;
}

#sisternav li:hover a
{
	background-position:100% -163px;
	color: #000000;
}

#sisternav li.current
{
background:url(../img/tab_on_ns1.gif) no-repeat left top;
}

#sisternav li.current a
{
	background:url(../img/tab_on_ns2.gif) no-repeat right top;
	padding-bottom:4px;
	color:#000;
}

#sisternav li.current a:hover
{
color: #000000;
}

#pagetrail {
	white-space: nowrap;
	margin: 0;
	padding: 0 10px;
	font-size: 0.85em;
}

#pagetrail a {
	color: Midnightblue;
}

*[dir="rtl"] #pagetrail {
	clear: right;
	text-align: right;
}

*[dir="ltr"] #pagetrail {
	clear: left;
	text-align: left;
}

#pagetrail li {
	float: left;
	display: block;
	padding: 2px 2px;
	margin: 0 0 5px 0;
}

*[dir="rtl"] #pagetrail {
	float: right;
}

/* XXX Warning: non-ascii characters! */
/* NOTE: these are small things placed after your visited pages */
#pagetrail li:after {
	content: " » ";
	color: Midnightblue;
}

#pagetrail li:last-child:after {
    content: "";
}

*[dir="rtl"] #pagetrail li:after {
	content: " « ";
	color: Midnightblue;
}

#pagelocation {
 	clear: both;
	display: block;
	margin: 0;
	padding: 5px;
	font-size: xx-large;
	font-weight: bold;
	list-style:none;
	background-color: #fc9;
}

#pagelocation li { display: inline; }

#pagelocation li:after {
	content: "/";
	color: #363;
}

#pagelocation li:last-child:after {
    content: "";
}

#pagelocation a {
    color: #363;
    text-decoration: none;
}

#navibar {
 	clear: both;
	display: block;
	margin: 0;
	padding: 0 10px;
	font-size: 0.8em;
}

#navibar li {
	float: right;
	display: block;
	margin: 2px 2px;
	padding: 2px 5px;
	white-space: nowrap;
}

*[dir="rtl"] #navibar li {
	float: left;
}

/* color for the navibar links */
#navibar li.wikilink {
	background: white;
	/*url(../img/tab-wiki.png) repeat-x;*/
}

#navibar li.userlink {
	background: #F1F1ED; /* ubuntu near-white */
	/*url(../img/tab-user.png) repeat-x;*/
}

/* NOTE: the color for the Link inside the buttons of navibar */
#navibar a, #navibar a:visited {
	color: black;
	text-decoration: none;
}

/* NOTE: this is the color for the current page link */
#navibar li.current a {
	color: Midnightblue;
	font-weight: bold;
}

/* NOTE: this is the color when mouse is over the navibar links */
#navibar li:hover {
	background: #edddba; /* ubuntu pale orange */
}

#navibar li.current, #navibar li.current:hover {
	background: url(../img/u-footer.png) repeat-x;
	color: Midnightblue;
	/* url(../img/tab-selected.png) repeat-x; */
}

/* NOTE: this is the horizontal line across the page menu */
#pageline {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	/* sync these values, line-height is needed for IE */
	height: 4px;
	line-height: 4px;
	border-bottom: 1px solid #9C9C9C;
       /* border-top: 1px solid #9C9C9C; */
	background: Midnightblue;
}

.editbar {
	margin: 0;
	padding: 0 8px;
	white-space: nowrap;
	height: 26px;
	background: white;
	font-size: 0.85em;
}

*[dir="rtl"] .editbar {
	clear: right;
}

*[dir="ltr"] .editbar {
	clear: left;
}

.editbar form, .editbar form div {
    display: inline;
	margin: 0;
}

.editbar select {
    font-size: 0.9em;
    font-family: Arial, Lucida Grande, sans-serif;
    border: solid 1px Midnightblue;
	background: white;
	color: Darkslateblue;
}

.editbar option {
    font-size: 1em;
    font-family: Arial, Lucida Grande, sans-serif;
    /* border: dotted 1px white; */
	background: #F1F1ED; /* ubuntu near-white */
	color: Midnightblue;
}
.editbar li {
	float: left;
	display: block;
	padding: 0;
	margin: 2px 6px;
	color: Midnightblue;
}

*[dir="rtl"] .editbar li {
	float: right;
}

#header .editbar {
	margin-top: 2px;
	/* border-bottom: 1px dotted Midnightblue; */
	color: Midnightblue;
}

#footer .extranav {
	/* border-top: 1px dotted Midnightblue; */
}

#footer .editbar {
	/* border-bottom: 1px solid Midnightblue; */
}

.extranav {
	margin-top: 2px;
	clear: both;
	margin: 0;
	padding: 0 8px;
	white-space: nowrap;
	background: white;
	font-size: 0.85em;
}

.extranav li {
	color: Darkslateblue;
	float: right;
	display: block;
	padding: 0;
	margin: 2px 6px;
}

*[dir="rtl"] .extranav li {
	float: left;
}

#ubuntulinks {
	text-align: center;
}

.editbar a, .editbar a:visited { color: Darkslateblue;}
/* .editbar a:hover {color: Cornflowerblue; } */

.extranav a, .extranav a:visited { color: Darkslateblue;}
/* .extranav a:hover {color: Cornflowerblue; } */

#message {
	clear: both;
	margin: 0;
	padding: 5px 10px;
	border-bottom: 1px solid Midnightblue;
	background: #F1F1ED; /* ubuntu near-white */
}

#message p{
	margin: 5px 0;
	padding: 0;
	font-weight: bold;
}

#message div.buttons {
	font-weight: normal;
}

/* classic had form.dialog; modern doesn't. -- Heather */
form.dialog {
    margin: 0 15px;
    border: solid 1px Midnightblue;
    background-color: #edddba; /* ubuntu pale orange */
    color: Midnightblue;
}

.dialog form {
    margin: 0 15px;
    border: solid 1px Midnightblue;
    background-color: #edddba; /* ubuntu pale orange */
    color: Midnightblue;
}

.dialog td {
    border: none;
    padding: 5px;
}

.dialog td.label {
    text-align: right;
    font-weight: bold;
    width: 25%;
}

*[dir="rtl"] .dialog td.label {
    text-align: left;
}

.dialog td.content input {
    width: 100%;
}

#page {
	clear: both;
	background-color: white;
	margin: 0 0 0 0;
	/* to make room for side-menu use:
	margin: 0 200px 0 0;  */
	padding: 10px 30px 20px 30px;
}

/* We use here dumb css1 ids because of IE suckiness */
#editor-textarea, #editor-comment {
    width: 100%;
}

#preview {
	border: 2px solid Midnightblue;
	padding: 2px 15px 10px 15px;
	background: url(../img/u-draft.png);
}

#footer {
    clear: both;
    margin: 0;
    padding: 0;
    background: #363; /* #7597db; */
    font-size: 10px;
    text-align: center;
    color: #fc9;
    height: 35px;
}

div#footer img {
    float: left;
    margin: 1em;
}

#credits, #version, #timings{
	margin: 3px 6px;
	padding: 0;
	text-align: center;
	color: #fc9; /* #6C7680; */
	font-size: 10px;
}

#credits li, #timings li {
	display: inline;
	padding: 0 2px;
	margin: 0 4px;
}

#footer a {
    color: #fc9;
}

#footer a:hover {
    color: #030;
    background-color: #fc9;
}

#credits li a:hover, #timings li a:hover {
    color: #060; /* Midnightblue; */
    background-color: #fc9; /* #ccf; */
}

#credits img {
	vertical-align: middle;
}

/* diffs from classic */
.diff {
	width:99%;
}

.diff-header {
	font-weight: bold;
}

.diff-title {
	background-color: Midnightblue;
}

.diff-added {
	background-color: #edddba; /* ubuntu pale orange */
	vertical-align: sub;
}

.diff-removed {
	background-color: #FFFFE0; /* classic pale yellow */
	vertical-align: sub;
}

.diff-added span {
	background-color: #DBBA75; /* ubuntu orange */
}

.diff-removed span {
	background-color: #FFFF80; /* classic yellow */
}

.searchresult dd span {
	font-weight: bold;
}


/* ============================== */

#sidemenu {
	position: absolute;
	right: 0px;
	top: 120px;
	width: 160px;
	height:80%;
	margin: 0 0 0 0;
	padding: 1em;
	/* border-left: #C1B496 1px dashed; */
	font-family: sans-serif;
	font-size: 0.8em;
	color: Darkslateblue;
}

#sidemenu ul {
	margin-left: 0px;
	padding-left: 20px;
	list-style-image: url(../img/u-bullet.png);
}


/* format of certain syntax spans */
div.codearea pre span.LineNumber {color: gray;}
/* div.codearea pre span.ID         {color: #000000;} */
/* div.codearea pre span.Operator   {color: #0000C0;} */
/* div.codearea pre span.Char       {color: #004080;} */
div.codearea pre span.Comment    {color: #00bb00;}
/* div.codearea pre span.Number     {color: #0080C0;} */
div.codearea pre span.String     {color: #aa22ff;}
/* div.codearea pre span.SPChar     {color: #0000C0;} */
div.codearea pre span.ResWord    {color: #0000ff;}
div.codearea pre span.ConsWord   {color: #7711ff;}
div.codearea pre span.Error      {color: #FF8080; border: solid 1.5pt #FF0000;}
div.codearea pre span.ResWord2   {color: #0088ff;}
/* div.codearea pre span.Special    {color: #0000ff;} */
div.codearea pre span.Preprc     {color: #803999;}