/* main layout by								*/
/* @author Andreas Gohr <andi@splitbrain.org>	*/
/* @author Anika Henke <henke@cosmocode.de>		*/
/* additional editing by						*/
/* @author Michael Klier <chi@chimeric.de>		*/


/* -------------- general elements --------------- */

body {
font: 14px/150% sans-serif, "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
color: #c0cfbc;
}

#NB{
background: url(images/lower-wires.gif) bottom right no-repeat fixed #32322C;
margin:225px 100px 50px 160px;
}

#NBC{
background: url(images/lower-wires.gif) bottom right no-repeat fixed #32322C;
margin:25px 10px 30px 22px;
}
/* the document */

div.dokuwiki {
margin:auto;
padding:0;
width: 100%;
border:3px dashed #42423A;
background:#241004;
}

div.page {
margin-left:30px;
margin-right:30px;
}
div.left_sidebar {
float:left;
width:150px;;
padding:10px;
border-right:1px solid #C0CFBC;
}
div.right_sidebar {
float:right;
width:21%;
padding:10px;
border-left:1px solid  #eaeaea;
}

div.right_page {
text-align: justify;
float:left;
width:70%;
padding:15px;
margin-left:1%;
}

div.left_page {
text-align: justify;
float:left;
width:70%;
padding:15px;
margin-left:1%;
}

table {
padding:0;
margin:0;
font-size:12px;
}

tr,td,th {padding:0; margin:0;vertical-align:top;}

tr:hover {
/* background:#42423A;*/
}

img {border:0}

p {padding:0; margin: 0 0 1em;font-size:14px;}

hr {
border: 0px;
border-top: 1px solid #8cacbb;
text-align:center;
height: 0px;
}

div.nothing {
text-align:center;
margin: 2em;
}

/* ---------------- forms ------------------------ */

form {
border: none;
margin: 0;
display: inline;
}

div.searchform {
float:left;
margin-bottom:11px !important;
}

label {
display: block;
text-align: right;
font-weight: bold;
}

label.simple {
text-align: left;
font-weight: normal;
}

label input.edit {
width: 50%;
}

fieldset {
width: 300px;
text-align: center;
border: 1px solid #8cacbb;
padding: 0.5em;
}

textarea.edit {
font-family:monospace;
border: solid 1px #8cacbb;  
color: #000;
background-color: #fdfdfd;
font-size:12px;
padding: 3px;
width:99%;
}

input.edit,select.edit {
border: 1px solid #8cacbb;
height: 18px !important;
max-height: 18px !important;
min-height: 18px !important;
height:14px;
color: #000000;
background-color: #fdfdfd;
vertical-align: middle;
padding: 1px;
display: inline;
}

input#qsearch_in {
width:40% !important;
margin-right:1px;
}

input.missing {
font-size: 80%;
border: 1px solid #8cacbb;
height: 18px !important;
max-height: 18px !important;
min-height: 18px !important;
color: #C0CFBC;
background-color: #ffcccc;
vertical-align: middle;
padding: 1px;
display: inline;
}

/* --------- buttons ------------------- */

input.button, button.button{
border: 1px solid #8cacbb;  
color: #000;
background-color: #fdfdfd;
vertical-align: middle;
text-decoration:none;
cursor: pointer;
font-size:11px;
height: 18px !important;
max-height: 18px !important;
min-height: 18px !important;
margin: 1px;
margin-left:0;
display: inline;
}

div.secedit input.button {
outline: 2px dotted #42423A;
color: #C0CFBC;
background-color: #42423A;
vertical-align: top;
text-decoration:none;
margin: 0px;
padding: 0px;
font-size: 10px;
cursor: pointer;
height: 10px !important;
max-height: 15px !important;
min-height: 15px !important;
float:right;
display: inline;
margin-top:0px;
margin-bottom:10px;
}

/* ----------- page navigator ------------- */

div.pagenav {
margin-top:1em;
}

div.pagenav-prev {
text-align:right;	
float:left;
width:50%
}

div.pagenav-prev input.button {
margin-right:5px;
}

div.pagenav-next {
text-align:left;
float:right;
width:50%
}

