/* ----------------------------------------------------------
File: screen.css
Site: www.interlopers.net
Description: All site styles
Author: Simon Smith - http://www.blink-design.net
--------------------------------------------------------------

/* Imports ---------------*/
@import url(resets.css);
@import url(highslide.css);

/* Common ----------------*/
.align-center {
    text-align: center;
}

body {
    background: #efedee;
    text-align: left;
    font: 62.5% Verdana, Helvetica, Arial, sans-serif;
    color: #000;
}

a:link {
    color: #3142e5;
}

a:visited {
    color: #76194f;
}

a:hover,
a:active,
a:focus {
    text-decoration: underline;
}

#content p,
.content-box dl,
#news li ul,
#sidebar > div,
#portfolio-listing td,
.content-box li,
#search-results label,
#map-edit fieldset {
    color: #404040;
}

/* Rounded Corners - Does not validate */
#news li, #sidebar > div,
.alert,
.content-box,
#tip-list > li,
.advanced-search fieldset,
#loading-text,
#map-edit fieldset {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* Forms */
input[type=text],
input[type=password],
input[type=submit],
input[type=reset],
input[type=button],
textarea {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

input[type=submit],
input[type=reset],
input[type=button] {
    cursor: pointer;
}

input[type=text]:focus,
textarea:focus,
input[type=password]:focus,
select:focus {
    border: 1px solid #789fd8 !important;
}

/* Hidden items */
#access,
legend span,
#info-bar form label,
#nav h2,
#footer h2 {
    position: absolute;
    left: 0px;
    top: -3000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Wrap ---------------*/
#wrap {
    background: #fff url(../images/site/page-bg.png) repeat-y 0 0;
    position: relative;
    background-color: #fff;
    width: 960px;
    margin: 0 auto;
    padding: 0 10px;
}

/* Info Bar - Form and Site Data ---------------*/
#info-bar {
    background: #111;
    float: left;
    width: 960px;
    padding: 8px 0;
    position: relative;
}

#info-bar p {
    font-size: 1.1em;
    color: #fff;
}

#info-bar a {
    color: #fff;
}

#info-bar #loading {
    float: left;
    margin: 4px 0 0 65px;
}

/* Form */
#info-bar form {
    float: right;
    margin: 0 10px 0 0;
    width: 480px;
}

#info-bar form p {
    float: right;
    margin: 5px 7px 0 0;
}

#info-bar fieldset {
    float: right;
}

#info-bar form input[type=text] {
    background: #f2f2f2 url(../images/site/magnifier.gif) no-repeat center left;
    width: 200px;
    border: 1px solid #aaa;
    padding: 2px 0 2px 15px;
    color: #666;
}

#info-bar form input[type=submit] {
    background: #f2f2f2;
    border: 1px solid #aaa;
    padding: 1px;
}

/* Latest Battle */
#info-bar > p {
    background: url(../images/site/wrench.png) no-repeat 0 0;
    float: left;
    margin: 5px 0 0 10px;
    padding: 1px 0 2px 20px;
}

#info-bar #latest-battle {
    position: absolute;
    z-index: 100;
    top: 30px;
    left: 30px;
    width: 30em;
    background: transparent url(../images/site/opacity-bg.png) repeat 0 0;
    border: 1px solid #333;
    font-size: 1.1em;
    padding: 12px 6px 6px;
    line-height: 1.4;
    display: none;
}

#info-bar #latest-battle dt {
    font-weight: bold;
    color: #fff;
    margin: 25px 0 4px;
}

#info-bar #latest-battle dt:first-child {
    margin-top: 0;
}

#info-bar #latest-battle dd {
    color: #fff;
    margin: 0 0 2px;
}

#info-bar #latest-battle dd + dd {
    font-weight: bold;
}

#info-bar #latest-battle dd + dd a {
    font-weight: normal;
}

.js #info-bar #latest-battle {
    display: none;
}

/* Banner ---------------*/
h1 {
    clear: both;
}

h1 a {
    background: url(../images/site/banners-sprite.jpg) no-repeat 0 0;
    display: block;
    height: 170px;
    width: 960px;
    border-bottom: 1px solid #000;
    text-indent: -9999em;
}

h1.banner-1 a {
    background-position: 0 0;
}

h1.banner-2 a {
    background-position: 0 -170px;
}

h1.banner-3 a {
    background-position: 0 -340px;
}

h1.banner-4 a {
    background-position: 0 -510px;
}

h1.banner-5 a {
    background-position: 0 -680px;
}

h1.banner-6 a {
    background-position: 0 -850px;
}

h1.banner-7 a {
    background-position: 0 -1020px;
}

h1.banner-8 a {
    background-position: 0 -1190px;
}

h1.banner-9 a {
    background-position: 0 -1360px;
}

h1.banner-10 a {
    background-position: 0 -1530px;
}

h1.banner-11 a {
    background-position: 0 -1700px;
}

