/* HTML 5 */

header, footer, nav, section, article, aside {
  display: block;
}

/* return to neverland */

* {
  padding: 0;
  margin: 0;
}

/* Font Awesome Adjusted */

@font-face {
  font-family: fontawesomeadjusted;
  src: url("/fontawesomeadjusted.eot");
  src: url("/fontawesomeadjusted.eot?#iefix") format("embedded-opentype"), url("/fontawesomeadjusted.woff") format("woff"), url("/fontawesomeadjusted.ttf") format("truetype"), url("/fontawesomeadjusted.svg#fontawesomeadjusted") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]::before,
[class*=" icon-"]::before {
  width: 1em;
  display: inline-block;
  color: yellow;
  font-family: fontawesomeadjusted;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: center;
  margin-right: 0.2em;
  opacity: 0.8;
  speak: none;
}

.iconfont { font-family: fontawesomeadjusted; }

.icon-exclamation::before { content: "\0021"; }
.icon-asterisk::before { content: "\002a"; }
.icon-plus::before { content: "\002b"; }
.icon-minus::before { content: "\002d"; }
.icon-question::before { content: "\003f"; }
.icon-info::before { content: "\0069"; }

.icon-pending::before { content: "\231a"; }
.icon-warning::before { content: "\26a0"; }
.icon-done::before { content: "\2713"; }
.icon-cancelled::before { content: "\2717"; }

.icon-home::before { content: "\f200"; }
.icon-sitemap::before { content: "\f201"; }
.icon-feed::before { content: "\f202"; }

.icon-usage::before { content: "\f210"; }
.icon-configuration::before { content: "\f211"; }
.icon-version::before { content: "\f212"; }
.icon-plan::before { content: "\f213"; }
.icon-download::before { content: "\f214"; }
.icon-legal::before { content: "\f215"; }

.icon-link::before { content: "\f220"; }
.icon-tag::before { content: "\f221"; }
.icon-search::before { content: "\f222"; }
.icon-screen::before { content: "\f223"; }
.icon-screenshot::before { content: "\f224"; }
.icon-cookie::before { content: "\f225"; }

.icon-github::before { content: "\f230"; }
.icon-html5::before { content: "\f231"; }
.icon-css3::before { content: "\f232"; }

.icon-directory::before { content: "\f240"; }
.icon-file::before { content: "\f241"; }
.icon-file-unknown::before { content: "\f242"; }
.icon-file-text::before { content: "\f243"; }
.icon-file-binary::before { content: "\f244"; }
.icon-file-script::before { content: "\f245"; }
.icon-file-embed::before { content: "\f246"; }
.icon-file-html::before { content: "\f247"; }
.icon-file-css::before { content: "\f248"; }
.icon-file-config::before { content: "\f249"; }
.icon-file-man::before { content: "\f24a"; }
.icon-file-pod::before { content: "\f24b"; }
.icon-file-image::before { content: "\f244"; } /* for now same as icon-file-binary */

.icon-see::before { content: "\f06e"; }

/* general */

body {
  color: white;
/*  font-family: Arial, Helvetica, sans-serif; */
  font-family: Verdana, Geneva, sans-serif;
  font-size: 10pt;
  background-color: black;
  margin: 8px;
}

h1 {
  font-size: x-large;
  margin-top: 15px;
  margin-bottom: 15px;
}

h2 {
  font-size: large;
  margin-top: 15px;
  margin-bottom: 15px;
}

h3 {
  font-size: medium;
  margin-top: 15px;
  margin-bottom: 15px;
}

p {
  margin-top: 10px;
  margin-bottom: 15px;
}

a {
  color: #9cf;
  text-decoration: underline;
}

a:visited {
  color: #c9f;
}

a:active {
  text-shadow: lightblue 0 0 3px;
}

pre,
code,
samp {
/*  font-family: Andale Mono,Andale Mono WT,Bitstream Vera Sans Mono,DejaVu Sans Mono,Courier,monospace; // Andale Mono is NOT real monospace */
  font-family: Andale Mono WT,Bitstream Vera Sans Mono,DejaVu Sans Mono,Courier,monospace;
}

