/***********************************************************************
** notquitecitrus.css
**  Copyright 2009 Brian Evans
**  Based on pmwiki.css: Copyright 2004-2006 Patrick R. Michaud, 2006 Hagan Fox
**  This file is part of PmWiki; you can redistribute it and/or modify
**  it under the terms of the GNU General Public License as published
**  by the Free Software Foundation; either version 2 of the License, or
**  (at your option) any later version.  See pmwiki.php for full details.
***********************************************************************/


/* This sets the overall frame for the site */
body {
	margin: 0px;
	background-image: url(outsideborder-tb.png); background-repeat: repeat-x;
	background-color:#cfe656; 
	font-family:Arial,Helvetica,sans-serif; font-size:11pt;
}

#nest1, #nest2 {
	background-image: url(outsideborder-sides.png);
	background-repeat: repeat-y;
	padding: 0px;
	margin: 0px;
}
#nest2 {
	background-position: right;
}

#nest3, #nest4 {
	background-image: url(outsideborder-tb.png);
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
}
#nest4 {
	background-position: bottom;
}

#corner_tl, #corner_tr, #corner_bl, #corner_br {
	background-repeat: no-repeat;
}
#corner_tl {
	background-image: url(outsideborder-topleft.png);
	background-position: top left;
}
#corner_tr {
	background-image: url(outsideborder-topright.png);
	background-position: top right;
}
#corner_bl {
	background-image: url(outsideborder-bottomleft.png);
	background-position: bottom left;
}
#corner_br {
	background-image: url(outsideborder-bottomright.png);
	background-position: bottom right;
}

/* Everything is inside of content, which is inside of body
	Needed for fancy border */
#content {
	padding: 10px 14px;
	display: block;
}


/* These control the fixed-width text elements of the page */
textarea, pre, code, .code { font-size:0.9em; }
pre, code, .code { font-family:'DejaVu Sans Mono','Lucida Console','Andale Mono','Courier New',Courier,monospace; }
pre { line-height:1.2em; }
pre code, code code, pre pre { font-size:100%; }

.example {
	/*background-color: #dee7f2;
	border: dashed 1px #00367c;*/
	background-color: #feff94;
	border: dashed 1px #fed83e;
	padding: 0px 6px;
}

a { color:#66711d; text-decoration:underlined; }
a:visited { color:#7f5d00; }
a:active { color:#a8ba30; }
a:hover { text-decoration:none; }

/* These primarily adjust the size and spacing of heading elements,
** most browsers have atrocious defaults for these. */
h1, h2, h3, h4, h5, h6 { margin-top:1.0em; margin-bottom:0.6em; }
h1, h2, h3, h6 { font-weight:normal; }
h4, h5 { font-weight:bold; }
h1 code, h2 code, h3 code, h4 code { font-size:1em; }
h1 { font-size:1.8em; }
h2 { font-size:1.44em; }
h3 { font-size:1.22em; }
h4 { font-size:1.07em; }
h5 { font-size:1.0em; }
h6 { font-size:1.0em; }

/* The #wikilogo element is the logo from $PageLogoFmt */
#wikilogo { margin-top:0px; padding:0px; border-bottom:0px #cccccc solid; }

/* This controls the rest of the heading (primarily the search box) */
#wikihead { 
	position:absolute; right:20px; /*top:64px;*/ top:20px;
	font-family:Verdana,sans-serif; font-size:85%; 
}
#wikihead input { font-size:85%; } 

#header {
	background-image: url(header-tile.png);
	background-repeat: repeat-x;
	background-color: #cfe656;
	height: 100px;
	margin-bottom: 0px;
	display: block;
}

#header a { color: #7f5d00; }

#wikimid {
}

/* These are for the left-sidebar. */
#wikileft {
	vertical-align: top;
	width:120px; 
	padding:6px; margin-right: 10px;
	line-height:1.33em;
	font-size:9.4pt; font-family:Verdana,sans-serif;
	background-color: #fed83e;
	background-image: url(left-column.png);
	background-repeat: no-repeat;

}
#wikileft .vspace { margin-top:1.125em; }
#wikileft a { text-decoration:none; color:black; }
#wikileft a:hover { text-decoration:underline; color:#ff3900; }
#wikileft ul { list-style:none; padding:0px; margin:0px; }
#wikileft li { margin:0px; padding-left: 6px; }
.sidehead {
	margin:0px -6px; padding:4px 8px 2px 8px;
	font-size:11pt; font-weight:bold; font-style:normal; 
	background-color:#fb8d00;
}
.sidehead a 
	{ color:#505050; font-weight:bold; font-style:normal; }
#wikileft a.selflink { font-style:italic; }

#wikiright {
	display: table-cell;
	vertical-align: top;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-color:#ffffff; 
	background-image: url(mainarea-shadow.png);
	background-repeat: repeat-y;
}

/* These affect the main content area. */
#wikibody { 
	padding:10px 10px 10px 10px;
	font-size:11pt;
}
#relatednav {
	border: 0;
	padding: 0;
	margin: 0;
	background-color: #ffc220;
	display: table;
	width: 100%;
}