h1.banner-12 a {
    background-position: 0 -1870px;
}

h1.banner-13 a {
    background-position: 0 -2040px;
}

h1.banner-14 a {
    background-position: 0 -2210px;
}

h1.banner-15 a {
    background-position: 0 -2380px;
}

/* Nav ---------------*/
#nav {
    background: #fff url(../images/site/navigation-back.png) repeat-x 0 0;
    text-align: center;
    padding: 10px 0 10px 0;
    margin: 0 0 7px;
}

#nav li {
    background: url(../images/site/navigation-divider.png) no-repeat 0 0;
    display: inline;
    font: 1.2em Tahoma, Verdana, Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 0.7px;
    padding: 10px 15px 10px 20px;
    text-align: center;
}

#nav li:first-child {
    background: none;
}

#nav a {
    color: #000;
}

#nav a:hover, #nav a:focus {
    color: #5d5d5d;
}

/* User Panel ---------------*/
#panel {
    position: relative;
    background: #111;
    color: #fff;
    float: left;
    padding: 10px;
}

#panel div {
    float: left;
}

#spotlight {
    width: 370px;
}

#recent-tutorials {
    width: 290px;
}

#login {
    width: 280px;
}

#panel p, #panel li, #panel dl {
    font-size: 1.1em;
}

#panel h2 {
    font-size: 1.3em;
}

#panel a {
    color: #a8a8a8;
}

#panel a:hover, #panel a:focus {
    color: #fff;
}

/* Spotlight */
#spotlight p {
    float: left;
    width: 156px;
    margin: -12px 0 0;
}

#spotlight p img {
    border: 3px solid #464643;
}

#spotlight p img:hover {
    border-color: #777;
}

#spotlight h2, #spotlight ul, #spotlight dl {
    margin: 0 0 0 165px;
}

#spotlight dl {
    line-height: 1.4;
    margin-top: 8px;
}

#spotlight dt {
    float: left;
    width: 4.5em;
    color: #fff;
}

#spotlight ul {
    margin-top: 38px;
}

#spotlight li {
    margin: 0 0 4px;
}

/* Recent Tutorials */
#recent-tutorials ul {
    margin: 8px 0 0 -5px;
}

#recent-tutorials li {
    background: url(../images/site/arrow.png) no-repeat 0 -1px;
    margin: 0 0 6px;
    padding: 0 0 0 17px;
}

/* Login - Logged Out */
#login form {
    margin: 7px 0 0;
    overflow: hidden;
    position: relative;
}

#login ol li {
    margin: 0 0 5px;
}

#login label {
    margin: 3px 0 0;
    float: left;
    display: block;
    width: 8.7em;
}

#login form input[type=text], #login form input[type=password] {
    background: #f2f2f2;
    width: 130px;
    border: 1px solid #aaa;
    padding: 1px 0 1px 3px;
    font-size: 1.1em;
}

#login form input[type=checkbox] {
    margin-left: -1px;
}

#login form input[type=submit] {
    position: absolute;
    bottom: 1px;
    right: 50px;
    font-size: 1.1em;
    background: #f2f2f2;
    border: 1px solid #aaa;
    padding: 1px 1px 2px 1px;
}

#login form + ul {
    margin: 12px 8px 0 0;
    float: left;
}

#login form + ul li {
    margin: 0 11px 0 0;
    float: right;
}

#login form + ul li:first-child {
    background: url(../images/site/page_white_edit.png) no-repeat center left;
    padding: 2px 0 2px 20px;
}

#login form + ul li + li {
    background: url(../images/site/key_go.png) no-repeat center left;
    padding: 2px 0 2px 20px;
}

/* Login - Logged In */
#login h2 + ul {
    margin: 9px 0 0;
}

#login h2 + ul li {
    margin: 0 0 7px;
    background-repeat: no-repeat;
    background-image: url(../images/site/login-icons.png);
    padding: 0 0 2px 22px;
}

/* Icons */
#login h2 + ul li:first-child {
    background-position: 0 1px;
}

#login h2 + ul li + li {
    background-position: 0 -30px;
}

#login h2 + ul li + li + li {
    background-position: 0 -60px;
}

#login h2 + ul li + li + li + li {
    background-position: 0 -90px;
}

/* Content ---------------*/
#page {
    padding: 15px 20px 0;
    clear: both;
    overflow: hidden;
    position: relative;
}

#content {
    width: 680px;
    float: left;
}

/* Box settings */
#news > li, #content .content-box, #tip-list > li, #map-edit fieldset {
    border: 2px solid #e6e6e6;
    background: #fff url(../images/site/news-back.png) repeat-x 0 0;
    margin: 0 0 20px 0;
    padding: 2px;
}

.content-box {
    position: relative;
}

#content p {
    font-size: 1.1em;
    margin: 9px 6px;
    line-height: 1.7;
}

