/*
 * Single page slide show styles
 *
 * Copy SlideShow.css to your theme's css/ directory.
 *
 * copyright: 2008 Thomas Waldmann
 * license: GNU GPL, see COPYING for details
 */

html { /* <<< */
    background-color: #fffff5;
    background-color: #fbf0d9; /* Kindle sepia color */
    color: black;
    font-family: Arial, Lucida Grande, sans-serif;
    font-size: 24pt;
} /* >>> */
body { /* <<< */
    margin: 0.5em 1em;
    padding: 0px 50px;
	font-family: "Palatino Linotype","Book Antiqua",Palatino,"URW Palladio L",FreeSerif,serif;
	font-family: georgia, "times new roman", "Palatino Linotype","Book Antiqua",Palatino,"URW Palladio L",FreeSerif,serif;
	line-height: 1.45em;
    background-color: #fbf0d9; /* Kindle sepia color */
} /* >>> */
/* h1, h2, h3, h4, h5, h6 { *//* <<< */
/*	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
} */

/* Slide heading */
h1 {font-size: 43pt; color: #33F; line-height: 1.2em;}
/* h1:before {content:url(../../common/moinmoin.png); padding-right:10px; display: inline-block; vertical-align: middle;} */
h1:before {
    content:url(/Images/griffin0038_64.png);
    padding-right:20px; display: inline-block;
    vertical-align: middle;
    margin: 0;
    margin-bottom: -5px;
}
.linux.gecko h1:before, .linux.opera h1:before {
    position: relative;
    top: 5px;
}
h2 { font-size: 35pt; color: #33F; line-height: 1.2em;}
h3 { font-size: 33pt; color: #33F; line-height: 1.2em;}
h4 { font-size: 27pt; color: #33F; line-height: 1.2em;}
h5 { font-size: 23pt; color: #33F; line-height: 1.2em;}
h6 { font-size: 20pt; color: #33F; line-height: 1.2em;}
h1, h2, h3 {
	font-family: georgia, "times new roman", "Palatino Linotype","Book Antiqua",Palatino,"URW Palladio L",FreeSerif,serif;
}
/* >>> */
/* Slide content <<< */
#content {margin-left: 0pt; margin-right: 0;}
#content p {text-align: left;}
#content[dir="rtl"] {margin-left: 0; margin-right: 0pt;}
/* >>> */
/* list <<< */
li p {margin: 0;} /* Workaround for moin's bad list html */

li { margin: 12pt; padding-left: 15pt; }
/* >>> */
/* a -- link <<< */
a { color: #69F; }
a:visited { color: #69F; }
a.nonexistent, a.badinterwiki { color: #666; }
/* Links (copied from common.css) <<< */

a {color: #0044B3; border: none;}
/* a:visited {color: #597BB3;} */
a:visited {color: #FF7BB3;}

a.nonexistent:visited, a.nonexistent, a.badinterwiki:visited, a.badinterwiki {color: gray;}

a.www:before {content: url(../img/big/moin-www-ss.png); margin: 0 0.2em;}
a.http:before {content: url(../img/big/moin-www-ss.png); margin: 0 0.2em;}
a.https:before {content: url(../img/big/moin-www-ss.png); margin: 0 0.2em;}
a.file:before {content: url(../img/big/moin-ftp-ss.png); margin: 0 0.2em;}
a.ftp:before {content: url(../img/big/moin-ftp-ss.png); margin: 0 0.2em;}
a.nntp:before {content: url(../img/big/moin-news-ss.png); margin: 0 0.2em;}
a.news:before {content: url(../img/big/moin-news-ss.png); margin: 0 0.2em;}
a.telnet:before, a.ssh:before {content: url(../img/big/moin-telnet-ss.png); margin: 0 0.2em;}
a.irc:before, a.ircs:before  {content: url(../img/big/moin-telnet-ss.png); margin: 0 0.2em;}
a.mailto:before {content: url(../img/big/moin-email-ss.png); margin: 0 0.2em;}
/* a.attachment:before {content: url(../img/big/moin-attach-ss.png); margin: 0 0.2em;} */
a.badinterwiki:before {content: url(../img/big/moin-inter-ss.png); margin: 0 0.2em;}
a.interwiki:before {content: url(../img/big/moin-inter-ss.png); margin: 0 0.2em;}
a.action:before {content: url(../img/big/moin-action-ss.png); margin: 0 0.2em;}
a.bibtex_url_link:before {content: url(../img/big/moin-www-url-ss.png); margin: 0 0.2em;}
a.bibtex_doi_link:before {content: url(../img/big/moin-www-doi-ss.png); margin: 0 0.2em;}

li p {
    margin: .25em 0;
}

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

dt {
    margin-top: 0.5em;
    font-weight: bold;
}

dd {
    margin-top: 0;
    margin-bottom: 0;
}

dd p {
    margin: 0.25em 0;
}

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

/* Links >>> */
/* <<< a (links) (copied from screen.css) */
a:link { color: #47f; color: #04c; text-decoration: none; }
a:link:hover, a:link:active { text-decoration: underline; } /* color: #21d78f; } */
a:visited { text-decoration: none; color: #04a;}
a:visited:hover { text-decoration: underline; } /* color: #21d78f; } */
a.nonexistent:link { color: #666 }
a.nonexistent:hover { color: black; text-decoration: underline; }

a.download {
    font-size: 140%; 
    letter-spacing: 0.05em;
    font-weight: bold;
    background: #E7E7E7;
    border: 1px solid #9C9C9C;
    padding: 0.5em;
    text-align: center;
}
a:active {
	outline: none;
}
a:focus {
	-moz-outline-style: none;
	outline: none;
}
/* >>> a */
/* >>> */
/* comment, pcomment, red, green, etc., solid, dashed, dotted, left, center, ... <<< */
/* .comment css definition must be top of .red/.green/.blue or it won't work */
/* see ul ol dl below as well. */
.comment, .pcomment {
    color: #333333;
    background-color: #f1f6f2; /* lighter-greenish gray */
    background-color: #e1e8dc; /* slightly greenish gray */
    padding: 0 0.7em 0.25em 0.7em;
    font-family: tahoma, geneva, arial, helvetica, sans-serif;
    font-size: 80%;
    border-top: 2px dashed #aaa;
    line-height: 120%;
    margin-bottom: 0.3em;
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -khtml-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
}

.pcomment {
    background-color: #f1f8ec; /* slightly greenish gray */
}


span.comment, span.pcomment { /* in-line comment */
    margin: 0 0.3em;
    padding: 0.07em 0.3em 0.15em 0.3em;
    color: #777;
}

span.pcomment {
    color: #555;
}

.comment a:link, .comment a:visited { color: green; }
.pcomment a:link, .pcomment a:visited { color: green; }

.red { background-color: #FFCCCC; padding: 0.2em 1em;}
.green { background-color: #CCFFCC; padding: 0.2em 1em;}
.blue { background-color: #CCCCFF; padding: 0.2em 1em;}
.yellow { background-color: #FFF29F; padding: 0.2em 1em;}
.orange { background-color: #FFD59B; padding: 0.2em 1em;}

.solid { border: 2px solid #000000; padding: 2px; padding: 0.2em 1em;}
.solidgray { border: 2px solid #888888; padding: 2px; padding: 0.2em 1em;}
.dashed { border: 2px dashed #000000; padding: 2px; padding: 0.2em 1em;}
.dotted { border: 2px dotted #000000; padding: 2px; padding: 0.2em 1em;}

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }

/* comment, red, green, etc., solid, dashed, dotted, left, center, ... >>> */
/* tt, code, sup, sub <<< */

.codearea {
    line-height: 1.0em;
}

tt, code, .codearea .codenumbers, pre {
    font-size: 0.80em;
    font-family: "Andale Mono IPA", Monaco, monospace, courier;
    line-height: 1.25em;
}

.codearea .codenumbers {
    font-size: 0.7em;
}

/* tt, code, .codearea, pre {
    font-size: 0.77em;
    font-family: "Andale Mono IPA", Monaco, monospace, courier;
    line-height: 1.2em;
}
.codearea .codenumbers {
    font-size: 0.63em;
    line-height: 1.1em;
} */

tt {
    /* background-color: #ddebff; */
    padding: 4pt 4pt 3pt 4pt;
    /* color: #225; */
}
code {
    /* border: 1pt dashed #AEBDCC;
    background-color: #f2fff2; *//* F3F5F7; */
    padding: 4pt;
    padding-bottom: 3pt;
    /* background-color: #DDF;
    color: #444; */
}
sup, sub { font-size: 0.75em; }
/* >>> */
pre { /* <<<  pre-formatted */
    /* border: none;
    border-top: 1pt solid #AEBDCC;
    border-bottom: 1pt solid #AEBDCC; */
    padding: 10pt;
    white-space: pre;
    /* background-color: #ddebff;
    color: #225; */
    /* <<< 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 */
} /* >>> */
/* Navigation <<< */

#navigation {
    /* font-family: arial, helvetica, sans-serif, tahoma, geneva; */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
    /* margin-top: -5pt; */ /* does not work, I think -- can do it with top */
    color: #ddd;
    font-size: 20pt;
    opacity: 0;
    background-color: #80b58c;
    background-color: #fadea4;
    background: transparent;
}

#navigation:hover {
    opacity: 0.95;
}

#navigation ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

#navigation li {
    display: inline-block;
    margin: 0;
    padding: 0;
    min-width: 24pt; /* for number links */
}

#navigation a {
    display: inline-block;
    text-decoration: none;
    color: #ccc;
}

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

#navigation .current {
    color: blue;
}

/* >>> */
#date { /* <<< */
    position: fixed;
    bottom: 0.5em;
    left: 0.5em;
    right: 0;
    font-size: 12pt;
    clear: both;
    display: inline;
    margin: 0;
    padding: 0;
    color: #6C7680;
} /* >>> */
#author { /* <<< */
    position: fixed;
    bottom: 0.5em;
    left: 2em;
    right: 0;
    text-align: center;
    font-size: 12pt;
    clear: both;
    display: inline;
    margin: 0;
    padding: 0;
    color: #6C7680;
} /* >>> */
#counter { /* <<< */
    position: fixed;
    bottom: 0.5em;
    left: 2em;
    right: 0.5em;
    text-align: right;
    font-size: 12pt;
    clear: both;
    display: inline;
    margin: 0;
    padding: 0;
    color: #6C7680;
} /* >>> */
@media DISABLED {
/* CSS for ParserBase */ /* codearea <<< */

div.codearea { /* the div makes the border */
    margin: 0.5em 0;
    padding: 0;
    border: 1pt dashed #222;
    background-color: #EEF;
    color: #444;
}

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: 0pt;
    font-size: 10pt;
    color: #888;
    display: none; /* rather annoying to see the link */
}

/* format of certain syntax spans */
div.codearea pre span.LineNumber {color: #444;}
div.codearea pre span.ID         {color: #000;}
div.codearea pre span.Operator   {color: #000;}
div.codearea pre span.Char       {color: #048;}
div.codearea pre span.Comment    {color: green;}
div.codearea pre span.Number     {color: red;}
div.codearea pre span.String     {color: magenta;}
div.codearea pre span.SPChar     {color: #00C;}
div.codearea pre span.ResWord    {color: #39F;}
div.codearea pre span.ConsWord   {color: #088; font-weight: bold;}
div.codearea pre span.Error      {color: #F88; border: solid 1.5pt #FF0000;}
div.codearea pre span.ResWord2   {color: #69F; font-weight: bold;}
div.codearea pre span.Special    {color: #00F;}
div.codearea pre span.Preprc     {color: #839;}

/* >>> */
}
@media print { /* <<< */
    #navigation {
    display: none;
    }
} /* >>> */
/* admonition start <<< */
#content div.caution, 
#content div.important, 
#content div.news, 
#content div.oldnews, 
#content div.bnews, 
#content div.boldnews, 
#content div.barcnews, 
#content div.inform, 
#content div.arcnews, 
#content div.note, 
#content div.tip, 
#content div.warning {
    /* border: 1pt solid #E5E5E5; */
    border: 1pt solid #c5d5f5;
    background-color: #F9F9FF;
    color: black;
    margin: 10pt 0pt;
    /* background-repeat: no-repeat;
    background-position: 10px 10px; */
    /* min-height: 52px; *//*52=32+10+10 but doesn't work with IE*/
    /* padding-left: 55px;
	padding-right: 20px; */
    padding: 10px 40px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
    -webkit-border-radius: 15px;
}

#content div.news,
#content div.arcnews,
#content div.oldnews,
#content div.bnews,
#content div.barcnews,
#content div.boldnews,
#content div.inform {
    padding: 15px 40px;
}

#content div.news,
#content div.arcnews,
#content div.bnews,
#content div.barcnews {
    background-color: #fbf0d9; /* Kindle sepia color */
    background-color: #fbf4e4; /* Kindle sepia color, lighter */
}

#content div.oldnews,
#content div.boldnews {
    background-color: #efe0c9;
    background-color: #efe6d7;
}

#content div.inform {
    background-color: #f0fbdf;
    background-color: #f3fbe7;
}

#content div.note {
    background-color: #fafcc4;
    background-color: #fbfcde;
}

#content div.tip {
    background-color: #ddfefb;
    background-color: #eafefc;
}

#content div.news,
#content div.oldnews,
#content div.arcnews,
#content div.bnews,
#content div.boldnews,
#content div.barcnews,
#content div.inform {
    padding: 15px 40px;
}

#content div.bnews,
#content div.barcnews,
#content div.news,
#content div.arcnews {
    background-color: #fbf0d9; /* Kindle sepia color */
    background-color: #fbf4e4; /* Kindle sepia color, lighter */
}

#content div.boldnews,
#content div.oldnews {
    background-color: #efe0c9;
    background-color: #efe6d7;
}

#content div.inform {
    background-color: #f0fbdf;
    background-color: #f3fbe7;
}

#content div.note {
    background-color: #fafcc4;
    background-color: #fbfcde;
}

#content div.tip {
    background-color: #ddfefb;
    background-color: #eafefc;
}

#content div.important {
    background-color: #e8f9da;
    background-color: #eef9e5;
}

#content div.caution {
    background-color: #ffef97;
    background-color: #fff8d4;
}

#content div.warning {
    background-color: #ffbd87;
    background-color: #ffddc2;
}

/* #content div.news {
    min-height: 80px;
    padding-left: 86px;
    padding-top: 7px;
    padding-bottom: 7px;
    background-position: 20px 10px;
}*/

/* #content div.news p,  */
/* #content div.caution p,  */
/* #content div.important p,  */
/* #content div.note p,  */
/* #content div.tip p,  */
/* #content div.warning p { */
    /* margin-top: 12px; */ /*to align text with bg graphic*/
/* } */
#content div.caution:before, 
#content div.important:before, 
#content div.tip:before {
    float: left;
    padding: 10px 30px 0px 10px;
    margin-top: 15px;
}
#content div.note:before, 
#content div.warning:before {
    float: left;
    padding: 10px 30px 0px 10px;
    margin-top: 15px;
}
#content div.news:before,
#content div.arcnews:before,
#content div.inform:before,
#content div.oldnews:before {
    float: left;
    padding: 10px 40px 0px 10px;
    margin-right: 30px;
    margin-top: 0px;
}
#content div.caution:before {content: url("../img/big/admon-caution-ss.png");}
#content div.important:before {content: url("../img/big/admon-important-ss.png");}
#content div.news:before {content: url("../img/big/news-blue-big.png");}
#content div.oldnews:before {content: url("../img/big/news-faded-ss.png");}
#content div.inform:before {content: url("../img/big/gtk-info-ss.png");}
#content div.arcnews:before {content: url("../img/big/news-gold-ss.png");}
#content div.note:before {content: url("../img/big/admon-note-ss.png");}
#content div.tip:before {content: url("../img/big/admon-tip-ss.png");}
#content div.warning:before {content: url("../img/big/admon-warning-ss.png");}
/* admonition end >>> */
/* table related <<< */

/* table <<< */

table
{
    /* margin: 0.5em 0 0 0.5em; *//* moinmoin default, not good */
	margin: 0.5em 0em; /* GHG -- my fix */
    /* border-collapse: collapse; */ /* moinmoin default, not good */
	border-spacing: 0; /* GHG -- my fix */
}

th, td
{
    padding: 0.25em 0.5em 0.25em 0.5em; /* moinmoin default */
    /* border: 1pt solid #adb9cc; */ /* moinmoin default */
    border: none;
}

td p { /* moinmoin default */
    margin: 0;
    padding: 0;
}

/* >>> */
/* <<< loginform */

#loginform table {
	padding-top: 10px;
}

#loginform table tr td {
	padding: 3px 5px 3px 0px;
}

/* >>> */

/* <<< dbw.table */

#dbw\.table {
	padding-top: 0px;
	width: 100%;
}

#dbw\.table tr td {
	padding: 3px 6px;
	border-bottom: 1px solid #bbbbff;
}

