/*  
	base.css
	for MentalWealth theme 
*/

/* ------------------ */
/* general typography */
/* ------------------ */
html {font-size: 81%;}
html, body {margin: 0; padding: 0;}
body {
	vertical-align: text-top;
	line-height: 1.4;
	font: normal 1em Verdana, Arial, Helvetica, sans-serif; 
}
p, ol, ul, li, table {font-size: 1.0em;}  
p, h1, h2, h3, h4, h5, h6 {margin: 1.2em 0 0 0;}
input, select, th, tr, td {font-size: 1.0em;}
pre, tt {font-family: monospace, courier; font-size: 1.1em;}
strong, b {font-weight: bold;}
small {font-size: 0.8em;}
img {border: 0;}

table {margin: 0; padding: 0; width: 99%;}
th {text-align: left; font-weight: bold;}
tr {text-align: left;}
th, tr, td {vertical-align: top;}

/* increase monospace fonts on Mozilla using invalid pseudo-class hack */
:root code {font-size: 120%;}


/* -------- */
/* headings */
/* -------- */
h1 {
	margin-top: 0;
	font-size: 1.7em;
}
h2 {
	border-bottom: 2px solid black;
	font-size: 1.4em;
}	
h3 {
	padding-left: 0.3em;
	border-left: 10px solid black;
	font-size: 1.4em;
}	
h4 {
	padding-left: 0.3em;
	border-left: 3px solid black;
	font-size: 1.0em;
}	
h5, h6 {
	font-size: 1.0em;
	font-weight: bold;
}
h6 {
	margin-bottom: -1.0em;
}


/* ----------- */
/* main layers */
/* ----------- */
#sidebar {
	display: inline;
	margin: 0px 8px 0px 12px;
	float: left;
	width: 160px;
	padding: 0;	
	font-size: 0.88em;
}
#page {
	margin: 10px 10px 10px 10px;
	padding: 15px 30px;
	border: 1px solid black;
	border-bottom: 2px solid black;
}
#credits, #version, #timings {
	float: left;
	margin: 5px 0;
	width: 160px;
	padding: 0;
	list-style-type: none;
	text-align: center;
	font-size: 0.9em;
}
#message {
	margin: 10px 10px 10px 185px;
	padding: 5px 10px;
	border: 1px solid black;
	border-bottom: 2px solid black;
}

/* header */
#header {
 	margin: 10px;
/*	border: 1px solid black; */
/*	border-width: 1px 2px 2px 1px; */
}
#logo {
	margin: 0;
	padding: 5px;
	font-weight: bold;
	font-size: 1.7em;
	white-space: nowrap;
}
#logo img {
	vertical-align: middle;
}
#logo a {
	text-decoration: none;
}

/* search form  */
#searchform {
	float: right;
	margin: 5px;
	padding: 0;
	white-space: nowrap;
}
*[dir="rtl"] #searchform {
	float: left;
}
#searchform form div {
	display: inline;
}

/* sidebar */
.sidepanel {
	margin: 0 0 10px 0;
	float: right;
	width: 160px;	
	border: 1px solid black;
	border-width: 1px 2px 2px 1px;
	font-size: 1.0em;
}
.sidepanel h1 {
	margin: 0;
	padding: 0.2em 10px;
	border: none;
	border-bottom: 1px solid black;
	font-size: 1.0em;
}
.sidepanel ul {
	list-style-type: none;
	margin: 0;
	padding:0;
}
.sidepanel li {
	margin: 0;
	padding: 2px 10px;
	border-bottom: 1px solid black;
}
.sidepanel li form {
	margin: 0;
}
.sidepanel a {
	text-decoration: none;
	display: block;
}
.sidepanel a:hover {
	text-decoration: underline;
}


/* --------------- */
/* special classes */
/* --------------- */
span.sep {
	display: none;
}
.footnotes div {
	width: 5em;
	border-top: 1px solid black;
}
.info {
	font-size: 0.8em;
}
/* reduced size */
div.codearea pre { 
	margin: 0;
	border: none;
	padding: 0.9em;
}
#navibar li.current {
	border: none;
	border-bottom: 1px solid black;
}
.editbar form, .editbar form div {
	display: inline;
	margin: 0;
}
#editor-textarea, #editor-comment {
	width: 95%;
}
#pagebottom {
	clear: both;
}
.searchresult dd span {
	font-weight: bold;
}


/*
common.css - MoinMoin Default Styles
copyright (c) 2000-3 by Juergen Hermann
*/

/* content styles */
html {
	background-color: white;
	color: black;
	font-family: Arial, Lucida Grande, sans-serif;
	font-size: 0.85em;
	line-height: 1.25em;
}