#content h2, #sidebar h2 {
    color: #787878;
    letter-spacing: 1px;
    font: 1.4em Tahoma, Verdana, Arial, sans-serif;
    padding: 0 0 2px 7px;
}

.quote {
    border-left: 6px solid #CCCCCC;
    font-style: italic;
    display: block;
    margin: 0 50px 0 30px;
    padding: 0 0 0 10px;
    text-align: justify;
    color: #666;
}

.code {
    font-size: 1.1em;
    background: #eee;
    border: 1px dotted #aaa;
    width: 500px;
    max-height: 500px;
    overflow: auto;
    margin: 15px auto;
    padding: 10px;
}

code {
    display: block;
    font-size: 1.1em;
    background: #eee;
    border: 1px dotted #aaa;
    padding: 5px;
}

/* Content Headers */
.content-box h3 {
    background: url(../images/site/small-divider.png) no-repeat bottom left;
    margin: 10px 6px;
    font: 1.4em Arial, Helvetica, Tahoma, Verdana, sans-serif;
    padding: 0 0 4px;
    font-weight: bold;
}

.content-box h3 ~ h3 {
    margin-top: 20px;
}

/* Def Lists */
.content-box dl {
    font-size: 1.1em;
    margin: 0 0 0 6px;
    line-height: 1.4;
}

.content-box dt {
    margin: 13px 0 0;
}

.content-box dd {
    margin: 1px 0 10px;
}

#content .center {
    text-align: center;
}

#content .video {
    text-align: center;
    margin: 20px 0 10px;
}

/* Normal Lists */
.content-box ul {
    list-style-type: disc;
    font-size: 1.1em;
    margin: 5px 0 5px 35px;
    padding: 0 25px 0 0;
}

.content-box ol {
    list-style-type: decimal;
    font-size: 1.1em;
    margin: 5px 0 5px 35px;
}

.content-box li {
    margin: 0 0 8px;
    line-height: 1.7;
}

/* News */
#news img {
    border: 1px solid #444;
    margin: 0 4px 0 0;
}

#news li h3 a {
    color: #000;
}

#news li h3 a:hover {
    color: #5d5d5d;
}

#news li h3 {
    font-weight: bold !important;
    font: 1.4em Arial, Helvetica, Tahoma, Verdana, sans-serif;
    background: url(../images/site/news-divider.png) no-repeat bottom left;
    padding: 2px 0 8px 4px;
    margin: 0 0 15px;
}

#news li p.post-info {
    margin: 35px 6px 2px;
    border-top: 1px dotted #bbb;
    padding: 2px 0 0;
}

#news li ul {
    list-style-type: disc;
    font-size: 1.1em;
    margin: 0 0 -15px 35px;
    padding: 0 25px 0 0;
}

#news ul li {
    line-height: 1.5;
    margin: 0 0 3px 0;
}

/* Sidebar ----------- */
#sidebar {
    width: 220px;
    float: right;
    margin: 19px 0 0 0;
}

#sidebar > div {
    margin-bottom: 10px;
    background: #fff url(../images/site/right-back.png) repeat-x 0 0;
    border: 2px solid #e6e6e6;
    padding: 8px;
    margin: 0 0 40px;
    position: relative;
}

#sidebar h2 {
    padding: 0;
    position: absolute;
    top: -21px;
    left: 4px;
}

#sidebar p, #sidebar dl {
    font-size: 1.1em;
}

#sidebar a {
    color: #484848;
    font-weight: bold;
}

#sidebar a:hover {
    color: #5f5f5f;
}

/* Forum Latest */
#forum-latest dt, #forum-latest dd {
    line-height: 1.4;
}

#forum-latest dd {
    margin-bottom: 8px;
}

#forum-latest dd a {
    color: #5f6983;
    font-weight: normal;
}

#forum-latest dd a:hover {
    color: #414e6f;
    text-decoration: underline;
}

/* Ads */
#ads div {
    text-align: center;
}

/* Links */
#links h3 {
    font-size: 1.1em;
    font-weight: bold;
    margin: 18px 0 5px;
}

#links ul {
    overflow: auto;
    margin: 0 0 0 11px;
}

#links li {
    float: left;
    margin: 0 5px 5px 0;
}

#links div {
    text-align: center;
}

/* Footer ----------- */
#footer {
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    background: #ddd;
    overflow: auto;
    clear: both;
    color: #333;
    text-align: center;
    font-size: 1.1em;
    margin: 35px 0 0;
    padding: 7px 0 9px;
}

#footer ul {
    margin: 7px 0 0;
}

#footer li {
    display: inline;
    margin: 0 12px 0 0;
}

#footer a {
    color: #000;
    border-bottom: 1px dotted;
    padding: 0 0 1px;
}

#footer a:hover {
    color: #222;
    text-decoration: none;
    border-bottom: 1px solid;
}

/* Other Content ----------- */

