/*  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 {color: #e88f1f; } 
h1 a:hover {color: #e88f1f;  } 

/* override coloration of form elements */

/* override coloration of dialog buttons */
input {
    font-size: 1.1em;
    font-family: Arial, Lucida console, monospace;
    /* border: grooved 1px black; */
    background-color: #F1F1ED; /* ubuntu near-white */
    color: black;
	border: 1px black solid;
}

textarea, input[type=text], input[type=password] {
    /* inherit from input */
    font-size: 1.1em;
    font-family: Lucida console, monospace;
    border: solid 2px black;
	padding: 1px;
	background: white;
	color: black;
}

select {
    /* inherit from input */
    /* don't override font */
    border: solid 2px black;
	background: white; 
	color: black;
    font-size: 1.1em;
}

option {
    /* inherit from input */
    /* don't override font */
    border: none;
	background: white; 
	color: black;
}

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

/* user interface styles */

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

#mastwrap {
    background-color: #a0180f;
	background: url(../img/e-header.png); 
	background-repeat: repeat-x;
}

#mainpagenav {
    position: absolute;
    right: 80px;
    top: 5px;
    padding-left: 15px;
    padding-right: 15px;
	font-weight: bold;
	color: white;
    font-size: 0.9em;
  }

#mainpagenav a {
	font-weight: bold;
	color: white;
	text-decoration: none;
	}

#mainpagenav a:hover {
	font-weight: bold;
	color: white;
	text-decoration: underline;
	}

#wikibutton {
    position: absolute;
    right: 16px;
    top: 10px;
  }

#wikifield {
    position: absolute;
    right: 0px;
    top: 0px;
	width: 365px;
	height: 150px;
    padding-left: 0px;
    padding-right: 0px;
	background: url(../img/wiki-tab.png); 
	background-repeat: no-repeat;
	/* border: solid magenta 2px; */
  }

#username {
/* if you force place search this gets squished so... */
    position: absolute;
    top: 54px;
    left: 15px;
	margin: 0;
	padding: 0;
    text-align: left;
    font-size: 0.8em;
	font-weight: bold;
	color: black;
    white-space: nowrap;
}

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

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

#username li a {
	color: black;
	text-decoration: none;
}

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

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

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

#findrecent {
/* if you force place search this gets squished so... */
    position: absolute;
    top: 108px;
    left: 15px;
	margin: 0;
	padding: 0;
    text-align: left;
    font-size: 0.8em;
	font-weight: bold;
	color: black;
    white-space: nowrap;
}

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

#findrecent li {
    display: inline;
    padding: 0 2px;
}

#findrecent li a {
	color: black;
	text-decoration: none;
}

#findrecent li:before {
	content: " ";
	color: black;
}

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

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

#searchform {
    position: absolute;
    left: 15px;
	top: 78px;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	font-size: 0.8em;
    font-family: Arial, Lucida Grande, sans-serif;
}

#wikibuttons {
	position: absolute;
	right: 80px;
	top: 50px;
	margin: 5px 10px;
	padding: 0;
	white-space: nowrap;
	font-size: 0.8em;
    font-family: Arial, Lucida Grande, sans-serif;
}

*[dir="rtl"] #searchform {
	float: left;
    font-family: Arial, Lucida Grande, sans-serif;
}

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

#sisternav 
{
position:absolute;
top:10px;
left:10px;
}

#sisternav ul 
{
display:inline;
margin:0;
list-style:none;
padding:0 0 0 0;
}
                  
#sisternav li 
{
display:inline;
float:left;
margin:0;
padding:0 10px 0 0;
}

/* 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; 
}

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

#pagetrail a {
	color: Gray; 
}

*[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: black;
	color: Black;
}

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

/* 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: #6d4c07; /* ubuntu dark brown */
}

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

*[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 #C1B496; 
	background: white;
	color: black;
}

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

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

#header .editbar {
	color: black; 
}

#footer .extranav {
	border-top: 1px dotted #C1B496; /* ubuntu dark tan */
}

#footer .editbar {
	border-bottom: 1px solid #6d4c07; /* ubuntu dark brown */
}

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

.extranav li {
	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: black;} /* darker brown */
.editbar a:hover {color: #800000; } /* ubuntu dark brown */

#message {
	clear: both;
	margin: 0;
	padding: 5px 10px;
	border-bottom: 1px solid #C1B496; /* ubuntu dark tan */
	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 #C1B496; /* ubuntu dark tan */
        background-color: #edddba; /* ubuntu pale orange */
        color: #6d4c07; /* ubuntu dark brown */
}

.dialog form {
    margin: 0 15px;
        border: solid 1px #C1B496; /* ubuntu dark tan */
        background-color: #edddba; /* ubuntu pale orange */
        color: #6d4c07; /* ubuntu dark brown */
}

.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;
	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 #C1B496; /* ubuntu dark tan */
	padding: 2px 15px 10px 15px;
	background: url(../img/u-draft.png);
}

#footer {
	clear: both;
    margin: 0;
    padding: 0;
    background: #a0180f;
	font-size: 10px;
	color: white;
}

#footer a {
	color: white;
}

#footer a:hover {
	color: #e88f1f; 
}
#credits, #version, #timings{
	margin: 3px 6px;
	padding: 0;
	text-align: center;
	color: white;
	font-size: 10px;
}

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

#credits img {
	vertical-align: middle;
}

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

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

.diff-title {
	background-color: #C1B496; /* ubuntu dark tan */
}

.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: Lime;
}

.diff-removed span {
	background-color: Yellow;
}

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