/* >>> */

/* Month Calendar <<< */

th.cal-header {
	color: black;
	background-color: #daa520;
	text-shadow: rgba(255,255,255,0.5) 1px 1px;
	line-height: 170%;
	padding: 0;
}

th.cal-header a {
	color: black;
}

th.cal-header a:link {
	color: black;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 105%;
	text-shadow: rgba(255,255,255,0.7) 1px 1px;
	border-width: 1px;
	border-color: rgba(218,165,32,0);
	border-style: solid;
	padding: 1px 4px;
}

a.cal-emptyday, a.cal-usedday, a.cal-weekend {
	border-width: 1px;
	border-color: rgba(218,165,32,0);
	border-style: solid;
	display: block;
}

/* days without and with pages linked to them */
a.cal-emptyday {
    color: #000000;
	text-decoration: none;
    text-align: center;
}

a.cal-usedday {
    color: #000000;
    font-weight: bold;
    text-align: center;
}

a.cal-weekend {
	color: #777777;
	text-align: center;
}

/* links to prev/next month/year */
a.cal-link {
	margin-top: 3px;
	clear: both;
    color: #000000;
    text-decoration: none;
	padding: 0px 3px;
	font-weight: bold;
	font-size: 90%;
	border-width: 1px;
	border-color: rgba(218,165,32,0);
	border-style: solid;
}