/* links */
a:hover {color: #0044B3;}
a {color: #597BB3;}
a.nonexistent, a.badinterwiki {color: gray;}

/* headings */
h1 a {
	text-decoration: none;    
	color: black;
}
li p {
	margin: .25em 0;
}
li.gap {
	margin-top: 0.5em;
}
a, img, img.drawing {
	border: 0;
}
dt {
	font-weight: bold;
}
pre {
	padding: 0.5em;
	font-family: courier, monospace;
	border: 1pt solid #c0c0c0;
	background: #F0ECE6;
	white-space: pre;
	/* begin css 3 or browser specific rules - do not remove!
	see: http://forums.techguy.org/archive/index.php/t-249849.html */
    white-space: pre-wrap;
    word-wrap: break-word;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    /* end css 3 or browser specific rules */
}
table {
	margin: 0.5em 0;
	border-collapse: collapse;
}
td {
	padding: 0.25em;
	border: 1px solid #ADB9CC;
}
td p {
	margin: 0;
	padding: 0;
}

/* standard rule ---- */
hr {
	height: 1px;
	background-color: #c0c0c0;
	border: none;
}

/* custom rules ----- to ---------- */
.hr1 {height: 2px;}
.hr2 {height: 3px;}
.hr3 {height: 4px;}
.hr4 {height: 5px;}
.hr5 {height: 6px;}
.hr6 {height: 7px;}

/* replacement for html 3 u tag */
.u {text-decoration: underline;}

/* new in version 1.5 */
.strike {text-decoration: line-through;}

/* TableOfContents macro */
.table-of-contents { 
	font-size: small;
	text-align:left;
	margin: 0.5em; padding-left: 2em;
	width:50%;
}
.table-of-contents ol { 
	margin:0; margin-left:1em;
	list-style-type:decimal; 
}
.table-of-contents ul { 
	margin:0;
	list-style-type:none; 
}
.table-of-contents-heading { 
	font-weight:bold; padding:0; margin:0; 
}

footnotes ul {
	padding: 0 2em;
	margin: 0 0 1em;
}
.footnotes li {
	list-style: none;
}
.info {
    font-size: 0.85em;
    color: gray;
}

/* eye catchers */
.warning, .error {
	color: red;
}
strong.highlight {
	background-color: #CCE0FF;
	padding: 1pt;
}

/* recent changes */
.recentchanges p {
	margin: 0.25em;
}
.recentchanges td {
	vertical-align: top;
	border: none;
	border-bottom: 1pt solid #F0ECE6;
	background: #F7F6F2;
}
.rcdaybreak td {
	background: #B8C5D9;
	border: none;
}
.rcdaybreak td a {
	font-size: 0.88em;
}
.rcicon1, .rcicon2 {
	text-align: center;
}
.rcpagelink {
	width: 33%;
}
.rctime {
	font-size: 0.88em;
	white-space: nowrap;
}
.rceditor {
	white-space: nowrap;
	font-size: 0.88em;
}
.rccomment {
	width: 66%;
	color: gray;
	font-size: 0.88em;
}
.rcrss {
	float: right;
}
.recentchanges[dir="rtl"] .rcrss {
	float: left;
}

/* user preferences */
.userpref table, .userpref td {
	border: none;
}

/* new code_area markup used by Colorizer and ParserBase */
div.codearea { /* the div makes the border */
	margin: 0.5em 0;
	padding: 0;
	border: 1pt solid #AEBDCC;
	background-color: #F3F5F7;
	color: black;
}
div.codearea pre { /* the pre has no border and is inside the div */
	margin: 0;
	padding: 10pt;
	border: none;
}
a.codenumbers { /* format of the line numbering link */
	margin: 0 10pt;
	font-size: 0.85em;
	color: gray;
}

/* 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: #008000;}
div.codearea pre span.Number     {color: #0080C0;}
div.codearea pre span.String     {color: #004080;}
div.codearea pre span.SPChar     {color: #0000C0;}
div.codearea pre span.ResWord    {color: #A00000;}
div.codearea pre span.ConsWord   {color: #008080; font-weight: bold;}
div.codearea pre span.Error      {color: #FF8080; border: solid 1.5pt #FF0000;}
div.codearea pre span.ResWord2   {color: #0080ff; font-weight: bold;}
div.codearea pre span.Special    {color: #0000ff;}
div.codearea pre span.Preprc     {color: #803999;}

#pageinfo {
    margin-top: 2em;
}
#credits img {
	vertical-align: middle;
}
#preview {
	border: 2px solid #e5e5e5;
	padding: .5em;
	background: url(../img/draft.png);
}

/* diffs */
.diff {
	width:99%;
}
.diff-title {
	background-color: #c0c0c0;
}
.diff-added {
	background-color: #e0ffe0;
	vertical-align: sub;
}
.diff-removed {
	background-color: #ffffe0;
	vertical-align: sub;
}
.diff-added span {
	background-color: #80ff80;
}
.diff-removed span {
	background-color: #ffff80;
}

/* dialog */
form.dialog {
	margin: 0 15px;
}
.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%;
}

/* message */
#message p{
	margin: 5px 0;
	padding: 0;
	font-weight: bold;
}
#message div.buttons {
	font-weight: normal;
}

/*  
	screen.css
	for MentalWealth theme 

	uncomment the skin stylesheet you wish to use
*/
@import '0x75ee41b0;
@import '0x766e4950;
/* @import url(skin-blue.css); */
/* @import url(skin-orange.css); */
/* @import url(skin-purple.css); */
/* @import url(skin-red.css); */


/*  
	shadeorange.css
	for MentalWealth theme 

	orange tints lighter to darker:
		#ff6600
		#ffcc80
		#b36b00
	border grey:
		#9c9c9c 
*/

/* standard areas */
html, body {background-color: #fff;}
body {color: #000;}

/* borders */
#page, #message,  #header, .sidepanel {border-color: #9c9c9c;}
.sidepanel h1, .sidepanel li, #navibar li.current, .footnotes div {border-color: #9c9c9c;}

/* nav panels */
#header, .sidepanel {background: #ffffff;}
.sidepanel h1 {color: #ff6600; background: #fffff;}
#navibar li.current {background: #ff6600};

/* main panel */
#page {background-color: #fff;}

/* our custom headers */
h2, h3, h4 {border-color: #ff6600;}	

/* some specific colours */
#credits, #version, #timings, .info {color: #777;}
#logo a {color: #ff6600;}

