/* Basic */
* {
    margin: 0em;
    padding: 0em;
}

h1, h2 { }

body {
    font-family: sans-serif;
    font-size: 10pt;
    background-color: #fcfcfc;
    color: #000;
}

a {
    color: #0a5a8b;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

a.current {
    font-weight: bold;
}

/*
 * This prevents "current" stile changing width of element's container by making
 * sure it's already big enough.
 */
a.section::after {
    display: block;
    content: attr(data-name);
    font-weight: bold;
    height: 1px;
    color: transparent;
    overflow: hidden;
    visibility: hidden;
}

/* Outer */

#outer {
    position: relative;
    margin: 0em 0em 0.25em 0em;
}

/* Header */

#header {
    position: absolute;
    top: 4em;
    background: #fcfcfc;
    height: 140px;
    width: 100%;
    border-bottom: 4px solid #3d7dc1;
}

#header img {
    height: 96px;
    width: 96px;
    margin: 20px;
}

#header h1 {
    position: relative;
    top: 0.9em;
    left: -0.1em;
    font-size: 2.5em;
    color: #f8f8f8;
}

#header h2 {
    margin-top: 2.4em;
    font-size: 1.0em;
    font-weight: normal;
    color: #222;
    font-weight: bold;
}

#header a {
    color: #222;
    text-decoration: none;
}

/* Menu */

#menu {
    position: absolute;
    width: 100%;
    top: 0em;
    left: 0em;
    background: #1d5da1;
    height: 3.5em;
}

#menu ul {
    list-style: none;
    position: relative;
    top: 0.5em;
    bottom: 0em;
    margin-left: 10px;
}

#menu li {
    display: block;
    float: left;
    margin-right: 4px;
    text-align: center;
}

#menu li a.external img {
    padding-left: 2px;
    height: 11px;
}

#menu li a {
    color: #fcfcfc;
    display: block;
    padding: 1em 1.5ex 0.75em 1.5ex;
    text-decoration: none;
}

#menu li a:hover {
    background: #2d6db1;
}

#menu .icons {
    position: absolute;
    bottom: 3px;
    right: 0px;
}

#menu .icons a {
    padding-right: 6px;
}

/* Content */

#content {
    line-height: 1.7em;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 188px;
}

#content p {
    margin-top: 1em;
}

#content div.section-body p {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}

#content div.section-body p:last-child {
    margin-bottom: 0.7em;
}

#content div.section-body b {
    display: block;
    margin-top: 0.8em;
    margin-bottom: 0.3em;
    font-size: 1.1em;
}

#content h2,h3,h4,h5,h6 {
    width: 100%;
    position: relative;
    left: -14px;
    margin: 0em -22px 1.2em 0em;
    color: #111;
    padding: 0em 14px 0.0em 14px;
    font-size: 1.1em;
    background: #fcfcfc;
}

#content h2 span, #content h3 span {
    position: absolute;
    top: 0em;
    right: 0em;
    background: #fcfcfc;
    width: 16px;
    height: 28px;
}

#secondaryContent h3 {
    margin-bottom: 1ex;
}

#content ul {
    margin-bottom: 1.5em;
    padding-left: 1em;
}

#content blockquote {
    border: dashed 1px #333;
    padding: 0.5em;
    margin-bottom: 0.5em;
    line-height: 1.4em;
}

#content blockquote p {
    margin-bottom: 0em;
}

#content table {
    margin-bottom: 1.5em;
}

#content table th {
    text-align: left;
    font-weight: bold;
    padding: 0.5em;
}

#content table td {
    padding: 0.5em;
}

#content table tr.rowA {
    background: #FDFEFE;
    color: inherit;
}

#content table tr.rowB {
    background: #FFFEFC;
    color: inherit;
}

/* Main Content */

#mainContent {
    padding: 2.5em 1.5em 1.5em 1.5em;
}

/* Primary Content */

#primaryContentContainer {
    position: relative;
    float: left;
    margin-right: -36em;
    padding-top: 1.1em;
    width: 100%;
}

#primaryContent {
    margin: 0em 14em 0em 0em;
    padding: 1.5em;
}

#primaryContent ul {
    padding-left: 2em;
}

code, kbd {
    font: "Monaco", "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Monospace";
    font-size: medium;
    color: #333;
    border: 1px solid #ccc;
    padding: 0.125em 0.125em 0em 0.125em;
    display: inline-block;
    line-height: 1.4em;

    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;

    background-color: #FDFDFD;
}

kbd {
    -moz-box-shadow:0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #fcfcfc inset;
    -webkit-box-shadow:0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #fcfcfc inset;
    box-shadow:0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #fcfcfc inset;

    margin:0 0.1em;
    text-shadow:0 1px 0 #fcfcfc;
    line-height:1.4;
    white-space:nowrap;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;

    background-color:#f7f7f7;
}

/* Secondary Content */

#secondaryContent {
    position: relative;
    float: right;
    width: 10em;
    padding: 1.5em 1.5em 0.5em 1.5em;
    margin-right: 1em;
    margin-top: 1em;
}

/* Color Schemes */

#mainContent.cs {
    text-align: center;
}

#mainContent.cs tr {
    text-align: center;
}