/* Tutorials ------------------ */
#content .bread-crumb {
    font-size: 1.2em;
    overflow: auto;
    margin: 5px 0 15px 8px;
    background: url(../images/site/small-divider.png) no-repeat bottom left;
    padding: 0 0 5px;
    list-style-type: none;
}

#content .bread-crumb li {
    float: left;
    margin: 0 5px 0 0;
    background: transparent url(../images/site/arrow.png) no-repeat 0 2px;
    padding: 0 0 0 20px;
}

#content .bread-crumb li:first-child {
    background: 0;
    padding: 0;
}

.tutorial-image {
    border: 1px solid #333;
}

.tutorial-image-wrap {
    text-align: center;
    margin: 15px 0 10px;
}

#top {
    background: transparent url(../images/site/arrow-up.png) no-repeat 0 2px;
    padding: 0 0 0 20px;
    position: absolute;
    bottom: 3px;
    right: 5px;
    z-index: 100;
}

/* Messages --------------------- */
.alert {
    background-color: #ecd5d8;
    color: #bc2a4d;
    border: 1px solid #e0b5bb;
    margin: 25px auto;
    padding: 10px;
}

.alert h2 {
    font-size: 1.4em;
    font-weight: bold;
    margin: 0 0 15px;
}

.alert p {
    font-size: 1.2em;
    margin: 0 0 8px;
    line-height: 1.4;
}

#wrap .success {
    background: transparent url(../images/site/tick.png) no-repeat 0 0;
    padding: 0 0 0 22px;
    color: #3f951e;
}

#wrap .fail {
    background: transparent url(../images/site/cross.png) no-repeat 0 0;
    padding: 0 0 0 22px;
    color: #be1e29;
}

/* Contact Form ------------------- */
#contact {
    font-size: 1.1em;
    margin: 10px 0 10px 8px;
}

#contact ol {
    font-size: 1em;
    margin: 0;
    list-style-type: none;
}

#wrap #contact li {
    margin: 0 0 12px;
    list-style-type: none;
}

#contact label {
    float: left;
    display: block;
    width: 135px;
    margin: 4px 0 0;
}

#contact li input[type=text] {
    width: 180px;
    padding: 2px;
    border: 1px solid #aaa;
    background: #fafafa;
}

#contact li input[name=security_code] {
    width: 55px;
}

#contact textarea {
    width: 350px;
    height: 180px;
    border: 1px solid #aaa;
    background: #fafafa;
    padding: 5px;
    font-size: 1.6em;
}

#contact div input[type=submit] {
    margin: 15px 0 0 135px;
}

#contact-errors {
    margin: 15px 0 15px 8px;
}

#contact-errors li {
    background: transparent url(../images/site/cross.png) no-repeat 0 0;
    padding: 0 0 2px 22px;
    color: #be1e29;
    list-style-type: none;
}

#wrap #loading-text {
    background: #fafcc3;
    padding: 5px;
    border: 1px solid #f8fe5e;
    display: none;
}

/* Portfolios - Search Options -------------- */
#portfolio-search {
    margin: 20px 8px;
    width: 400px;
    overflow: hidden;
    position: relative;
}

#portfolio-search label {
    float: left;
    display: block;
    width: 250px;
    font-size: 1.1em;
    font-weight: bold;
    margin: 3px 0 0;
}

#portfolio-search ol {
    margin: 0;
    font-size: 1em;
}

#portfolio-search li {
    margin: 0 0 20px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 10px;
    list-style-type: none;
}

#portfolio-search input[type=submit] {
    margin: 0 0 0 250px;
}

#portfolio-loading {
    position: absolute;
    bottom: 3px;
    right: 50px;
}

/* Portfolios - Listing & Stats ------------ */
#portfolio-listing, #portfolio-stats {
    margin: 20px 8px;
    font-size: 1.1em;
    border-collapse: collapse;
}

#portfolio-stats {
    margin: 20px 0 0 35px;
}

#portfolio-listing th, #portfolio-stats th {
    font-weight: bold;
    text-align: center;
    padding: 0 0 10px
}

#portfolio-listing tr {
    border-bottom: 1px dotted #bbb;
}

#portfolio-listing tr:last-child {
    border: none;
}

#portfolio-listing td, #portfolio-stats td {
    padding: 15px 22px;
    text-align: center;
}

#portfolio-listing li, #portfolio-stats li {
    margin: 0 0 3px;
}

#portfolio-listing ul, #portfolio-stats ul {
    font-size: 1em;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* Portfolio Display --------------------- */
#portfolio-display img {
    border: 1px solid #000;
    max-width: 620px;
}

#content p.comments {
    background: url(../images/site/login-icons.png) no-repeat 0 -30px;
    padding: 0 0 2px 22px;
    line-height: 1.2;
    margin: 45px 6px 10px;
    font-size: 1.2em;
}

