body {
    background: #313131 url('images/lvl-0-bg.png') no-repeat center top;
    font: normal 15px/1.2 Arial, Helvetica, sans-serif;
    color: #E3E3E3;
}
a:link, a:visited {
    color: #FBC23E;
    text-decoration: none;
}
a:hover, a:active {
    color: #FBC23E;
    text-decoration: underline;
}
em {
    text-shadow: 0 0 10px #313131;
    font-style: italic;
}

#lvl-0 {
    position: relative;
    width: 928px;
    margin: 0 auto;
}

/* Header Logo and Catchphrase */
.lvl-1 > .header h1 {
    background: url('images/logo.png') no-repeat;
    width: 576px;
    height: 224px;
}
.lvl-1 > .header h1 a {
    display: block;
    width: 576px;
    height: 224px;
}
.lvl-1 > .header h1 a span {
    display: block;
    text-indent: -9999px;
}
.lvl-1 > .header p.catchphrase {
    font: 22px/32px Arial, Helvetica, sans-serif;
    color: #BDBDBD;
    position: absolute;
    left: 0;
    top: 0;
    width: 256px;
    text-align: center;
}

/* Header Features List */
.lvl-1 > .header ul.features {
    position: absolute;
    left: 264px;
    top: 64px;
    margin: 2px 0 2px 18px;
}
.lvl-1 > .header ul.features li {
    font: 13px/18px Arial, Helvetica, sans-serif;
    color: #BDBDBD;
    list-style: disc;
}
.lvl-1 > .header ul.features li span {
    color: #FBC23E;
}

.lvl-1 > .footer {
    background: url('images/torology.png') no-repeat 38px 7px;
    margin-bottom: 24px;
}
.lvl-1 > .footer p {
    font-size: 12px;
    padding: 4px 82px;
}

/* Main Navigation */
.lvl-2 > .aside .nav {
    background: url('images/lvl-2-nav-bg.png') no-repeat center 11px;
    position: absolute;
    right: 0;
    top: 32px;
    width: 320px;
    height: 192px;
}
.lvl-2 > .aside .nav li {
    font: 13px/27px Arial, Helvetica, sans-serif;
}
.lvl-2 > .aside .nav li a {
    display: block;
    margin: 0 30px;
}
.lvl-2 > .aside .nav li a > span {
    display: block;
    width: 280px;
}
.lvl-2 > .aside .nav li a > span span {
    float: left;
}
.lvl-2 > .aside .nav li a > span span.name {
    width: 125px;
    text-align: right;
}
.lvl-2 > .aside .nav li a > span span.arrow {
    width: 32px;
    text-align: center;
}
.lvl-2 > .aside .nav li a > span span.type {
    width: 103px;
}
.lvl-2 > .aside .nav li a:link,
.lvl-2 > .aside .nav li a:visited {
    color: #E3E3E3;
}
.lvl-2 > .aside .nav li a:hover,
.lvl-2 > .aside .nav li a:active {
    text-decoration: none;
}
.lvl-2 > .aside .nav li.selected a:link span.name,
.lvl-2 > .aside .nav li.selected a:visited  span.name,
.lvl-2 > .aside .nav li a:link span.arrow,
.lvl-2 > .aside .nav li a:visited  span.arrow,
.lvl-2 > .aside .nav li a:hover span.arrow,
.lvl-2 > .aside .nav li a:active  span.arrow,
.lvl-2 > .aside .nav li a:hover span.type,
.lvl-2 > .aside .nav li a:active  span.type {
    color: #FBC23E;
}
.lvl-2 > .aside .nav li.n-download {
    background: #1C1C1C url('images/download-arrow.png') no-repeat 7px 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font: 22px/1 Arial, Helvetica, sans-serif;
    display: block;
    width: 320px;
    height: 65px;
    margin-bottom: 5px;
}
.lvl-2 > .aside .nav li.n-download a {
    display: block;
    width: 320px;
    height: 65px;
    margin: 0;
}
.lvl-2 > .aside .nav li.n-download a > span {
    width: auto;
    padding: 12px 0 0 62px;
}
.lvl-2 > .aside .nav li.n-download span.description {
    font: 13px/1 Arial, Helvetica, sans-serif;
    display: block;
    padding: 4px 0 0 1px;
    color: #BC8225;
}
.lvl-2 > .aside .nav li.n-download span.description span.arrow {
    float: none;
    color: #BC8225;
    padding: 0 4px;
}