pre,
.precaption+p {
  background-color: black;
  border-style: solid;
  border-width: 1px;
  border-color: #336;
  padding: 3px;
  margin-top: 10px;
  margin-bottom: 15px;
}

.precaption+pre,
.precaption+div.highlight>pre,
.precaption+p {
  margin-top: 0;
}

.precaption {
  display: inline-block;
  position: relative;
  left: +30px;
  top: +1px;
  color: dimgray;
  font-size: small;
  font-style: italic;
  background-color: black;
  border-style: solid;
  border-bottom-style: none; /* WebKit fails to color bottom distinctly if both upper corners have big radius */
  border-width: 1px;
  border-color: #336;
  border-bottom-color: red;
  border-top-left-radius: 3em 1em;
  border-top-right-radius: 3em 1em;
  padding-left: 30px;
  padding-right: 30px;
  margin: 0;
}

.precaption[class*="screenshot"] {
  left: +10px;
  top: 0;
}

.precaption code {
  color: gray;
  font-style: normal;
  border-style: none;
}

samp.cli {
}

code { /* inline code */
  background-color: black;
  border-style: solid;
  border-width: thin;
  border-color: #336;
  vertical-align: middle;
}

pre code { /* code block */
  border-style: none;
  vertical-align: baseline;
}

pre samp { /* sample block */
  color: silver;
}

kbd {
  background-color: #333;
  border-radius: 5px;
  padding-left: 3px;
  padding-right: 3px;
  box-shadow: gray -1px -1px 1px, black 1px 1px 1px, black 1px 1px 1px inset, gray -1px -1px 1px inset;
}

section ul,
section ol {
  margin-left: 20px;
  margin-bottom: 15px;
}

dl {
  clear: left;
  margin-bottom: 15px;
}

dt {
  float: left;
  clear: left;
  font-weight: bold;
  margin-top: 15px;
}

dd {
  margin-left: 25px;
}

dt+dd {
  float: left;
  font-size: small;
  margin-top: 15px;
}

dd+dd {
  clear: left;
}

table,tr,th,td {
  border-style: solid;
  border-width: 1px;
  border-color: gray;
}

table {
  border-collapse: collapse;
}

th,td {
  vertical-align: top;
  padding-left: 5px;
  padding-right: 5px;
}

th {
  text-align: left;
}

table.nowrap1 td:first-child {
  white-space: nowrap;
}

del {
  color: firebrick;
}

del>* {
  color: white;
}

.warn,
.note {
  border-left-style: solid;
  border-right-style: solid;
  border-width: .25em;
  border-radius: 1em / 3em;
  padding: 5px;
}

.warn {
  border-color: red;
}

.note {
  border-color: green;
}

.warn:first-line,
.note:first-line,
.warn>p:first-child:first-line,
.note>p:first-child:first-line {
  font-weight: bold;
}

.warn:first-line {
  color: red;
}

/* newer design, but maybe I change my mind */
.warn,.note {
  border-color: black;
  padding-left: 10px;
  padding-right: 10px;
}
.warn {
  box-shadow: red -2px 0 1px -1px, red 2px 0 1px -1px, red -2px 0 1px -1px inset, red 2px 0 1px -1px inset;
}
.note {
  box-shadow: green -2px 0 1px -1px, green 2px 0 1px -1px, green -2px 0 1px -1px inset, green 2px 0 1px -1px inset;
}
/* */