div.pagenav-next input.button {
margin-left:5px;
}

/* --------------- Links ------------------ */

a {
color:#7A97B6;
text-decoration:none;
}
a:hover {
color:#FFFFFF;
text-decoration:underline;
}

/* external link */
a.urlextern{
background: transparent url(images/link_icon.png) 0px 0px no-repeat;
padding: 1px 0px 1px 18px;
color:#7A97B6;
text-decoration:none;
}
a.urlextern:visited {
color:#7A97B6;
}
a.urlextern:hover {
text-decoration:underline;
}

/* windows share */
a.windows{
background: transparent url(images/windows.gif) 0px 1px no-repeat;
padding: 1px 0px 1px 16px;
color:#7A97B6;
text-decoration:none;
} 
a.windows:visited {
color:#7A97B6;
}
a.windows:hover { 
text-decoration:underline;
}

/* interwiki link */
a.interwiki{
background: no-repeat url(images/interwiki.png) 0px 1px;
padding-left: 16px;
color:#7A97B6;
text-decoration:none;
background-repeat: no-repeat;
}
a.interwiki:visited {
color:#7A97B6;
}
a.interwiki:hover {
text-decoration:underline;
}

/* link to some embedded media */
a.media {
color:#7A97B6;
text-decoration:none;
}
a.media:hover {
color:#7A97B6;
text-decoration:underline
}

/* email link */
a.mail {
background: transparent url(images/mail_icon.gif) 0px 1px no-repeat;
padding: 1px 0px 1px 16px;
color:#7A97B6;
text-decoration:none;
}
a.mail:hover {
text-decoration:underline;
}