#mainContent.cs td {
    margin: 0 20px 10px 20px;
    display: inline-block;
}

#mainContent.cs img {
    width: 428px;
    height: 271px;
    display: block;
    margin-bottom: 1ex;
}

.cs-name {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 5px;
}

.cs-links {
    font-weight: bold;
}

/* Gallery */

.screenshot img {
    width: 100%;
    max-width: 959px;
}
.screenshot div {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.2em;
    margin-bottom: 0.5ex;
}
.screenshot-preview div {
    font-size: 1em;
    margin-bottom: 1ex;
}

.screenshot-preview img {
    width: 320px;
}

/* Documentation */

.docs #mainContent {
    padding: 0px;
}

#content table td.sidebar {
    padding-top: 2.5em;
    padding-left: 2em;
    vertical-align: top;
    width: 35%;
}

#content table td.docs {
    padding-top: 2.5em;
    margin-left: auto;
    margin-right: auto;
    width: 80em;
}

.docs-title {
    font-weight: bold;
    padding-bottom: 1ex;
}

/* Documentation::Manual */

#mainContent.manual {
    padding: 0px;
    width: 800px;
    line-height: 1.2em;
    font-size: 1.1em;
}

#mainContent.manual h2 {
    font-size: 1.3em;
    margin-top: 1em;
}

#mainContent.manual p {
    margin: 0px;
}

#mainContent.manual table td {
    padding: 0px;
}

/* Documentation::VimDoc */

#mainContent.vimdoc {
    line-height: 1.2em;
}

/*
 * CSS for element highlighting below is a modified version of
 * https://github.com/c4rlo/vimhelp/blob/stable/gae/static/vimhelp.css
 */

pre { font-size: 10pt; }

/* Hidden links. */
a.d:link, a.d:visited { color: rgb(0,0,0); text-decoration: none; }
a.d:active, a.d:hover { color: rgb(0,0,0); text-decoration: underline; }

/* Standard links. */
a.l:link a.l:active, a.l:hover { color: #1a6a9b; }
a.l:visited { color: rgb(0,100,100); }

/* Title. */
.i { color: rgb(0, 137, 139); }

/* Tag. */
.t { color: rgb(250,0,250); }

/* Header. */
.h { color: rgb(164, 32, 246); }

/* Keystroke. */
.k { color: rgb(106, 89, 205); }

/* Example. */
.e { color: #2222cc; }

/* Special (used for various). */
.s { color: rgb(106, 89, 205); }

/* Note. */
.n { color: black; background-color: yellow; }

/* Option. */
.o { color: rgb(46, 139, 87); font-weight: bold; }

/* Section. */
.c { color: rgb(165, 42, 42); font-weight: bold; }

/* External URL. */
.u { color: rgb(250,0,250); }

/* Donations */

.donation-github {
    font-size: 1.1em;
}

.donation-bitcoin {
    padding-top: 1em;
    font-size: 1.2em;
}

.donation-bitcoin-qr {
    padding-top: 0.5em;
    padding-left: 0.75em;
}

/* Downloads */

a.download {
    text-decoration: none;
}

a.download:hover {
    text-decoration: underline;
}

.download-info {
    line-height: 1.2em;
}

#content table.hashes {
    margin: 0px;
}

#content table td.hashes {
    padding: 0px;
    line-height: 1em;
}

#content table.hashes td {
    padding: 0px 1ex;
    line-height: 1em;
    border-left: 2px dashed #777;
}

td.hash {
    font-family: monospace;
}

/* Cheatsheets */

.cheatsheet-sidebar {
    float: left;
    margin-top: 0.5em;
    margin-left: 0.5em;
}

#cheatsheet {
    padding-top: 1em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

img.cheatsheet {
    max-width: 74%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #000;
}

.cheatsheet-links {
    font-weight: bold;
}

/* Other */

header {
    background-color: #2d6db1;
    padding: 2px 10px;
    color: #fcfcfc;
    text-align: center;
    font-weight: bold;
    font-family: sans-serif;
    font-size: 1.15em;
    margin-left: -1.5ex;
    margin-right: -1.5ex;
    margin-bottom: 1ex;
}

header.hint {
    float: right;
    display: block;
    text-align: right;
}

header a {
    color: #fcfcfc;
}

div.section-title {
    margin-top: 1ex;
}

details, details[open] > summary, div.section-title {
    margin-bottom: 1ex;
}

summary.fold {
    font-size: 1.1em;
}

summary.fold, details.fake > summary {
    margin-left: -1.5ex;
}

summary, div.section-title {
    font-weight: bold;
    border-bottom: #3d7dc1 1px dashed;
}

details > summary::marker {
    content: "▸ ";
    font-size: 1.1em;
}

details.fake > summary::marker, details[open] > summary::marker {
    content: "▾ ";
}

table.wrap {
    margin-left: auto;
    margin-right: auto;
}

table.wrap tr {
    text-align: center;
}

table.wrap td {
    vertical-align: top;
    margin: 0 20px 10px 20px;
    display: inline-block;
}

img.logo {
    height: 96;
    width: 96;
    float: left;
}

.advice {
    text-align: right;
}

img.softpedia {
    float: right;
}

.postDate {
    font-size: smaller;
    float: right;
}