#wikicmds {
	display: table-cell;
	padding: .3em;
	text-align: right;
	white-space:nowrap; 
	font-family:Verdana,sans-serif; font-size:80%;
}
#wikicmds ul { list-style:none; margin:0px; padding:0px; }
#wikicmds li { display:inline; margin:0px 5px; }
#wikicmds li a { text-decoration:none; color:black; border:none; }
#wikicmds li a.createlink { display:none; }
#wikicmds li a:hover { text-decoration:underline; color:#66711d; }
#pagegroup { display: table-cell; padding: 0.3em; }
.pagetitle { line-height:1em; margin:0px; font-size:1.6em; font-weight:normal; }
.wikiaction { margin-top:4px; margin-bottom:4px; }
#wikitext { margin-top:12px; line-height:1.33em; }
#wikitext table { font-size:100%; line-height:1.33em; } /* For MSIE 5.5 */

/* These are for the edit form. */
#wikiedit form { margin:0px; width:100%; }
#wikiedit textarea { width:100%; }
.wikimessage { margin-top:4px; margin-bottom:4px; font-style:italic; }

/* These affect the lines at the very bottom. */
#wikifoot {
	bottom:0;
	left: 0;
	right: 0;
	clear: both;
	background-color: #fdff73;
	padding-left:178px; padding-bottom:4px; border-top:1px #cccccc solid;
	font-family:Verdana,sans-serif; font-size:80%;
	height: 100%;
}


/* These affect the printed appearance of the web view (not the separate
** print view) of pages.  The sidebar and action links aren't printed. */
@media print {
	body { width:auto; margin:0px; padding:0.5em; }
	#wikihead, #wikileft, #wikicmds, .footnav { display:none; }
	#wikifoot { padding:2px; }
}

/* These used to be put straight into the html, moved to css hackishly */
ul, ol, pre, dl, p { margin-top:0px; margin-bottom:0px; }
code.escaped { white-space: nowrap; }
.vspace { margin-top:1.33em; }
.indent { margin-left:40px; }
.outdent { margin-left:40px; text-indent:-40px; }
a.createlinktext { text-decoration:none; border-bottom:1px dotted gray; }
a.createlink { text-decoration:none; position:relative; top:-0.5em;
font-weight:bold; font-size:smaller; border-bottom:none; }
img { border:0px; }
.editconflict {
	color:green; font-style:italic;
	margin-top:1.33em; margin-bottom:1.33em;
}

table.markup { border:2px dotted #ccf; width:90%; }
td.markup1, td.markup2 { padding-left:10px; padding-right:10px; }
table.vert td.markup1 { border-bottom:1px solid #ccf; }
table.horiz td.markup1 { width:23em; border-right:1px solid #ccf; }
table.markup caption { text-align:left; }
div.faq p, div.faq pre { margin-left:2em; }
div.faq p.question { margin:1em 0 0.75em 0; font-weight:bold; }
div.faqtoc div.faq * { display:none; }
div.faqtoc div.faq p.question {
	display:block; font-weight:normal;
	margin:0.5em 0 0.5em 20px; line-height:normal;
}
div.faqtoc div.faq p.question * { display:inline; }

.frame { border:1px solid #cccccc; padding:4px; background-color:#f9f9f9; }
.lfloat { float:left; margin-right:0.5em; }
.rfloat { float:right; margin-left:0.5em; }
a.varlink { text-decoration:none; }

a.urllink { text-decoration:none; border-bottom: dotted 1px; }
a.urllink:hover { border-bottom: none; }

table.listed { border:0px; padding: 0px; border-spacing: 4px; }
table.listed td, table.listed th { background-color:#e5efb1; margin:5px; vertical-align: top; padding:2px 4px; }
table.listed th { text-align: left; color: #4b2a00; }

.sourceblocklink {
  text-align: right;
  font-size: smaller;
}
.sourceblocktext {
  padding: 0.5em;
  border: 1px solid #808080;
  color: #000000;
  background-color: #f1f0ed;
}
.sourceblocktext div {
  font-family: monospace;
  font-size: small;
  line-height: 1;
  height: 1%;
}
.sourceblocktext div.head,
.sourceblocktext div.foot {
  font: italic medium serif;
  padding: 0.5em;
}

.codeblocklink {
  text-align: right;
  font-size: smaller;
}
.codeblocktext {
  text-align: left;
  padding: 0.5em;
  border: 1px solid #808080;
  color: #000000;
  background-color: #f1f0ed;
}
.codeblocktext pre {
  font-family: monospace;
  font-size: small;
  line-height: 1;
}

.th {
	text-align: center;
	font-weight: bold;
}

table.columned {
	border-spacing: 0;
	border-collapse: collapse;
	border-bottom: 2px solid #AAA;
}

.columned tr {
	border-top: 0;
	border-left: 2px solid #AAA;
	border-right: 2px solid #AAA;
	border-bottom: 1px solid #AAA;
}



.columned td.th:first-child {
	border-right: 1px solid;
	padding-right: 0.2em;
	text-align: right !important;
	background: #e5efb1;
}

.columned td {
	background: #feff94;
	margin: 0px;
	padding: 0 0.2em;
}

.columned td.th + td,
.columned td.th + td +td+ td,
.columned td.th + td +td+ td +td+ td,
.columned td.th + td +td+ td +td+ td +td+ td,
.columned td.th + td +td+ td +td+ td +td+ td +td+ td,
.columned td.th + td +td+ td +td+ td +td+ td +td+ td +td+ td
{ background: #ffffb5; } /* brighter than bg */

.columned tr:first-child td.th {
	background-color: #fff !important;
	text-align: center;
	border-bottom: 2px solid #AAA;
}

.center {
	text-align: center;
}