/* Rate Form ------------------------ */
#rate-portfolio {
    margin: 10px 0 10px 8px;
}

#rate-box .rating-spinner {
    position: relative;
    left: 8px;
    top: 3px;
}

/* Error page - This code is gross and I will re-write it soon. The whole thing is a JS mess */
#log {
    width: 500px;
    height: 200px;
    margin: 10px 0 10px 65px;
    border: 1px solid #aaa;
    padding: 10px;
}

.e_type {
    font-weight: bold;
    border: 1px dotted black;
    padding: 5px;
}

.e_lvl0 {
    color: black;
}

.e_lvl1 {
    color: green;
}

.e_lvl2 {
    color: #ea6707;
}

.e_lvl3 {
    color: #ea6707;
}

.e_lvl4 {
    color: red;
}

.e_lvl5 {
    color: red;
}

.unselectedLi, .selectedLi {
    float: left;
    border: 1px solid #bbb;
    padding: 2px 3px;
}

.unselectedLi {
    color: #3142e5;
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
}

.selectedLi {
    text-decoration: none;
    color: #404040;
    font-weight: bold;
    border-bottom: 0;
}

.unselectedLi:hover {
    text-decoration: underline;
}

#errorTypeTab {
    list-style: none;
    padding: 4px 0;
    line-height: 1.4;
    margin: 0 6px;
    width: 1000px;
    overflow: auto;
}

#tabDescription {
    clear: both;
}

.hilite {
    background-color: #ffff33;
    font-weight: bold;
}

.errlist {
    font-size: 1.1em;
}

.postCode {
    font: 1.1em Lucida Console;
    margin-left: 10px;
}

.editor {
    font-weight: normal;
}

.e_but {
    font-size: 1.1em;
    font-weight: bold;
    color: #404040;
    background-color: #f2f2f2;
    border-style: ridge;
    margin: 5px 10px;
}

/* Articles ------------------ */
.no-bullet {
    list-style-type: none !important;
}

/* Single Image */
#content .single-article-image {
    text-align: center;
    margin: 30px 0;
}

.single-article-image dd {
    font-style: italic;
}

#content .single-article-image img {
    border: 1px solid #000;
}

/* Multi image */
#content .multi-article-images {
    margin: 25px 0;
    padding: 0;
    text-align: center;
    overflow: hidden;
}

#content .multi-article-images li {
    float: left;
    list-style-type: none;
    width: 50%;
    padding: 0;
    margin: 0;
}

#content .multi-article-images .caption {
    font-style: italic;
}

#content .multi-article-images li img {
    margin: 0 5px 8px 0;
    border: 1px solid #000;
}

/* Spotlight -------------- */
#spotlight-images {
    text-align: center;
    margin: 35px 0 20px;
}

#spotlight-images li {
    list-style-type: none;
    margin: 0 0 15px;
}

#spotlight-images img {
    width: 500px;
    height: 375px;
}

/* Archive */
#archive-images {
    margin: 35px 0;
}

#archive-images ul {
    margin: 0 0 0 6px;
}

#archive-images li {
    list-style-type: none;
}

#archive-images > li {
    margin: 0 0 35px;
}

#archive-images li img {
    border: 1px solid #000;
}

#archive-images ul {
    overflow: auto
}

#archive-images li li {
    float: left;
    width: 150px;
    margin: 0 11px 0 0;
}

/* Tips ----------- */

/* Wrap and generics */
#tip-info {
    overflow: auto;
    margin: 30px 20px 10px;
}

#tip-info div {
    width: 280px;
    float: left;
}

#tip-info h4 {
    font-size: 1.2em;
    margin: 15px 0;
}

#tip-info h5 {
    font-size: 1.1em;
    margin: 18px 0 10px;
    font-style: italic;
}

#tip-info p {
    margin: 0 0 10px;
}

#tip-info ul {
    margin: 0 0 0 14px;
    list-style-type: square;
}

/* Stats */
#tip-info div + div {
    border-left: 1px dotted #bbb;
    padding: 0 0 0 70px;
}

/* Tips */
#tip-list img {
    border: 1px solid #444;
    margin: 0 4px 0 0;
}

#tip-list h3 {
    font-weight: bold !important;
    font: 1.4em Arial, Helvetica, Tahoma, Verdana, sans-serif;
    background: url(../images/site/news-divider.png) no-repeat bottom left;
    padding: 2px 0 8px 4px;
    margin: 0 0 15px;
}

#tip-list h3 + p img {
    border: none;
}

#tip-list li p.category {
    margin-top: 30px;
}

#tip-list li p.tip-author {
    margin: 5px 6px 2px;
    border-top: 1px dotted #bbb;
    padding: 2px 0 0;
}

/* FAQ ----------- */
#faq {
    font-size: 1em;
    margin: 15px 0 10px 25px;
}

#faq li {
    margin: 0 0 20px;
}