th.cal-header a:hover, a:hover.cal-usedday, a:hover.cal-emptyday, a:hover.cal-weekend {
	text-decoration: none;
	border-width: 1px;
	border-color: #88cccc;
	border-style: outset;
	text-shadow: rgba(255,255,255,0.7) 0px 1px, rgba(255,255,255,0.7) 1px 0px, rgba(255,255,255,0.8) 1px 1px 2px;
}

th.cal-header a:active, a:active.cal-usedday, a:active.cal-emptyday, a:active.cal-weekend {
	border-style: inset;
	color: rgba(0,0,0,0);
	text-shadow: black -1px -1px, rgba(255,255,255,0.7) 0px 1px, rgba(255,255,255,0.7) 1px 0px, rgba(255,255,255,0.8) 1px 1px 2px;
}

td.cal-today a:active {
	border-style: inset;
	color: rgba(0,0,0,0);
	text-shadow: red -1px -1px, rgba(255,255,255,0.7) 0px 1px, rgba(255,255,255,0.7) 1px 0px, rgba(255,255,255,0.8) 1px 1px 2px;
}

/* for MonthCalendar mouseover info boxes (tooltips) <<< */
TABLE.tip {
    color: black;
    background-color: #FF8888;
	background-color: #ddffaa;
    font-size: smaller;
    font-weight: normal;
    border-style: solid;
	border-color: #8cc;
    border-width: 1px;
}

