html {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    background-color: #270044;
    background-image: url(/images/purple_blue_haze_250.jpg);
    color: #cacaff;
}
body {
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin-top: 8px;
    margin-bottom: 8px;
}
h2 {
    font-size: 140%;
}
form {
    display: inline;
    margin: 0;
    padding: 0;
}
img {
    border: 0;
}
th {
    text-align: left;
}

a {
    text-decoration: none;
}
a:link {
    color: #7f7fff;
}
a:visited {
    color: #df66ff;
}
a:active {
    color: #ff00ff;
}
a:hover {
    color: #4444ff;
}
a:hover:visited {
    color: #bb22ff;
}

* {
    border-style: solid;
    border-color: #331148;
    border-width: 0;
}

table.bordered, table.bordered * {
	border-width: 2px;
	border-collapse: collapse;
}
table.bordered th, table.bordered td {
	padding-left: 4px;
	padding-right: 4px;
}

#content {
    width: 80%;
    margin: auto;
}
#top {
    padding-left: 5px;
    padding-right: 5px;
    background-color: #cccccc;
    background-image: url(/images/parchment.jpg);
}
#top .icon {
    float: left;
}
#top .login {
    float: right;
    text-align: right;
    font-size: 80%;
    padding-top: 10px;
    color: black;
}
#top .login a:link {
    color: #3333ff;
}
#top .login a:visited {
    color: #7733ff;
}
#top .login a:hover {
    color: #0000ff;
}
#top .login a:hover:visited {
    color: #3300ff;
}
#page {
    background-color: #000000;
    /* background-image: url(/images/gray_plasma.jpg); */
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
    min-height: 800px;
}
#outer {
    padding: 10px;
    background-color: #dddddd;
    background-image: url(/images/silver_swirl.gif);
}

.text {
    text-indent: 20px;
    text-align: justify;
}
.homepage_question {
    font-style: italic;
}
.code_disclaimer {
    color: red;
    text-align: justify;
    margin-left: 50px;
    margin-right: 50px;
}
.code_comments {
    text-align: justify;
}
.code_archive {
}
.code_file {
    font-size: 130%;
    margin: 0;
    padding: 0;
}
.code {
    font-family: "Courier New", Courier, sans-serif;
    font-size: 80%;
    text-align: left;
    white-space: pre;
    margin-top: 0;
    padding-top: 0;
}
.email {
    font-weight: bold;
}
.feedback {
    color: #ff0000;
    clear: left;
}
.urgent {
    color: #ff0000;
}
.break {
    clear: both;
}

#main_banner {
    position: relative;
    top: 7px;
    margin-top: 0;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 10px;
}
#main_banner .shade1 {
    position: relative;
    border: 1px solid #888896;
    width: 602px;
    height: 162px;
}
#main_banner .shade2 {
    position: relative;
    border: 1px solid #555564;
    width: 604px;
    height: 164px;
}
#main_banner .shade3 {
    position: relative;
    border: 1px solid #222232;
    width: 606px;
    height: 166px;
}
#main_banner img {
    background-color: #222233;
    border: 1px solid #aaaab9;
}
.service_icon {
    float: right;
    margin-bottom: 10px;
    margin-top: 13px;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 3px;
    padding-right: 3px;
}
.service_icon:hover {
    border-left: 3px solid #4444ff;
    border-right: 3px solid #4444ff;
    padding: 0;
}
#lj_icon {
    margin-right: 18px;
}

#nav {
    height: 30px;
}
#nav, #nav .children {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: left;
    background-color: #aaaaaa;
    background-image: url(/images/dark_silver_tile_1.gif);
}
#nav a {
    font-weight: bold;
    padding: 0;
    color: black;
}
#nav .section {
    float: left;
    position: relative;
    z-index: 1;
    width: 120px;
    text-align: left;
}
#nav .section a {
    display: block;
    padding-left: 7px;
    padding-top: 3px;
    padding-bottom: 3px;
}
#nav .section:hover, #nav .section a:hover, #nav .section .over, #nav .child a:hover, #nav .child .over {
    background-color: #aaaaee;
    background-image: url(/images/dark_silver_tile_3.gif);
}
#nav .children {
    left: -999em;
    position: absolute;
    top: 100%;
    width: 160px;
}
#nav > .children {
    top: auto;
}
#nav .child {
    background-color: #aaaaaa;
    background-image: url(/images/dark_silver_tile_1.gif);
}
#nav .child a {
    padding-top: 3px;
    padding-bottom: 3px;
}
#nav .section:hover .children, #nav .section .over .children, #nav .over {
    left: auto;
}
#nav .b1, #nav .b2, #nav .b3, #nav .b4, #nav .b5, #nav .b1b, #nav .b2b, #nav .b3b, #nav .b4b, #nav .b5b {
    height: 1px;
    display: block;
    overflow: hidden;
    font-size: 1px;
}
#nav .b5b {
    clear: left;
}
#nav .b1, #nav .b1b {
    background: #ddd;
}
#nav .b2, #nav .b2b {
    background: #ccc;
}
#nav .b3, #nav .b3b {
    background: #bbb;
}
#nav .b4, #nav .b4b {
    background: #aaa;
}
#nav .b5, #nav .b5b {
    background: #999;
}