/* Staff ----------- */
#staff {
    font-size: 1em;
    margin: 15px 0 10px 3px;
    list-style-type: none;
}

#staff li {
    margin: 0 0 20px;
}

#staff li p:first-child {
    font-style: italic;
}

#staff li p:first-child a {
    font-style: normal;
}

/* Userbars ----------- */
#userbars {
    font-size: 1em;
    margin: 15px 0 10px 3px;
    list-style-type: none;
}

#userbars li {
    margin: 0 0 40px;
}

/* Community ----------- */
#community {
    margin: 25px 0 15px 3px;
    list-style-type: none;
    text-align: center;
}

#community li {
    display: inline;
    margin: 0 10px 0 0;
    width: 220px;
}

#community img {
    border: 1px solid #000;
}

/* Search ----------- */

/* Results */
#search-results {
    margin: 20px 0 10px 6px;
}

#search-results label {
    font-size: 1.2em;
}

#search-results input[type=text] {
    background: #fff url(../images/site/magnifier.gif) no-repeat center left;
    width: 200px;
    border: 1px solid #aaa;
    padding: 2px 0 2px 17px;
    color: #666;
}

#search-results input[type=submit] {
    background: #fff;
    border: 1px solid #aaa;
    padding: 1px;
}

#search-loading {
    display: inline;
    position: relative;
    top: 3px;
    left: 10px;
}

/* Results Table */
#results table {
    margin: 10px;
    font-size: 1.1em;
    border-collapse: collapse;
}

#results table th {
    font-weight: bold;
    padding: 8px;
}

#results table tr {
    border-bottom: 1px solid #ddd;
}

#results table tr:last-child {
    border-bottom: none;
}

#results table td {
    padding: 12px 8px;
    line-height: 1.4;
}

/* --- Advanced Search - AJAX version at top of page --- */
#ajax-search-container {
    font-size: 1.1em;
    background: #111;
    color: #fff;
    display: none;
}

#ajax-search-container select {
    font-size: 1.1em;
    background: #f2f2f2;
    border: 1px solid #666;
}

#ajax-search-container form {
    overflow: auto;
}

#ajax-search-container form > div:first-child {
    background: #222 url(../images/site/ajax-search-bg.png) repeat-y 0 0;
    overflow: auto;
    padding: 15px 0;
    border-bottom: 1px solid #333;
}

#ajax-search-container fieldset {
    float: left;
    width: 220px;
    padding: 0 10px;
}

#ajax-search-container optgroup {
    font-style: normal;
}

#ajax-search-container form legend {
    font: 1.4em Helvetica, Arial, Tahoma, Verdana, sans-serif;
    padding: 0 0 20px;
    display: block;
}

/* li around each field item */
#ajax-search-container form ol > li {
    position: relative;
    margin: 8px 0;
}

/* Inner li items for radios */
#ajax-search-container form ol ul li {
    margin: 3px 0;
    padding: 0 0 2px;
}

/* Form Controls */
#ajax-search-container input[type=text] {
    background: #F2F2F2;
    border: 1px solid #aaa;
}

#ajax-search-container input[type=radio] {
    position: relative;
    top: 2.5px;
    margin: 0;
}

/* Submit/Reset buttons */
#ajax-search-container #submit-buttons {
    clear: both;
    float: right;
    margin: 10px 5px 30px 0;
}

#ajax-search-container #submit-buttons li {
    float: left;
    margin: 0 0 0 5px;
}

#ajax-search-container #submit-buttons li input {
    background: #f2f2f2;
    border: 1px solid #aaa;
    margin: 10px 5px 0 0;
    padding: 1px;
}

/* Specific groups */
#query input[type=text] {
    margin: 4px 0 0;
}

#ajax-search-container #query ol + ol {
    margin: 35px 0 0;
}

#specific-forum select {
    margin: 15px 0 0;
    padding: 3px;
}

#wrap #view-options ol > li {
    margin: 0 0 20px;
}

#view-options select {
    margin: 3px 0 0;
}

/* --- Advanced Search - Static version --- */
.advanced-search form {
    margin: 25px 0 0 10px;
    overflow: auto;
}

.advanced-search fieldset {
    background: #d9d9d9;
    border: 1px solid #bbb;
    margin: 0 0 25px;
    width: 650px;
    padding: 15px 0;
}

.advanced-search form legend {
    font: 1.4em Arial, Helvetica, Tahoma, Verdana, sans-serif;
    display: block;
    margin: 0 0 0 10px;
    font-weight: bold;
}

.advanced-search input[type=text] {
    border: 1px solid #aaa;
    padding: 2px;
}

.advanced-search select {
    font-size: 1.1em;
    border: 1px solid #666;
}

.advanced-search #specific-forum select {
    display: block;
}

.advanced-search optgroup {
    font-style: normal;
}

.advanced-search input[type=radio] {
    position: relative;
    top: 2.5px;
    margin: 0;
}