TH.tip {
    background-color: #FF4444;
	background-color: #66ff33;
    font-weight: bold;
    text-align: center;
    border-style: solid;
	border-color: black;
    border-width: 0px;
	padding: 5px;
}

TD.tip {
    text-align: left;
    border-style: solid;
	border-color: black;
    border-width: 0px;
	padding: 5px;
}

*[dir="rtl"] TD.tip {
    text-align: right;
    border-style: solid;
	border-color: black;
    border-width: 0px;
}
/* >>> */

/* >>> */

/* >>> */
/* message <<< */
#message, #message-in-editor {
    clear: both;
    margin: 0px -90px; /* main geometry */
	padding: 20px 90px;
    /* border-bottom: 1px solid #c9c9c9; */
	color: black;
	background: #bbffcc;
	/* text-align: justify; */
}

#message-in-editor {
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	/* text-align: center; */
}
/*
#message-in-editor a.clear-link {
	text-align: center;
}
*/
#message {
	clear: none;
	/* new design */
	width: 690px;
	position: fixed;
	top: 0px;
	left: 50%;
	border: 5px solid #bad0ec;
    /* border-radius: 19px; *//* 19px 0 0; */
    /* -moz-border-radius: 19px;
    -khtml-border-radius: 19px;
    -webkit-border-radius: 19px; */
	margin: 0;
	margin-left: -440px;
	z-index: 2000;
	opacity: 0.93;
    font-size: 16pt;
}

