/*  screen.css - MoinMoin Default Styles

Copyright (c) 2001, 2002, 2003 by Juergen Hermann

Colors replaced for people who prefer dark layout, 
        2005 by Heather Stern
        some of the colors are merely inversed, 
        others are adjusted to retain color, but look clean against black
*/

/* content styles */

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

/* Hmmm. Let's try these in a pleasant tone
   specifically,  LemonChiffon & thistle3 */
a:link {color: #FFFACD;}
a:visited {color: #CDB5CD;}
/* bad links were a dark gray, maybe not quite that dark */
	/* too dark. go for something reddish.. */
a.nonexistent, a.badinterwiki {color: #EECCCC;}

input {
    font-size: 1em;
    font-family: Arial, Lucida Grande, sans-serif;
/* deviation from classic: insisting on color here rather than inheriting
   from the browser defaults. -- Heather */
        border: solid 1px #000033;
        background-color: #221100;            
        color: #DFEFF7;
}

textarea {
    font-size: 1em;
    font-family: monospace;
/* same deviation from classic as above */
        border: solid 1px #000033;
        background-color: #221100;            
        color: #DFEFF7;
}

/* and we didn't see the option nor select items colorized before... */
option {
    font-size: 1em;
    font-family: monospace;
        background-color: #221100;            
        color: #DFEFF7;
}

select {
    font-size: 1em;
    font-family: monospace;
        background-color: #221100;            
        color: #DFEFF7;
}

/* checkboxes and radio buttons are a lost cause.  sorry.  
   If you don't believe me see 
   http://www.456bereastreet.com/lab/form_controls/checkboxes/
   and realize that Mozilla 1.7 didn't honor any color tweaks either
   although it did stay stuck in my gtk colors. 
   */

pre {
/* something very tan I think = a dark brown I like to use for my xterms */
	background-color: #221100;
}

.footnotes div {
/* was gray, make brighter */
	width: 5em;
	border-top: 1px solid #909090;
}

/* user interface styles */

#logo {
	/* contains image and/or text link */
	float: left;
	font-size: 2em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0 10px 0 0;
	padding: 0;
}

#logo img {
	/* logo image */
	vertical-align: middle;
}

#logo a {
	/* logo text link */
	color: white;  
	text-decoration: none;
	white-space: nowrap;
}

*[dir="rtl"] #logo {
	float: right;
	margin: 0 0 0 10px;
}

#title h1 {
	margin: 0;
	padding: 0;    
	font-size: 2em;
	font-weight: bold;
	line-height: 1.2;
}

#title h1 a {
	text-decoration: none;
}

#searchform {
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
}

*[dir="rtl"] #searchform {
	float: left;
	margin: 0 10px 0 0;
}

#searchform form div {
    display: inline;
}

#username {
	margin: 0;
	padding: 0.25em;
	text-align: right;
	font-size: 0.82em;
	white-space: nowrap;
}

*[dir="rtl"] #username {
	text-align: left;
}

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

#username li:before {
	content: "| ";
	color: gray;
}

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

#pagetrail {
	clear: left;
	margin: 0;
	padding: 0;
	font-size: 0.88em;
	height: 2em;
}

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

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

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

#pagetrail a {
	text-decoration: none;
}

/* XXX Warning: non-ascii characters! */
#pagetrail li:after {
	content: " »";
}

#iconbar {
	clear: both;
	float: right;
	margin: 5px 0 5px 10px;
	padding: 0;
	white-space: nowrap;
}

*[dir="rtl"] #iconbar {
	float: left;
	margin: 5px 10px 5px 0;
}

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

#navibar {
	clear: left;
	margin: 0;
	padding: 0;
	font-size: 0.88em;
	height: 2em;
}

*[dir="rtl"] #navibar {
	clear: right;
}

#navibar a {
	text-decoration: none;
	display: block;
}

#navibar li {
	float: left;
	display: block;
	margin: 2px;
	padding: 2px 5px;
	border: 2px solid #303030;
	background-color: #1a1a1a;
}

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

#navibar li.wikilink {
	background-color: #1a1a1a;
}

#navibar li.userlink {
	background-color: #1a2130;
}

#navibar li.current {
/* reverse of old color looked odd, trying nice dark xterm brown :) */
	background-color: #221100;
}

#navibar li.current a {
	font-weight: bold;
	color: white; 
}

#message {
	clear: both;
	border: 2px solid #3f3f3f;
	background-color: #1a1a1a;
	margin: 5px 0;
	padding: 5px;
}

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

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

form.dialog {
    margin: 0 15px;
/* deviation from classic: insisting on color here rather than inheriting
   from the browser defaults. -- Heather */
        border: solid 1px #000033;
        background-color: #221100;            
        color: #DFEFF7;
}

.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;
	margin: 5px 0;
	padding: 10px 20px;
	border: 2px solid #3f3f3f;
	background-color: black;
}

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

#footer {
	clear: both;
	border: 2px solid #3f3f3f;
	background-color: #1a1a1a;
	margin: 5px 0;
	padding: 5px;
	font-size: 0.88em;
}

#footer p, #footer form {
	margin: 0.25em 0;
}

#credits, #version, #timings{
	margin: 5px 0;
	padding: 0;
	text-align: center;
	font-size: 0.82em;
/* was grey, make brighter */
	color: #909090;
}

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

#credits img {
	vertical-align: middle;
}

#preview {
	border: 1px solid ##909090;
	padding: .5em;
	background: url(../img/draft.png);
}

.diff {
	width:99%;
}

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

.diff-title {
	background-color: #3f3f3f;
}

.diff-added {
/* let's go for same color, reverse brightness.. */
	background-color: #003f00;
	vertical-align: sub;
}

.diff-removed {
/* let's go for same color, reverse brightness.. */
	background-color: #1f1f00;
	vertical-align: sub;
}

.diff-added span {
/* ok it is green, but let's go for really bright. mint cream */
	background-color: #F5FFFA;
}

.diff-removed span {
/* and this is more of a bright yellow.  I took the percentage shades for
   burlywood, which I kind of like, and made it darker... */
	background-color: #6E4837;
}

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