.info {
  background-image: -moz-repeating-linear-gradient(-45deg,black,#339 1px,black 2px,black 5px);
  background-image: -webkit-repeating-linear-gradient(-45deg,black,#339 1px,black 2px,black 5px);
  background-image: -o-repeating-linear-gradient(-45deg,black,#339 1px,black 2px,black 5px);
  background-image: -ms-repeating-linear-gradient(-45deg,black,#339 1px,black 2px,black 5px);
  background-image: repeating-linear-gradient(-45deg,black,#339 1px,black 2px,black 5px);
  padding: 5px;
}

.clear {
  clear: both;
}

/* content */

section {
  background-image: -moz-linear-gradient(left,black,transparent 50px), -moz-linear-gradient(right,black,transparent 50px), -moz-linear-gradient(top,black,transparent 50px), -moz-linear-gradient(bottom,black,transparent 50px), -moz-radial-gradient(rgba(0,0,100,.15) 25%,rgba(0,0,200,.15) 30%,transparent 50%), -moz-radial-gradient(rgba(0,0,100,.15) 25%,rgba(0,0,200,.15) 30%,transparent 50%), -moz-radial-gradient(rgba(0,0,100,.15) 25%,rgba(0,0,200,.15) 30%,transparent 50%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(black),color-stop(.25,transparent)), -webkit-gradient(linear,left bottom,left top,from(black),color-stop(.25,transparent)), -webkit-gradient(linear,left top,right top,from(black),color-stop(.25,transparent)), -webkit-gradient(linear,right top,left top,from(black),color-stop(.25,transparent)), -webkit-gradient(radial,center center,0,center center,350,color-stop(.25,rgba(0,0,100,.15)),color-stop(.3,rgba(0,0,200,.15)),color-stop(.5,transparent)), -webkit-gradient(radial,center center,0,center center,400,color-stop(.25,rgba(0,0,100,.15)),color-stop(.3,rgba(0,0,200,.15)),color-stop(.5,transparent)), -webkit-gradient(radial,center center,0,center center,450,color-stop(.25,rgba(0,0,100,.15)),color-stop(.3,rgba(0,0,200,.15)),color-stop(.5,transparent));
  background-image: -webkit-linear-gradient(left,black,transparent 50px), -webkit-linear-gradient(right,black,transparent 50px), -webkit-linear-gradient(top,black,transparent 50px), -webkit-linear-gradient(bottom,black,transparent 50px), -webkit-radial-gradient(rgba(0,0,100,.15) 25%,rgba(0,0,200,.15) 30%,transparent 50%), -webkit-radial-gradient(rgba(0,0,100,.15) 25%,rgba(0,0,200,.15) 30%,transparent 50%), -webkit-radial-gradient(rgba(0,0,100,.15) 25%,rgba(0,0,200,.15) 30%,transparent 50%);
  background-image: -o-linear-gradient(left,black,transparent 50px), -o-linear-gradient(right,black,transparent 50px), -o-linear-gradient(top,black,transparent 50px), -o-linear-gradient(bottom,black,transparent 50px), -o-radial-gradient(rgba(0,0,100,.15) 25%,rgba(0,0,200,.15) 30%,transparent 50%), -o-radial-gradient(rgba(0,0,100,.15) 25%,rgba(0,0,200,.15) 30%,transparent 50%), -o-radial-gradient(rgba(0,0,100,.15) 25%,rgba(0,0,200,.15) 30%,transparent 50%);
  background-image: -ms-linear-gradient(left,black,transparent 50px), -ms-linear-gradient(right,black,transparent 50px), -ms-linear-gradient(top,black,transparent 50px), -ms-linear-gradient(bottom,black,transparent 50px), -ms-radial-gradient(rgba(0,0,100,.15) 25%,rgba(0,0,200,.15) 30%,transparent 50%), -ms-radial-gradient(rgba(0,0,100,.15) 25%,rgba(0,0,200,.15) 30%,transparent 50%), -ms-radial-gradient(rgba(0,0,100,.15) 25%,rgba(0,0,200,.15) 30%,transparent 50%);
  background-image: linear-gradient(to right,black,transparent 50px), linear-gradient(to left,black,transparent 50px), linear-gradient(to bottom,black,transparent 50px), linear-gradient(to top,black,transparent 50px), radial-gradient(rgba(0,0,100,.15) 25%,rgba(0,0,200,.15) 30%,transparent 50%), radial-gradient(rgba(0,0,100,.15) 25%,rgba(0,0,200,.15) 30%,transparent 50%), radial-gradient(rgba(0,0,100,.15) 25%,rgba(0,0,200,.15) 30%,transparent 50%);
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 350px 350px, 400px 400px, 450px 450px;
  background-position: left top, left top, left top, left top, left top, center center, right bottom;
  padding: 5px;
  margin-left: 225px;
}

#wrapper {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 15px;
}

div#attribute {
  text-align: center;
}

div#breadcrumb {
  float: left;
  font-size: small;
  border-right-style: solid;
  border-bottom-style: solid;
  border-width: 1px;
  border-color: #339;
  border-bottom-right-radius: 15em 5em;
  border-top-left-radius: 15em 5em;
  margin-bottom: 5px;
  padding: 5px;
  padding-right: 50px;
}

div#breadcrumb p { /* idiot markdown, idiot converter */
  padding: 0;
  margin: 0;
}

div#taglist {
  float: right;
  font-size: small;
  border-left-style: solid;
  border-bottom-style: solid;
  border-width: 1px;
  border-color: #339;
  border-bottom-left-radius: 150px 50px;
  margin-bottom: 5px;
  padding: 5px;
  padding-left: 50px;
}