#message .hint, #message-in-editor .hint, #my-status-line .hint {
	font-style: italic;
	background-color: #aaddbb;
}

#message p, #message-in-editor p {
    margin: 0;
    padding: 0;
	padding-bottom: 6px;
    /* font-weight: bold; */
}

#message a:hover, #message-in-editor a:hover, #my-status-line a:hover {
	cursor: pointer;
}

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

#message .error, #message-in-editor .error, #my-status-line .error {
	padding: 6px;
	color: red;
	background: yellow;
}

#message-footer {
	margin-top: 5px;
	font-size: 85%;
	text-align: center;
}

/* >>> */
#my-status-line { /* <<< */
    font-family: tahoma, geneva, arial, helvetica, sans-serif;
	font-size: 11pt;
	position: fixed;
	width: 60%;
	top: 97%;
	left: 50%;
	background-color: yellow;
	border: 1px solid gray;
	margin: 0;
	margin-left: -30%;
	z-index: 2001;
	opacity: 0.75;
    line-height: 1.2em;
}

#my-status-line p {
	margin: 3px;
    white-space: pre-wrap;
    word-wrap: break-word;
}

#my-status-line-para-top, #my-status-line-para-bottom, #my-status-line-footer {
	text-align: center;
	width: 100%;
}

#my-status-line-footer {
	font-size: 85%;
	margin-top: 3px;
}

#my-status-line:hover, #my-status-line:active {
	bottom: 0;
	top: auto;
	opacity: 0.96;
}

/* >>> */