#bread {
    clear: both;
    font-size: 70%;
    color: black;
    background-color: #cccccc;
    background-image: url(/images/parchment.jpg);
    margin-left: 7px;
    margin-top: 3px;
}
#bread a:link {
    color: #4949ff;
}
#bread a:visited {
    color: #7f49ff;
}
#bread a:hover {
    color: #0000ff;
}
#bread a:hover:visited {
    color: #3300ff;
}

.edit_link a {
    float: right;
    padding: 1px;
    color: #000000;
    background-color: #aaaadd;
    border: 4px outset #aaaadd;
}
.edit_link a:hover {
    color: #2222ff;
    background-color: #ccccff;
    border: 4px outset #aaaadd;
}

.overview .item {
}
.overview .description {
    margin-bottom: 15px;
    text-align: justify;
}
.overview .field {
    clear: left;
    float: left;
    width: 15%;
    vertical-align: top;
    margin-top: 10px;
    margin-bottom: 10px;
}
.overview .value {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: justify;
    width: 20%;
}
.overview .extended {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}
.overview .extended + .overview .value {
    clear: left;
}
.overview .value .brief {
    white-space: nowrap;
}
.overview th {
    padding-right: 8px;
    vertical-align: top;
    font-weight: normal;
    font-style: italic;
}
.overview td {
    padding-left: 7px;
    padding-right: 7px;
    vertical-align: top;
}

.settings .setting {
    clear: both;
    float: left;
    width: 210px;
    vertical-align: top;
    margin-top: 5px;
    margin-bottom: 10px;
    white-space: nowrap;
}
.settings .value {
    float: left;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
}
.settings .explain {
    display: none;
    clear: both;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
}
.settings .show, .settings .hide {
    float: left;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-bottom: 1px;
    padding-left: 4px;
    padding-right: 4px;
    border: 1px solid #7f7fff;
    width: 8px;
}
.settings a {
    color: #7f7fff;
}
.settings a:hover {
    color: #4444ff;
    border-color: #4444ff;
}
.settings .hide {
    display: none;
}
.settings .submit {
    clear: both;
    padding-top: 10px;
}
.settings .submit input {
    width: 350px;
}

.atmai .atman {
    float: left;
    margin-left: 5px;
    margin-top: 2px;
    margin-bottom: 5px;
    width: 11em;
}

.incarnoi .incarnos {
    float: left;
    margin-left: 5px;
    margin-top: 2px;
    margin-bottom: 5px;
    width: 14.5em;
}