.lvl-2 > .section {
    background: #5E5E5E;
    border: 4px solid #FBC23E;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 32px 32px 12px 32px;
}

.lvl-2 > .section > .header h2 {
    background: #1C1C1C;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    font: 22px/1 Arial, Helvetica, sans-serif;
    float: left;
    margin: 0 16px 16px 16px;
    padding: 5px 10px;
}
.lvl-2 > .section > .content {
    clear: left;
    text-align: center;
    margin: 32px;
}
.lvl-2 > .section > .content p {
    text-align: left;
    margin: 16px 0;
}
.lvl-2 > .section > .content p span.footnote {
    color: #FBC23E;
}
.lvl-2 > .section > .content p a {
    text-shadow: 0 0 10px #313131;
}
.lvl-2 > .section > .content img {
    vertical-align: middle;
}
.lvl-2 > .section > .content h3 {
    font: 22px/1 Arial, Helvetica, sans-serif;
    text-shadow: 0 4px 20px #1C1C1C;
    text-align: left;
    margin: 24px 0 16px 0;
}
.lvl-2 > .section > .content ul {
    text-align: left;
    margin: 16px 16px 16px 34px;
}
.lvl-2 > .section > .content ul li {
    list-style: disc;
}
.lvl-2 > .section > .content ul.commands,
.lvl-2 > .section > .content ul.flags,
.lvl-2 > .section > .content ul.functions,
.lvl-2 > .section > .content ul.plugins {
    background: #313131;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 8px 0 16px 0;
    padding: 16px;
}
.lvl-2 > .section > .content ul.commands li,
.lvl-2 > .section > .content ul.flags li,
.lvl-2 > .section > .content ul.functions li,
.lvl-2 > .section > .content ul.plugins li {
    list-style: none;
    padding: 8px 0;
}
.lvl-2 > .section > .content > h4 {
    font: 17px/1 Arial, Helvetica, sans-serif;
    display: block;
    text-shadow: 0 0 1px #FBC23E;
    margin: 18px 0 0 0;
    text-align: left;
}
.lvl-2 > .section > .content ul.commands li strong,
.lvl-2 > .section > .content ul.flags li strong,
.lvl-2 > .section > .content ul.functions li strong,
.lvl-2 > .section > .content ul.plugins li h4 {
    display: block;
    text-shadow: 0 0 1px #FBC23E;
    font-size: 17px;
    line-height: 20px;
}
.lvl-2 > .section > .content ul.plugins li h4 {
    float: left;
}
.lvl-2 > .section > .content ul.commands li em,
.lvl-2 > .section > .content ul.flags li em,
.lvl-2 > .section > .content ul.functions em {
    text-shadow: 0 0 1px #FBC23E;
}
.lvl-2 > .section > .content ul.commands li strong span.or,
.lvl-2 > .section > .content ul.commands li strong span.and,
.lvl-2 > .section > .content ul.commands li strong span.plus,
.lvl-2 > .section > .content ul.commands li strong span.footnote,
.lvl-2 > .section > .content ul.flags li strong span.or,
.lvl-2 > .section > .content ul.functions li strong span.highlight,
.lvl-2 > .section > .content ul.functions li strong span.highlight2 {
    color: #FBC23E;
    display: inline;
    padding: 0;
}
.lvl-2 > .section > .content ul.functions li strong span.highlight2 {
    color: #BC8225;
}
.lvl-2 > .section > .content ul.commands li strong span.or,
.lvl-2 > .section > .content ul.commands li strong span.and,
.lvl-2 > .section > .content ul.flags li strong span.or {
    padding: 0 10px;
}
.lvl-2 > .section > .content ul.commands li span,
.lvl-2 > .section > .content ul.flags li span,
.lvl-2 > .section > .content ul.functions li span,
.lvl-2 > .section > .content ul.plugins li span {
    display: block;
    padding: 4px 0 0 32px;
    clear: left;
}
.lvl-2 > .section > .content ul.commands li img {
    margin: 4px 0 0 32px;
}
.lvl-2 > .section > .content ul.plugins li .badges {
    float: left;
    display: block;
    padding: 0;
    clear: none;
    margin-left: 5px;
}
.lvl-2 > .section > .content ul.plugins li .badges span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #1C1C1C;
    color: #BC8225;
    display: block;
    padding: 0;
    clear: none;
    line-height: 20px;
    margin-left: 5px;
    padding: 0 5px;
    font-size: 12px;
}