/* existing wikipage */
a.wikilink1:link    { color:#c37439; text-decoration:none }
a.wikilink1:visited { color:#c37439; text-decoration:none }
a.wikilink1:hover   { color:#c37439; text-decoration:underline }

/* not existing wikipage */
a.wikilink2:link    { color:#448c44; text-decoration:none }
a.wikilink2:visited { color:#448c44; text-decoration:none }
a.wikilink2:hover   { color:#448c44; text-decoration:underline }


/* ------------- Page elements ----------------- */

div.preview{
padding: 4px;
border: 1px dashed #c3c3c3;
}

div.breadcrumbs{
color: #666666;
float:left;
line-height:140%;
margin-left:2px;
font-size:11px;
}

span.user{
color: #cccccc;
}

/* embedded images */
img.media {
margin: 3px;
}

img.medialeft {
border: 0;
float: left;
margin: 0 1.5em 0 0;
}

img.mediaright {
border: 0;
float: right;
margin: 0 0 0 1.5em;
}

img.mediacenter {
border: 0;
display: block;
margin-left: auto;
margin-right: auto;
}

acronym {
cursor: help;
border-bottom: 1px dotted #000;
}

/* general headline setup */
h1, h2, h3, h4, h5 {
color: #C0CFBC;
font-family: sans-serif, Verdana, Georgia, "Lucida", Lucida, Helvetica, Arial, sans-serif;
font-weight: normal;
text-decoration:underline;
margin-left:    0;
margin-right:   0;
margin-top:     0.5em;
margin-bottom:  0.5em;
padding-left:   0;
padding-right:  0;
padding-bottom:  3px;
clear: left;
}

/* special headlines */
h1 { margin-left: 0; font-size: 2em; font-weight: bold; border-bottom:2px solid #eaeaea; border-left:1px solid #eaeaea;}
h2 { margin-left: 4px; font-size: 1.8em; font-weight: bold; border-bottom:1px solid #eaeaea; }
h3 { margin-left: 8px; font-size: 1.6em; font-weight: bold; border-bottom: medium none; }
h4 {margin-left: 12px; border-bottom: none;}
h5 {margin-left: 16px; border-bottom: none;}

/* indent different sections */
div.level1 {margin-left: 0px;}
div.level2 {margin-left: 4px;}
div.level3 {margin-left: 8px;}
div.level4 {margin-left: 12px;}
div.level5 {margin-left: 16px;}

/* unordered lists */
ul { 
line-height: 1.5em;
color:#c0cfbc;
font-size:12px;
list-style-type: square;
margin-left:20px;
padding: 0;
list-style-image: url(images/bullet.gif);
}

/* ordered lists */
ol {
font-size: 12px;
line-height: 1.5em;
margin-left:25px;
padding: 0;
color: #638c9c;
font-weight: bold;
list-style-image: none;
}

/* the list items overriding the ol definition */
.li {
color: #C0CFBC;
font-weight: normal;
}

ol {list-style-type: decimal}
ol ol {list-style-type: upper-roman}
ol ol ol {list-style-type: lower-alpha}
ol ol ol ol {list-style-type: lower-greek}

li.open {
list-style-image: url(images/open.gif);
}

li.closed {
list-style-image: url(images/closed.gif);
}

blockquote {
font-size:12px;
border-left: 2px solid #8cacbb;
padding-left: 3px;
margin-left: 0;
}

/* code blocks by indention */
pre.pre {
padding: 0.5em;
border: 1px dashed #8cacbb;
color: #C0CFBC;
background-color: #f7f9fa;
overflow: auto;
}

/* code blocks by code tag */
pre.code {
padding: 0.5em;
border: 1px dashed #c3c3c3;
color: #C0CFBC;
background-color: #42423A;
overflow: auto !important;
overflow: scroll;
width:98%;
line-height:140%;
}

/* inline code words */
code {
}

/* code blocks by file tag */
pre.file {
padding: 0.5em;
border: 1px dashed #8cacbb;
color: #C0CFBC;
background-color: #32322C;
overflow: auto;
width:98%;
}

/* inline tables */
table.inline {
background-color: #32322C;
border-spacing: 0px;
border-collapse: collapse;
}

table.inline th {
padding: 3px;
border: 1px solid #8cacbb;
background-color: #241004 ;
}

table.inline td {
padding: 3px;
border: 1px solid #8cacbb;
}

.leftalign{
text-align: left;
}

.centeralign{
text-align: center;
}

.rightalign{
text-align: right;
}

/* ---------- table of contents ------------------- */

div.toc {
margin-left: 10px;
margin-bottom: 0;
margin-top:25px !important;
margin-top:20px;
float:right;
width: 150px;
clear:both;
display:block;
position:relative;
right:-35px;
}

div.tocheader {
border:3px dashed #42423A;
border-right:none;
background:#32322C;
text-align: left;
font-weight:bold;
margin-bottom: 1px;
padding-left:5px;
font-size:10px;
}

div.toctoggle {
float:right;
margin-top:0.5em;
margin-right:5px;
background:#7A97B6;
}

div.toctoggle img {
width:1.3em;
height:1.3em;
}

#tocinside {
border:3px dashed #42423A;
border-right:none;
background:#32322C;
text-align: left;
padding-top: 0.5em;
padding-bottom: 0.7em;
}

ul.toc {
font-size:10px;
list-style-type: none;
list-style-image: none;
line-height: 1.2em;
margin: 0;
padding: 0;
padding-left: 0.8em;
}

ul.toc li {
background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat;
padding-left:0.4em;
}

ul.toc li.clear {
background-image: none;
padding-left:0.4em;
}

a.toc {
color: #7A97B6;
text-decoration:none;
}

a.toc:hover {
color: #c37439;
text-decoration:underline; 
}

/* ---------------------------- Diff rendering --------------------------*/
table.diff { background:#32322C; }
td.diff-blockheader {font-weight:bold}
td.diff-header {
border-bottom: 1px solid #8cacbb;
font-size:120%;
}
td.diff-addedline {
background:#241004;
font-family: monospace;
font-size: 100%;
}
td.diff-deletedline { 
background:#42423A;
font-family: monospace;    
font-size: 100%;
}
td.diff-context {
background:#42423A;
font-family: monospace;
font-size: 100%;
}
span.diffchange { color: red; }

/* --------------------- footnotes -------------------------------- */

div.footnotes{
clear:both;
border-top: 1px solid #8cacbb;
padding-left: 1em;
margin-top: 1em;
}

div.fn{
font-size:12px;
}

a.fn_top{
vertical-align:super;
font-size:80%;
}

a.fn_bot{
vertical-align:super;
font-size:80%;
font-weight:bold;
}

/* insitu-footnotes */
div.insitu-footnote {
font-size: 80%;
line-height: 1.2em;
border: 1px solid #8cacbb;
background: #241004;
text-align: left;
padding: 4px;
max-width: 40%;    /* IE's width is handled in javascript */  
}

/* overcome IE issue with one line code or file boxes which require h. scrolling */
* html .insitu-footnote pre.code, * html .insitu-footnote pre.file {
padding-bottom: 18px;
}

/* --------------- search result formating --------------- */
.search_result{
margin-bottom: 6px;
padding-left: 16px;
padding-right: 10px;
}

.search_snippet{
color: #999999;
font-size: 12px;
margin-left: 20px;
}

.search_sep{
color: #000000;
}

.search_hit{
color: #000000;
background: #FFFF99;
}

div.search_quickresult{
margin-bottom: 15px;
padding-bottom: 5px;
margin-left: 8px;
padding-right: 10px;
background: url(images/hborder.jpg) repeat-x 0px 15px;
}

div.search_quickhits {
margin-left: 8px;
float:left;
background: transparent url(images/bullet.gif) 0px 1px no-repeat;
padding: 1px 0px 1px 8px;
width: 30%;
}

/* ------------------ Additional ---------------------- */
.footerinc {
height: 50px;
margin:10px;
border:1px solid #fff;
background:#42423A;
}

.syndication {
padding:15px;

}

.footerinc a img {
/*opacity: 0.5;*/
}

.footerinc a:hover img {
/*opacity: 1;*/
}

/* ---- Admin --- */

div.acladmin label {
text-align: left;
font-weight: normal;
display: inline;
}

div.acladmin table{
margin-left: 10%;
width: 80%;
}

/* ---------- AJAX quicksearch ----------- */

div.ajax_qsearch {
position:relative;
left:0;
width: 100%;
/*opacity: 0.9;*/
display:none;
font-size: 11px;
border: 1px solid #8cacbb;
background: #eef3f8;
text-align: left;
padding: 4px;
}

/* ---------- Spellchecking ------------- */

a.spell_error {
color: #ff0000;
text-decoration: underline;
}

div#spell_suggest {
position: absolute;
left: 0;
top: 0;
display: none;
background-color: #fdfdfd;
padding: 2px;
border: 1px solid #000;
font-size:11px;
z-index: 2;
}

div#spell_result {
display:none;
font-family:monospace;
border: 1px solid #8cacbb; 
color: #C0CFBC;
font-size:11px;
padding: 3px;
background-color: #f7f9fa;
overflow: auto;
z-index: 1;

/*#fdfdfd-space: pre-wrap;       /* css-3 */
/*#fdfdfd-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
/*#fdfdfd-space: -pre-wrap;      /* Opera 4-6 */
/*#fdfdfd-space: -o-pre-wrap;    /* Opera 7 */
/*word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

span.spell_noerr {
color: #009933;
}

span.spell_wait {
color: #0066cc;
}

/* ---------------  Image Details  ----------------- */

div.img_big {
float: left;
margin-right: 0.5em;
}

dl.img_tags dt {
font-weight: bold;
background-color: #42423a;
}
dl.img_tags dd {
background-color: #32322c;
}

div.imagemeta {
color: #666;
font-size: 70%;
line-height: 95%;
}

div.imagemeta img.thumb{
float:left;
margin-right: 0.1em;
}

/* -------------- Media Popup ---------------------- */

div.mediaselect-right li, div.uploadform { 
clear: both;
}

div.mediaedit div.data label{
display: block;
text-align: right; 
width: 20%;
float: left;
margin-right: 0.5em;
}

div.mediaedit div.data input, div.mediaedit div.data textarea{
width: 75%;
padding: 0.1em;
margin: 0.1em;
}

div.mediaedit div.data input.button {
width: 10em;
display: block;
margin-left: auto;
margin-right: auto;
}