.advanced-search ul {
    margin: 5px 0 10px 10px;
}

.advanced-search ol {
    margin: 5px 0 10px 10px;
}

.advanced-search #query ol + ol {
    margin-top: 25px;
}

.advanced-search li {
    list-style-type: none;
}

.advanced-search li li {
    font-size: 0.9em;
}

.advanced-search #submit-buttons {
    float: right;
    overflow: auto;
    margin: 0 0 15px;
    padding: 0;
}

.advanced-search #submit-buttons li {
    float: left;
    margin: 0 10px 0 0;
}

/* Video Tutorials */
#video-tutorials dd {
    text-align: center;
    margin: 10px 0 35px;
}

#video-tutorials dl:last-child {
    margin-bottom: 20px;
}

.js #video-tutorials dd {
    display: none;
}

/* Maps Section --------------------------- */
.js #admin-edit {
    display: none;
}

/* General */
#maps .content-box ul, #maps .content-box li {
    margin: 0;
    list-style-type: none;
}

#game-list p, #game-list ul {
    font-size: 1em;
    margin-left: 0;
    margin-right: 0;
}

#maps #game-list {
    margin: 20px 0 10px;
    padding: 0;
    position: relative;
}

/* Game list ------------------------*/

/* Admin Edit Form */
#admin-edit label {
    display: block;
    float: left;
    margin: 3px 10px 0 0;
    width: 180px;
}

#maps #admin-edit ol {
    margin: 10px;
}

#maps #admin-edit ol > li {
    margin: 0 0 15px;
    overflow: hidden;
}

#maps #admin-edit ol > li input[type=text] {
    border: 1px solid #ccc;
    padding: 3px;
    width: 200px;
}

#maps #admin-edit textarea {
    margin: 10px 0 0;
    width: 400px;
    height: 170px;
    border: 1px solid #ccc;
    padding: 5px;
    line-height: 1.4 !important;
    font: 1.2em Arial, Helvetica, sans-serif;
}

#maps #admin-edit form input[type=submit] {
    font: 1em Verdana, Helvetica, Arial, sans-serif;
    background: none;
    border: none;
    -moz-border-radius: none;
    -webkit-border-radius: none;
    padding: 0;
    color: #3142E5;
}

#maps #admin-edit form input[type=submit]:hover {
    text-decoration: underline;
}

/* Title */
#maps h4 {
    font-weight: bold !important;
    font: 1.2em Arial, Helvetica, sans-serif;
    color: #000;
}

#maps #game-list > li {
    margin: 10px 8px;
    padding: 10px 0;
    border-top: 1px dotted #ddd;
    overflow: hidden;
    position: relative;
}

#maps #game-list p.image {
    float: left;
    margin: 10px 10px 10px 0;
}

#maps #game-list p.image img {
    border: 1px solid #000;
}

#maps p.add-new {
    background: transparent url(../images/site/adm_add.png) no-repeat center left;
    padding: 0 0 0 22px;
}

#admin-edit p.saving {
    background: #fefbd0;
    border: 1px solid #fee580;
    padding: 3px 8px;
    display: none;
}

/* Inline Edit */
#maps #game-list > li textarea {
    margin: 10px 0 0;
    height: 100px;
    width: 520px;
    padding: 5px;
    border: 1px solid #aaa;
    line-height: 1.5;
    background-color: #f4f4f4;
    font: 1em Verdana, Helvetica, Arial;
}

#maps .item-info input:first-child {
    margin: 0 0 10px;
}

#maps .item-info input {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #aaa;
    padding: 2px;
    display: block;
    width: 250px;
    background-color: #f4f4f4;
}

#maps #game-list > li input[type=submit] {
    float: right;
    margin: 5px 11px 0 0;
}

/* Controls */
#maps ul.add-controls {
    margin: 10px 0 15px 10px;
}

#maps ul.edit-controls {
    overflow: hidden;
    position: absolute;
    right: -20px;
    top: 6px;
}

#maps ul.add-controls {
    overflow: hidden;
}

#maps ul.edit-controls li, #maps ul.add-controls li {
    padding: 0 0 0 22px;
    float: left;
    margin: 0 0 0 25px;
}

#maps ul.edit-controls li.edit,
#maps ul.edit-controls li.cancel {
    background: transparent url(../images/site/page_edit.png) no-repeat center left;
}

#maps ul.edit-controls li.delete {
    background: transparent url(../images/site/page_delete.png) no-repeat center left;
}

#maps ul.add-controls li.clear {
    background: transparent url(../images/site/adm_del.png) no-repeat center left;
}

#maps ul.add-controls li.submit,
#maps ul.edit-controls li.save {
    background: transparent url(../images/site/adm_sav.png) no-repeat center left;
}

#maps ul.add-controls li.close {
    background: transparent url(../images/site/close.png) no-repeat center left;
}