div#status {
  display: inline-block;
  font-size: small;
  border-style: solid;
  border-top-style: none;
  border-width: 1px;
  border-color: #339;
  border-bottom-left-radius: 150px 50px;
  border-bottom-right-radius: 150px 50px;
  margin-bottom: 5px;
  padding: 5px;
  padding-left: 50px;
  padding-right: 50px;
}

/* header */

header {
  font-family: Times New Roman,serif;
  text-align: center;
  vertical-align: middle;
  background-color: #000;
  border-radius: 10px;
  padding: 5px;
  margin-bottom: 25px;
  box-shadow: #66f 0 0 10px;
}

header div.title {
  color:black;
  font-size: 20pt;
  vertical-align: middle;
  text-shadow: #66f 0 1px 1px, #66f 1px 0 1px, #66f 0 -1px 1px, #66f -1px 0 1px;
  -moz-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  -ms-transition-duration: 1s;
  transition-duration: 1s;
}

header div.title:hover {
  color: #66f;
  text-shadow: #66f 0 1px 10px, #66f 1px 0 10px, #66f 0 -1px 10px, #66f -1px 0 10px;
}

#skip {
  display: none;
}

/* footer */

footer {
  clear: both;
  font-size: small;
  background-color: black;
  border-radius: 10px;
  margin-top: 25px;
  box-shadow: #66f 0 0 5px;
}

footer ul {
  float: left;
  list-style-type: none;
  margin: 10px;
  margin-right: 25px;
}

footer div.logo {
  float: right;
  font-family: Times New Roman,serif;
  font-size: 25pt;
  letter-spacing: -10px;
  color: black;
  text-shadow: #66f 0 0 10px, #66f 0 0 3px;
  margin: 10px;
  margin-right: 25px;
  -moz-transform: skewY(-25deg);
  -webkit-transform: skewY(-25deg);
  -o-transform: skewY(-25deg);
  -ms-transform: skewY(-25deg);
  transform: skewY(-25deg);
}

footer ul span {
  display: inline-block;
  max-width: 10em;
  vertical-align: bottom;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* side bar */

div#sidebar {
  float: left;
  width: 200px;
  margin-left: -100%;
  margin-bottom: 15px;
}

