/* DO NOT CHANGE!!! (but rather override styles with mystyle.css) */

html, body { 
   font-family: Ubuntu, Sans, Helvetica;
   line-height: 1.4em;
}

body { 
   margin: 0;
   color: #646; 
   background: #fff; 
   text-align: justify;
}

/* -------------------------------------------------------------------------------------------- */

a {
   text-decoration: none;
   color: #00f;
}

a:visited {
   color: #00c;
}

h1, h2, h3, h4, h5, h6 { 
   font-weight: bold; 
   color: #868; 
   clear: both;
   text-align: left;
}

h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }

pre {
   margin-left: 1em;
   border: 1px solid #ccc;
   background: #eed;
   font-size: 1.0em;
   padding: 1em;
   border-radius: 0.5em;
   width: auto;
   border-left: 2px solid #868;
   line-height: 1.2em;
   overflow: hidden;
}

body code {
   background: #ffc;
   font-weight: bold;
   padding: 0.4em;
   line-height: 1.4em;
}

pre code {
   background: none;
   font-weight: normal;
   padding: 0;
}

/* -------------------------------------------------------------------------------------------- */

#header { 
   left: 0px;
   top: 0px;
   background: #317;
   padding: 0em;
   color: white;
   //width: 100%;
   z-index: 2;
   box-shadow: 0px 0px 10px black;
}

#footer {
   text-align: center;
   margin-top: 8em;
   margin-bottom: 0em;
   background: #317;
   color: rgba(255,255,255,0.5);
   font-size: 0.8em;
   padding: 2em;
}

/* -------------------------------------------------------------------------------------------- */

nav {
   list-style: none;
   padding: 0;
   margin: 0;
}

#nav li {
   display: inline;
   margin: 0;
   padding: 0;
}

#nav li .no_a {
   display: inline-block;
   opacity: 0.7;
   padding-top: 1.2em;
}

.brand {
   width: 25%;
   margin-left: 2em;
   margin-right: 0.5em;
}

#nav li a {
   display: inline-block;
   margin: 0;
   padding-top: 1.2em;
   padding-bottom: 1.2em;
   padding-left: 1em;
   padding-right: 1em;
   color: white;
   border-left: 1px solid rgba(255,255,255,0.2);
}

#nav li a:visited {
   color: white;
}

#nav li a:hover {
   background: rgba(255,255,255,0.1);               /* for dark theme */
   /*background: rgba(0,0,0,0.1);*/                 /* for light theme */
}

#nav li a:active {
   background: rgba(255,50,20,0.8);
}

/* -------------------------------------------------------------------------------------------- */

.wikinBody {
   margin: 3em;
   margin-left: 28%;
}

.wikinPageTitle {
   font-size: 3em;
   font-weight: bold; 
   color: #868; 
   text-align: left;
   margin-top: 0em;
   margin-bottom: 1em;
}
   
.wikinTOC {
   margin-top: 0em;
   margin-bottom: 2.5em;
   margin-right: 2em;
   margin-left: 2em;
   width: 20%;
   overflow: auto;
   height: 75%;
   position: fixed;
   text-align: left;
   left: 1em;
   line-height: 1.1em;
}

.wikinTOC h2 {
   margin: 0;
   padding: 0;
}

.wikinTOC ul {
   list-style-type: none;
   list-style: none;
   padding-left: 0em;
   margin-bottom: 0.6em;
}

.wikinTOC li {
   margin-bottom: 0.3em;
}

.wikinTOC ul ul {
   padding-left: 2em;
   font-size: 0.95em;
   line-height: 0.95em;
}

.wikinSection1, .wikinSection2, .wikinSection3, .wikinSection4, .wikinSection5, .wikinSection6 {
   margin-top: 2.5em;
}

.wikinSection1 {
   margin-top: 3em;
   margin-bottom: 3em;
}
.wikinSection2 {
}
.wikinSection3 {
}
.wikinSection4 {
}
.wikinSection5 {
}
.wikinSection6 {
}

.wikinTable {
   border-collapse: collapse;
}

.wikinTable table, tr, td {
   border: 1px solid #ccc;
   padding: 0.6em 0.8em 0.6em 0.8em;
   line-height: 1.4em;
}

.wikinTable tr:nth-child(even) {
    background-color: #f0f0f0;
}

.wikinImageGallery {
   text-align: center;
   text-wrap: auto;
   margin-top: 1em;
   margin-bottom: 1em;
   float: none;
   width: auto;
}

.wikinImageGallery:after {
   clear: both;
}

.wikinImageThumbFrame {
   float: left;
   position: relative;
   margin-right: 1em;
   margin-bottom: 2em;
   font-size: 0.75em;
}

.wikinImageThumb {
}

.wikinImageFrame {
   position: relative;
}

.wikinImageClosure {
   border: 0px solid;
   display: inline-block;
   position: relative;
}

.wikinPopupSign {
   position: absolute;
   color: white;
   text-shadow: 0px 0px 2px black;
   right: 0px;
   display: inline;
   padding-right: 0.3em;
}

.wikinImageDefault { 
   display: inline-block;
}

.wikinImageCenter { 
   text-align: center;
}

.wikinImageLeft { 
   float: left; 
   margin-right: 2em; 
   margin-bottom: 1em 
}

.wikinImageRight { 
   float: right; 
   margin-left: 2em; 
   margin-bottom: 1em 
}

.wikinImagePreview { 
   //box-shadow: 0px 0px 10px black; 
   //border: 1px solid #ccc; 
}

.wikinImageCaption.inside { 
   position: absolute;
   color: #646;
   bottom: 0px;
   left: 0px;
   text-align: center;
   width: 100%;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   background: rgba(255,255,255,0.7); 
}

.wikinImageCaption.below {
   color: #666;
   text-align: center;
   width: 100%;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
}

.wikinWordIndexed {
   border-bottom: 1px dotted;
}
.wikinWordGlossary {
   border-bottom: 1px dotted;
}

.wikinWordIndex ul {
   list-style-type: none;
}

.wikinGlossaryAlpha {
   font-weight: bold;
   font-size: 1.5em;
}

.wikinWordIndexAlpha {
   font-weight: bold;
   font-size: 1.5em;
}

.wikinCode {
   color: #888;
}

code .consoleInput {
   font-weight: bold;
   color: #444;
}

.wikinInlineA {
   display: inline-block;
   position: relative;
   top: -2em;
}

.wikinFootnotes {
   font-size: 0.75em;
   line-height: 1em;
}

.wikinFootnotes:before {
   content: "Notes";
   font-weight: bold;
}

.wikinFootnoteReference {
   font-size: 0.7em;
   top: -0.5em;
   position: relative;
}

.wikinExternalLink:after {
   content: "\02192";
   font-size: 0.7em;
   position: relative;
   top: -0.8em;
}

/* Hint: rather edit mystyle.css in the same directory and leave this file unchanged */