.atman .label {
    clear: both;
    float: left;
    width: 210px;
    vertical-align: top;
    margin-top: 5px;
    margin-bottom: 10px;
    white-space: nowrap;
}
.atman .value {
    float: left;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.incarnos .label {
    clear: both;
    float: left;
    width: 210px;
    vertical-align: top;
    margin-top: 5px;
    margin-bottom: 10px;
    white-space: nowrap;
}
.incarnos .value {
    float: left;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
}
.incarnos .value .label {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 2px;
}
.incarnos .value .value {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 2px;
}

.leaderboards {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.leaderboards .category {
    clear: both;
    padding-left: 4px;
    padding-top: 12px;
    font-size: 105%;
}
.leaderboards .desc {
    clear: both;
    float: left;
    padding-left: 24px;
    width: 240px;
}
.leaderboards .types {
    float: left;
    clear: both;
    padding-left: 44px;
}
.leaderboards .type {
    float: left;
    padding-left: 4px;
    width: 216px;
}
.leaderboards .scope {
    float: left;
    width: 100px;
}

.leaderboard .date {
    padding-left: 3%;
    margin-top: 4px;
    margin-bottom: 8px;
}
.leaderboard .ranking {
    clear: both;
    float: left;
    width: 3%;
    text-align: right;
    margin-right: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
}
.leaderboard .value {
    float: left;
    width: 6%;
    text-align: center;
    margin-right: 2px;
}
.leaderboard .incarnos {
    float: left;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 89%;
}

.position {
    float: right;
    font-size: 150%;
    margin-bottom: 10px;
    margin-top: 8px;
}
.position div {
    float: left;
    font-family: "Courier New", Courier, serif;
    font-weight: bold;
}
.position .up {
    float: left;
    margin-right: 20px;
    font-family: "Times New Roman", Times, serif;
}
.position .num {
    float: left;
}
.position .first {
    margin-left: 5px;
}
.position .prev {
    margin-left: 20px;
    margin-right: 10px;
}
.position .next {
    margin-left: 10px;
    margin-right: 20px;
}
.position .chunk_prev {
    margin-left: 20px;
}
.position .chunk_next {
    margin-right: 20px;
}
.position .inactive {
    color: #999988;
}

.changelog_entry {
    clear: both;
}
.changelog_entry .field {
    text-align: right;
    vertical-align: top;
    font-weight: normal;
    font-style: italic;
}
.changelog_entry .value {
    vertical-align: top;
    padding-left: 10px;
}

.changelog_overview {
    clear: both;
}
.changelog_overview .field {
    vertical-align: top;
    font-weight: bold;
}
.changelog_overview .value {
    vertical-align: top;
}
.changelog_overview .importance_icons {
    width: 80px;
}
.changelog_overview .value_icons {
    padding-right: 4px;
    width: 80px;
}

.rating .unrated {
    float: left;
    min-width: 110px;
    font-size: 80%;
}
.rating .number {
    float: left;
    min-width: 35px;
}
.rating .raters {
    float: left;
    min-width: 75px;
    font-size: 80%;
}
.rating .icons {
    float: left;
    min-width: 80px;
}
.rating .icons img {
    float: left;
}
.rating .current .label {
    float: left;
    font-size: 80%;
    min-width: 110px;
}
.rating .current .icons {
    float: left;
}
.rating .new .label {
    float: left;
    font-size: 80%;
    min-width: 110px;
}
.rating .new .icons {
    float: left;
}
.rating .unknown .label {
    float: left;
    font-size: 80%;
    min-width: 110px;
}
.rating .unknown .icons {
    float: left;
}

.gallery_image {
    text-align: center;
}
.gallery_image img {
    border: 10px outset gray;
    margin-top: 30px;
    margin-bottom: 50px;
}

.linking_image_section {
    margin-top: 20px;
    margin-bottom: 20px;
}
.linking_label {
    margin-bottom: 6px;
}
.linking_image {
    margin-left: 20px;
}
.linking_url {
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 20px;
}
.linking_url .label {
    font-style: italic;
}
.linking_code {
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 20px;
}
.linking_code .label {
    font-style: italic;
}

.line {
    background-color: #ffffff;
    height: 1px;
    width: 85%;
    margin-bottom: 15px;
    border: 1px solid #555555;
}

.social_actions {
	width: 450px;
	margin-left: auto;
	margin-right: auto;
    padding-top: 5px;
    padding-left: 10px;
}
.social_actions .social_action {
	float: left;
}
.social_actions .divider {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}
.social_actions .google_plusone {
	padding-top: 2px;
}

.add_search_link {
    font-size: 90%;
}

.right_wide_skyscraper {
    float: right;
    padding-left: 20px;
}

.bottom_leaderboard {
    padding-top: 10px;
}

.google_search {
    clear: left;
}

.glossary_link {
    border-bottom: 1px dotted;
    border-color: rgb(0, 0, 255);
    position: relative;
    z-index: 2;
}
.glossary_link:link, .glossary_link:visited {
    color: rgb(0, 0, 0);
}
.glossary_link:hover, .glossary_link:active {
    color: rgb(0, 0, 210);
    cursor: help;
    z-index: 25;
}
a.glossary_link .glossary_tooltip {
    display: none;
}
a.glossary_link:hover .glossary_tooltip {
    display: block;
    position: absolute;
    top: 1.5em;
    left: -1em;
    width: 30em;
    border: 1px solid #00ccff;
    background-color: #ccffff;
    color: #000000;
    text-align: left;
    font-size: 75%;
}

.glossary_letter {
    font-weight: bold;
    font-size: 200%;
    padding: 8px;
    border: 5px gray outset;
}
.glossary_letter:link, .glossary_letter:visited {
    color: rgb(0, 0, 212);
    border-color: rgb(99, 99, 188);
}
.glossary_letter:hover, .glossary_letter:active {
    color: rgb(255, 0, 0);
    border-color: rgb(188, 99, 99);
}

ul.affiliates {
    font-size: 92%;
    margin: 0;
    padding: 10px 0 0 0;
    list-style: none;
    display: block;
}
ul.affiliates li {
    clear: none;
    display: inline;
    width: 10%;
    padding: 0;
    margin: 0;
}

.load_time {
    color: #660099;
    font-size: 80%;
    text-align: center;
}