div#tagcloud {
  text-align: center;
  line-height: 1;
  background-image: -moz-radial-gradient(black 50%,rgba(0,0,0,.5),black 75%), -moz-radial-gradient(transparent 25%,#66f,transparent 75%), -moz-radial-gradient(transparent 25%,#66f,transparent 75%), -moz-radial-gradient(transparent 25%,#66f,transparent 75%);
  background-image: -webkit-gradient(radial,center center,0,center center,100,color-stop(.5,black),color-stop(.66,rgba(0,0,0,.5)),color-stop(.75,black)), -webkit-gradient(radial,center center,0,center center,50,color-stop(.25,transparent),color-stop(.5,#66f),color-stop(.75,transparent)), -webkit-gradient(radial,center center,0,center center,33,color-stop(.25,transparent),color-stop(.5,#66f),color-stop(.75,transparent)), -webkit-gradient(radial,center center,0,center center,25,color-stop(.25,transparent),color-stop(.5,#66f),color-stop(.75,transparent));
  background-image: -webkit-radial-gradient(black 50%,rgba(0,0,0,.5),black 75%), -webkit-radial-gradient(transparent 25%,#66f,transparent 75%), -webkit-radial-gradient(transparent 25%,#66f,transparent 75%), -webkit-radial-gradient(transparent 25%,#66f,transparent 75%);
  background-image: -o-radial-gradient(black 50%,rgba(0,0,0,.5),black 75%), -o-radial-gradient(transparent 25%,#66f,transparent 75%), -o-radial-gradient(transparent 25%,#66f,transparent 75%), -o-radial-gradient(transparent 25%,#66f,transparent 75%);
  background-image: -ms-radial-gradient(black 50%,rgba(0,0,0,.5),black 75%), -ms-radial-gradient(transparent 25%,#66f,transparent 75%), -ms-radial-gradient(transparent 25%,#66f,transparent 75%), -ms-radial-gradient(transparent 25%,#66f,transparent 75%);
  background-image: radial-gradient(black 50%,rgba(0,0,0,.5),black 75%), radial-gradient(transparent 25%,#66f,transparent 75%), radial-gradient(transparent 25%,#66f,transparent 75%), radial-gradient(transparent 25%,#66f,transparent 75%);
  background-size: 100% 100%, 50% 50%, 33% 33%, 25% 25%;
  padding: 25px;
}

div#tagcloud a {
  vertical-align: middle;
}

div#tagcloud p { /* idiot markdown, idiot converter */
  padding: 0;
  margin: 0;
}

div#statuslist {
  text-align: center;
  border-radius: 5px;
  padding: 5px;
  margin: 20px;
/* box-shadow: black 4px 4px, blue 20px 20px 0 -15px, black 9px 9px, blue 30px 30px 0 -20px, black -4px -4px, blue -20px -20px 0 -15px, black -9px -9px, blue -30px -30px 0 -20px; */
  box-shadow: black 28px 0 2px -25px, black 0 28px 2px -25px, black -28px 0 2px -25px, black 0 -28px 2px -25px, #339 32px 0 2px -25px, #339 0 32px 2px -25px, #339 -32px 0 2px -25px, #339 0 -32px 2px -25px, black 35px 0 0 -25px, black 0 35px 0 -25px, black -35px 0 0 -25px, black 0 -35px 0 -25px, #114 0px 0px 0 10px;
}

/* menu */

nav {
  background-image: -moz-linear-gradient(left,black,#0a0a1c 20%,#131330,#0a0a1c 80%,black);
  background-image: -webkit-gradient(linear,left top,right top,from(black),color-stop(.2,#0a0a1c),color-stop(.5,#131330),color-stop(.8,#0a0a1c),to(black));
  background-image: -webkit-linear-gradient(left,black,#0a0a1c 20%,#131330,#0a0a1c 80%,black);
  background-image: -o-linear-gradient(left,black,#0a0a1c 20%,#131330,#0a0a1c 80%,black);
  background-image: -ms-linear-gradient(left,black,#0a0a1c 20%,#131330,#0a0a1c 80%,black);
  background-image: linear-gradient(to right,black,#0a0a1c 20%,#131330,#0a0a1c 80%,black);
}

nav::before,
nav::after {
  content: "";
  display: block;
  height: 25px;
  background-color: black;
  border-color: #66f;
  border-width: 3px;
}

nav::before {
  border-bottom-style: solid;
  border-bottom-left-radius: 100px 25px;
  border-bottom-right-radius: 100px 25px;
  margin-bottom: 10px;
  box-shadow: black 0 -3px 3px inset, #66f 0 -5px 5px inset;
}

nav::after {
  border-top-style: solid;
  border-top-left-radius: 100px 25px;
  border-top-right-radius: 100px 25px;
  margin-top: 10px;
  box-shadow: black 0 3px 3px inset, #66f 0 5px 5px inset;
}

nav ul {
  list-style-type: none;
  padding: 3px;
}

nav ul li:hover {
  background-color: rgba(0,0,0,.25);
  border-radius: 10px;
}

nav ul li a {
  background-color: black;
  border-radius: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

nav ul li li {
  margin-left: 15px;
}

/* highlight */

div.highlight span {
  color: red; /* unstyled syntax element */
}
.highlight .n, .highlight .x { color: yellow; } /* other ( normal, unknown (?) ) */
.highlight .k, .highlight .kd { color: white; font-weight: bold; } /* keyword */
.highlight .nb { color: white; } /* ??? */
.highlight .s, .highlight .s1, .highlight .s2 { color: lime; font-style: italic; } /* string ( here document (?), single quoted, double quoted ) */
.highlight .se { color: green; font-style: italic; } /* escaped character */
.highlight .m, .highlight .mi, .highlight .mf { color: fuchsia; } /* number ( any, integer, float ) */
.highlight .o { color: aqua; } /* operator */
.highlight .p { color: dodgerblue; } /* parenthesis ??? */
.highlight .c, .highlight .c1, .highlight .c-Singleline { color: gray; } /* comment ( any (?), single line ) */
.highlight .sb { color: aqua; } /* backtick */
.highlight .nv, .highlight .nx, .highlight .vg { color: teal; } /* variable, ???, global variable */
.highlight .cp { color: orange; } /* template markup (?) */
.highlight .nf { color: darkgoldenrod; } /* function (?) */
.highlight .nl { color: pink; } /* ??? */
.highlight .no { color: cornflowerblue; } /* class/module/constant (?) */

.highlight .pr { color: blue; } /* prompt */

/* section */

h2[id]::before {
  color: yellow;
  font-family: fontawesomeadjusted;
  font-weight: normal;
  margin-right: .2em;
}

h2#screenshot::before { content: "\f224"; }
h2#usage::before { content: "\f210"; }
h2#configuration::before { content: "\f211"; }
h2#versions::before { content: "\f212"; }
h2#plans::before { content: "\f213"; }
h2#download::before { content: "\f214"; }
h2#legal::before { content: "\f215"; }

/* change log */

ul.changelog>li>ul {
  list-style-type: none;
  margin-left: 5px;
}

ul.changelog>li>ul>li>ul {
  margin-left: 40px;
}

ul.changelog li::before {
  font-family: fontawesomeadjusted;
  font-size: 90%;
  font-weight: bold;
  vertical-align: middle;
  padding-left: .5em;
  padding-right: .5em;
  margin-right: .5em;
}

ul.changelog li.added::before {
  content: "(+)";
  color: #0f0;
}
ul.changelog li.removed::before {
  content: "(-)";
  color: #f00;
}
ul.changelog li.changed::before {
  content: "(*)";
  color: #33f;
}
ul.changelog li.fixed::before {
  content: "(!)";
  color: #f0f;
}

/* to do */

ul.todo {
  list-style-type: none;
  margin-left: 5px;
}

ul.todo li::before {
  font-family: fontawesomeadjusted;
  font-size: 90%;
  font-weight: bold;
  vertical-align: middle;
  padding-left: .5em;
  padding-right: .5em;
  margin-right: .5em;
}

ul.todo li.pending::before {
  content: "(\231a)";
  color: #66f;
}
ul.todo li.done::before {
  content: "(\2713)";
  color: #0f0;
}
ul.todo li.cancelled::before {
  content: "(\2717)";
  color: #f00;
}

/* download */

ul.download {
  list-style-type: none;
  margin-left: 5px;
}