/*  common.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
*/

html {
	background-color: black;
	color: white;
	font-family: Arial, Lucida Grande, sans-serif;
	font-size: 1em;
	line-height: 1.25em;
}

/* Headings */

h1 {
	margin: 0;
	padding: 0;
	font-size: 2em;
	color: white;
	font-weight: bold; 
	line-height: 1.1em;
}

h2, h3, h4, h5, h6
{
	margin: 1.5em 0 0 0;
	padding: 2px 5px;
	font-weight: bold; 
	color: white;
	line-height: 1.08em;
/* too bright a yellow, let's tone it down = goldenrod4 */
	border-bottom: 4px double #8B6914;
}	

h2 {font-size: 1.6em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.1em;}
h5, h6 {font-size: 1em;}

li p {
	margin: .25em 0;
}

li.gap {
	margin-top: 0.5em;
}

a, img, img.drawing {
	border: 0;
}

dt {
	font-weight: bold;
}

pre {
	padding: 5px;
	border: 1px solid #303030;
	font-family: courier, monospace;
	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 */
}

tt {
        font-family: courier, monospace;
        color: #BFEFFF;
}

table {
	margin: 0.5em 0;
	border-collapse: collapse; 
}

td
{
	padding: 0.25em;
	border: 1px solid #303030;
}

td p {
	margin: 0;
	padding: 0;
}

/* standard rule ---- */
/* 30 seemed too drab somehow, taking bisque4 then making lots darker */
hr {
	clear: both;
	height: 2px;
	background-color: #4B3D2B;
	border: none;
}

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

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

.footnotes ul {
	padding: 0 2em;
	margin: 0 0 1em;
	list-style: none;
}

.footnotes li {
}


/* eye catchers */
.warning 
{
/* much brighter kinda orangey red */
	color: #ffd060;
}

.error 
{
/* Deep Pink (really, that's the color name, I swear.) */
	color: #FF1493;
}

strong.highlight 
{
/* dark teal, inverse of normal classic */
	background-color: #003366;
	padding: 1pt;
}


/* Recent changes */

div.recentchanges table {
	border: 1px solid #1a1a1a; 
}

.recentchanges p {
	margin: 0.25em;
}

.recentchanges td {
	border: none;
	border-top: 1px solid #1a1a1a;
	border-bottom: 1px solid #1a1a1a;
	vertical-align: top;
}

.rcdaybreak {
/* nice colorbar heading... this color is used for the border of codearea */
	background-color: #514233;
}

.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 {
/* was gray, but I want it to stand out some. LightBlue1 */
	width: 66%;
	color: #BFEFFF;
	font-size: 0.88em;
}

.rcrss {
	float: right;
}

.recentchanges[dir="rtl"] .rcrss {
	float: left;
}

/* User Preferences */

.userpref table, .userpref td {
	border: none; 
}

/* CSS for new code_area markup used by Colorizer and ParserBase */
/* this is the tricky part, I hope these parsers stick to CSS -- Heather */

div.codearea { /* the div makes the border */
/* chocolate code coming up */
	margin: 0.5em 0;
	padding: 0;
	border: 1pt solid #514233;
	background-color: #0c0a08;
	color: white;
}

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 */
/* was gray, making much brighter */
	margin: 0 10pt;
	font-size: 0.85em;
	color: #C0C0C0;
}

/* format of certain syntax spans */
/* brighter forms of same colors, to try to be consistent... */
/* was gray, making brighter */
div.codearea pre span.LineNumber {color: #909090;}
/* black = white */
div.codearea pre span.ID         {color: #ffffff;}
/* medium blue (C0) = deepskyblue */
div.codearea pre span.Operator   {color: #00bfff;}
/* some offbrand dark turquoise = turquoise2 */
div.codearea pre span.Char       {color: #00e5ee;}
/* midtone green (80) = SpringGreen2 */
div.codearea pre span.Comment    {color: #00EE76;}
/* another turquoise, only a little brighter than Char = LightSkyBlue1 */
div.codearea pre span.Number     {color: #B0E2FF;}
/* same color as Char */
div.codearea pre span.String     {color: #00e5ee;}
/* same color as Operator */
div.codearea pre span.SPChar     {color: #00bfff;}
/* a nice perky red (A0) = same color as Warning above */
div.codearea pre span.ResWord    {color: #ffd060;}
/* cyan (80) = cyan2 */
div.codearea pre span.ConsWord   {color: #00EEEE; font-weight: bold;}
/* vibrant red = same color as Error above */
div.codearea pre span.Error      {color: #ffc0a0; border: solid 1.5pt #FF0000;}
/* brighter turquoise than Number = lightcyan */
div.codearea pre span.ResWord2   {color: #E0FFFF; font-weight: bold;}
/* vibrant blue (FF) = LightBlue1 */
div.codearea pre span.Special    {color: #BFEFFF;}
/* something kind of purplish = MediumOrchid2 */
div.codearea pre span.Preprc     {color: #D15FEE;}