.lvl-2 > .section > .content ol.steps {
    margin: 16px 16px 16px 34px;
}
.lvl-2 > .section > .content ol.steps li {
    list-style: decimal;
    padding: 8px 0;
    text-align: left;
}
.lvl-2 > .section > .content ol.steps li span {
    display: block;
    text-align: center;
}
.lvl-2 > .section > .content ol.steps li img {
   display: inline;
   margin-top: 8px;
}
.p-default .lvl-2 > .section > .content .images,
.p-plugins .lvl-2 > .section > .content .images {
    display: block;
    height: 972px;
    margin: 8px -8px -2px -8px;
}
.p-plugins .lvl-2 > .section > .content .images {
    height: 320px;
}
.p-plugins .lvl-2 > .section > .content .images.n-ftp {
    height: 646px;
}
.p-plugins .lvl-2 > .section > .content .images.n-url {
    height: 312px;
}
.p-default .lvl-2 > .section > .content .images a,
.p-plugins .lvl-2 > .section > .content .images a {
    border: 2px solid #1C1C1C;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: none;
    float: left;
    display: block;
    margin: 6px 6px;
}

.lvl-2 > .section > .content .plugin-nav ul {
    height: 22px;
    margin: 0px;
    border-bottom: 2px solid #1C1C1C;
    padding-left: 5px;
}
.lvl-2 > .section > .content .plugin-nav ul li {
    list-style: none;
    float: left;
    height: 20px;
    font: 16px/22px Arial, Helvetica, sans-serif;
    margin-left: 1px;
}
.lvl-2 > .section > .content .plugin-nav ul li a {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
}
.lvl-2 > .section > .content .plugin-nav ul li span {
    display: block;
    padding: 0 10px;
}
.lvl-2 > .section > .content .plugin-nav ul li a:link,
.lvl-2 > .section > .content .plugin-nav ul li a:visited {
    background: none;
    color: #E3E3E3;
    text-decoration: none;
}
.lvl-2 > .section > .content .plugin-nav ul li.selected a:link,
.lvl-2 > .section > .content .plugin-nav ul li.selected a:visited {
    background: #1C1C1C;
    color: #FBC23E;
}
.lvl-2 > .section > .content .plugin-nav ul li a:active,
.lvl-2 > .section > .content .plugin-nav ul li a:hover {
    background: #1C1C1C;
    color: #E3E3E3;
    text-decoration: none;
}

.lvl-2 > .section > .content code {
    font: 14px/1 Consolas, Lucida Console, Monaco, monospace;
    color: #FFF;
    background: #1C1C1C;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 8px 0 16px 0;
    padding: 16px;
    white-space: pre;
    text-align: left;
    display: block;
}
.lvl-2 > .section > .content code .keyword {
    color: #F60;
    font-weight: bold;
}
.lvl-2 > .section > .content code .comment {
    color: #0FF;
}
.lvl-2 > .section > .content code .operator {
    color: #FC0;
    font-weight: bold;
}
.lvl-2 > .section > .content code .string {
    color: #6F0;
}