/* Ajax overlay */
#game-list .loading {
    background: transparent url(../images/site/opacity-bg.png) repeat 0 0;
    position: absolute;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

#game-list .loading img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -110px;
    margin-top: -9.5px;
}

/* Map submission and edit area */
#map-edit input[type=text], #map-edit input[type=file] {
    width: 180px;
    padding: 2px;
    border: 1px solid #aaa;
    background: #fafafa;
}

#map-edit select {
    width: 185px;
    padding: 2px;
    border: 1px solid #aaa;
}

#map-edit input[type=text], #map-edit select {
    margin: 0 0 0 5px;
}

#wrap .attention {
    background: #fefbd0 url(../images/site/error.png) no-repeat 5px center;
    border: 1px solid #fee580;
    padding: 3px 3px 3px 30px;
    font-size: 1em;
    margin-left: 0;
}

#map-edit fieldset legend {
    font: 1.4em Helvetica, Arial, Tahoma, Verdana, sans-serif;;
    display: block;
    font-weight: bold;
}

#map-edit fieldset h3 {
    background: url(../images/site/small-divider.png) no-repeat bottom left;
    margin: 5px 6px 10px;
    font: 1.4em Arial, Helvetica, Tahoma, Verdana, sans-serif;
    padding: 0 0 4px;
    font-weight: bold;
}

#map-edit #information > ul > li, #map-edit #details > ul > li {
    font-size: 1.1em;
}

#map-edit fieldset label {
    overflow: hidden;
}

#map-edit fieldset > ul {
    margin: 0 0 0 8px;
}

#map-edit fieldset input[type=checkbox], #map-edit fieldset input[type=radio] {
    margin: 0 5px 0 0;
    float: left;
}

/* Information */
#map-edit #information > ul > li {
    margin: 0 0 15px;
}

#map-edit #information #author-contact ul {
    margin: 0 0 15px;
}

#map-edit #information #author-contact li:first-child {
    margin: 0 0 10px;
}

#map-edit #information #author-contact li + li {
    overflow: hidden;
}

#map-edit #information #author-contact li + li label {
    margin: 4px 5px 0 0;
    float: left;
}

#map-edit #information #author-contact #i_contact {
    float: left;
}

/* Map Details */
#map-edit #details ul > li {
    margin: 0 0 15px;
}

#map-edit #details label {
    width: 100px;
    display: block;
    float: left;
    margin: 4px 0 0;
}

#map-edit #details .attention {
    margin-top: 15px;
}

.js #map-edit #details .attention {
    display: none;
}

/* Map Description */
#map-edit #format-buttons {
    overflow: hidden;
    margin: 0 0 8px 5px;
}

#map-edit #format-buttons li {
    float: left;
    margin: 0 3px 0 0;
}

#map-edit #description textarea {
    padding: 4px;
    border: 1px solid #aaa;
    background: #fafafa;
    margin: 5px 0 10px 5px;
    width: 550px;
    height: 200px;
    font: 1.1em Verdana, Tahoma, sans-serif;
    line-height: 1.5;
}

/* Map Images */
#map-edit #images .attention {
    font-size: 1.1em;
    margin-left: 8px;
}

#map-edit #map-images {
    overflow: hidden;
}

#map-edit #map-images > li {
    float: left;
    margin: 0 40px 0 0;
}

#map-edit #map-images > li li {
    margin: 0 0 10px;
}

#map-edit #map-images input[type=file] {
    font-size: 1.2em;
}

#map-edit #map-images label {
    font-size: 1.1em;
}

#map-edit #map-images img {
    border: 1px solid #000;
}

#map-edit #images .submit-buttons {
    overflow: hidden;
    margin: 25px 8px 10px;
}

#map-edit #images .submit-buttons li {
    float: left;
    margin: 0 5px 0 0;
}

#map-edit #images .submit-buttons input {
    background-color: #ddd;
    padding: 2px;
    border: 1px solid #999;
}

/* Map Search Form */
#search-maps ol {
    margin: 0 0 0 6px;
}

#maps #search-maps ol li {
    margin: 0 0 10px;
}

#maps #search-maps label {
    display: block;
    float: left;
    width: 100px;
}

#maps #search-maps input[type=text] {
    width: 150px;
    padding: 2px;
    border: 1px solid #aaa;
    background: #fafafa;
}

#maps #search-maps input[type=submit] {
    margin: 10px 0 0;
}

#maps #search-maps + ul {
    overflow: hidden;
    margin: 20px 0 10px 10px;
}

#maps #search-maps + ul li {
    float: left;
    margin: 0 15px 0 0;
}

#search-maps + ul li {
    padding: 0 0 0 20px;
    background-position: left center;
    background-color: transparent;
    background-repeat: no-repeat;
}

#search-maps + ul li.submit {
    background-image: url(../images/site/page_add.png);
}

#search-maps + ul li.admin {
    background-image: url(../images/site/page_edit.png);
}