| html {
    height: calc(100% - 2px);
}
body {
    background: #dfe4e7;
    font-family: 'Open Sans', sans-serif;
    color: #282828;
}
#site-wrapper {
    display: block;
    min-height: 100%;
    margin-bottom: -37px;
}
.bridge-body-site-wrapper .header_wrap {
    background-color: transparent;
}
.bridge-body-site-wrapper {
    background-color: #242424;
}
#login-prompt {
    font-size: 20pt;
    padding-bottom: 0.33ex;
    border-color: #999;
    border-style: solid;
    border-width: 0 0 1px 0;
}
#hull-header-icon {
    height: 64px;
}
#bridge-header-icon {
    height: 38px;
}
.bridge-no-menu {
    background: #dfe4e7;
}
.bridge-no-menu .header_wrap {
    background: #181818;
}
.bridge-no-menu #content {
    padding-top: 1rem;
}
#content {
    height: 100%;
    margin-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 2rem;
}
.content-no-padding {
    padding-bottom: 0;
}
.content-sandwich {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
header, footer {
    min-width: 100%;
}
footer {
    height: 30px;
    padding: 0;
}
footer p {
    background-color: #EFE5C8;
    display: block;
    margin: 0;
    padding: 7px;
    padding: calc(6px + 1px);
    text-align: center;
}
a {
    color: #33205e;
    transition: color 0.25s;
}
a:visited {
    color: #33205e;
}
a:active, a:hover {
    color: #735ab5;
}
.header_wrap {
    border: 0;
    background-color: #181818;
    padding: 3px;
    color: #E4E4F8;
}
#hull-header-icon,
#hull-header-image-link {
    border-radius: 32px;
}
#bridge-header-icon,
#bridge-header-image-link {
    border-radius: 19px;
}
header h1 {
    font-style: italic;
    font-weight: normal;
    font-family: 'Bitter', serif;
    padding-left: 4px;
}
header h2 {
    font-family: 'Bitter', serif;
    font-style: italic;
    font-weight: normal;
    font-size: 12pt;
    padding-left: 8px;
}
.footer-hull,
.footer-bridge {
    text-align: center;
    border: 0 !important;
    padding: 0.5em;
    color: #fff;
    background-color: #181818 !important;
}
.footer-hull a,
.footer-bridge a {
    color: #A8B5EF;
    font-weight: bold;
    text-decoration: none;
}
.footer-hull a:hover,
.footer-bridge a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
nav {
    background-color: #444;
    background-image: -webkit-linear-gradient(
            top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.33) 100%
    );
    background-image: -moz-linear-gradient(
            top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.33) 100%
    );
    background-image: -ms-linear-gradient(
            top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.33) 100%
    );
    background-image: -o-linear-gradient(
            top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.33) 100%
    );
    background-image: linear-gradient(
            top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.33) 100%
    );
    border: 0 solid #000;
    border-bottom-width: 1px;
    padding: 0.83ex 0.5ex;
}
nav a,
nav a:visited {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
nav ul.navigation > li {
    padding: 0 0.5ex;
    transition: background-color 0.25s;
    margin: 0;
}
nav ul.navigation > li:hover a {
    color: #A8B5EF;
}
#blog-header {
    padding: 1em 0.5em;
}
#blog_header_inner h1 {
    font-family: 'Bitter', serif;
    margin: 0;
}
#blog_header_inner p.tagline {
    font-family: 'Bitter', serif;
    margin-bottom: 0;
}
#blog-wrapper {
    background-color: rgba(255, 255, 255, 0.2);
}
.blog-post-title,
#blog-wrapper h1,
#blog-wrapper h2,
#blog-wrapper h3,
#blog-wrapper h4,
#blog-wrapper h5,
#blog-wrapper h6,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
    font-family: 'Bitter', serif;
    margin: 0;
}
#content h1 + h2,
#content h1 + h3,
#content h1 + h4,
#content h1 + h5,
#content h1 + h6,
#content h2 + h3,
#content h2 + h4,
#content h2 + h5,
#content h2 + h6,
#content h3 + h4,
#content h3 + h5,
#content h3 + h6,
#content h4 + h5,
#content h4 + h6,
#content h5 + h6 {
    margin-top: 1em;
}
#content h2:first-child {
    margin-bottom: 1ex;
}
.no-border {
    border: none !important;
}
.blog-post-title {
    text-shadow: rgba(255, 255, 255, 0.2) 1px 1px 1px;
}
.blog-sidebar {
    background-color: #181818;
    color: #eee;
    vertical-align: top;
}
.blog-sidebar a,
.blog-sidebar a:visited {
    color: #A8B5EF;
    text-decoration: none;
    text-shadow: #222 1px 0 0;
}
.blog-sidebar a:hover,
.blog-sidebar a:active {
    color: #EFEFEF;
}
.blog-sidebar h4 {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: normal;
    margin: 0;
}
@media (max-device-width: 100mm) {
    nav a {
        font-size: 150%;
    }
    footer {
        font-size: 150%;
    }
    .blog-sidebar {
        font-size: 22pt;
    }
    #content h1 {
        font-size: 42pt;
    }
    #content h2 {
        font-size: 36pt;
    }
    #content h3 {
        font-size: 32pt;
    }
    #content h4 {
        font-size: 30pt;
    }
    .pages li {
        font-size: 20pt;
    }
    a,
    input,
    label,
    .blog-comment-body p,
    .blogpost_tags li,
    textarea,
    #blog-post-body p,
    #content p {
        font-size: 18pt !important;
    }
    .blog-post-snippet p {
        font-size: 10pt !important;
    }
    .blog-sidebar * h4 {
        font-size: 20pt !important;
    }
}
@media only screen and (max-width: 360px) {
    header h1 {
        font-size: 14pt !important;
    }
    nav a {
        font-size: 150%;
    }
    footer {
        font-size: 150%;
    }
    ol.blog_comment_child {
        padding-left: 1em !important;
    }
}
@media only screen and (min-width: 361px) and (max-width: 767px) {
    nav a {
        font-size: 150%;
    }
    footer {
        font-size: 125%;
    }
    ol.blog_comment_child {
        padding-left: 1.5em !important;
    }
}
@media only screen and (max-width: 767px) {
    .blog-sidebar {
        font-size: 125%;
    }
    .metadata-label {
        max-width: 20ex;
    }
    .metadata-input {
        width: 100%;
    }
}
@media only screen and (min-width: 768px) {
    .metadata-label {
        width: 20ex;
    }
    .metadata-input {
        width: 100%;
    }
}
@media (min-width: 1280px) {
    #bridge_files_list_forms {
        display: table;
        width: 100%;
    }
    #bridge_files_list_forms form {
        display: table-row;
    }
    #bridge_files_new_dir_form,
    #bridge_files_upload_form {
        display: table-cell;
    }
}
#blog_read_series_wrapper {
}
.blog_read_series {
    padding: 0.125ex 0;
}
.blog_read_series + .blog_read_series {
    border-color: rgba(0, 0, 0, 0.25);
    border-style: solid;
    border-width: 1px 0 0 0;
}
.blog-main {
    padding: 1ex;
    vertical-align: top;
}
.blog-read-post *:first-child {
    margin: 0;
}
.blog-list-author-bio {
    margin: 1ex;
}
.blog-list-post h2 {
    margin-top: 0;
}
.blog-post-meta {
    margin: 0;
    padding: 0.25ex 1.1rem;
}
.blogpost_category {
    margin: 0;
    padding: 0 1.1rem 0.25ex 1.1rem;
}
#blogpost_authorbox #author-wrap {
    padding-left: 0.66rem;
    padding-right: 0.66rem;
}
.blog-post-snippet {
    border-radius: 0.34rem;
}
.blog-post-body {
    border-radius: 0.67rem;
}
.blog-post-snippet,
.blog-post-body {
    box-shadow: rgba(37, 48, 73, 0.23) 0 0 3px;
    color: #252525;
    margin: 1ex;
    background-color: rgba(255, 255, 255, 0.35);
    padding: 1ex;
}
.blog-post-snippet *:first-child,
.blog-post-body *:first-child {
    margin-top: 0;
}
.blog-post-snippet *:first-child,
.blog-post-body *:last-child {
    margin-bottom: 0;
}
.blog-post-snippet *,
.blog-post-body * {
    max-width: 100%;
    height: auto;
}
.img-responsive {
    width: 100%;
    height: auto;
}
.blog-hr {
    border-color: transparent;
    margin: 1ex 0;
}
.readmore-wrapper {
    display: block;
    margin-bottom: 0;
}
.blogpost_tags {
    display: inline;
    list-style: none;
    padding: 0;
}
.blogpost_tags li {
    display: inline-block;
}
#home_blog_posts {
    margin-top: 1em;
}
.pagination_current {
    border: 1px solid rgba(0, 0, 0, 1) !important;
}
.pages li {
    border: 1px solid rgba(0, 0, 0, 0.33);
}
a.pure-button,
a.pure-button:hover,
a.pure-button:visited {
    color: #fff;
}
a.pure-button-primary,
a.pure-button-primary:visited,
.pure-button-primary {
    background-color: #222222;
    color: #A8B5EF;
}
a.pure-button-secondary,
a.pure-button-secondary:visited,
.pure-button-secondary {
    background-color: #444444;
    color: #A8B5EF;
}
a.pure-button-tertiary,
a.pure-button-tertiary:visited,
.pure-button-tertiary {
    background-color: #A8B5EF;
    color: #081022;
}
a.pure-button-prompt,
a.pure-button-prompt:visited,
.pure-button-prompt {
    background-color: #222232;
    color: #ffff66 !important;
    box-shadow: #fff 0 0 2px, #ff0 0 0 0.34ex, #fc0 0 0 0.5ex, #f90 0 0 0.7ex;
    font-weight: bold;
    text-shadow: #000 0 0 2px;
    margin-top: 0.4ex !important;
    margin-bottom: 0.4ex !important;
}
.pure-button-secondary .fa {
    color: #ffffff !important;
    text-shadow: #000 0 0 2px;
}
.pure-button-primary .fa {
    color: #ffffff !important;
    text-shadow: #000 0 0 2px;
}
.pure-button-prompt .fa {
    color: #ffa034 !important;
    font-weight: normal;
    text-shadow: #000 0 0 2px;
}
.pure-button-tertiary .fa {
    color: #000000;
    text-shadow: #fff 0 0 2px;
}
.pure-button-secondary:hover,
a.pure-button-secondary:active,
a.pure-button-secondary:hover,
.pure-button-secondary a:active,
.pure-button-secondary a:hover {
    color: #A8B5EF;
}
a.pure-button-tertiary:active,
a.pure-button-tertiary:hover,
.pure-button-tertiary a:active,
.pure-button-tertiary a:hover {
    color: #1F2C4A !important;
}
a.pure-button-prompt:active,
a.pure-button-prompt:hover,
.pure-button-prompt a:active,
.pure-button-prompt a:hover {
    color: #FFF !important;
}
.pure-button-primary:hover .fa,
.pure-button-primary a:hover .fa {
    text-shadow: #000 0 0 4px;
}
.pure-button-secondary:hover .fa,
.pure-button-secondary a:hover .fa {
    text-shadow: #000 0 0 4px;
}
.pure-button-tertiary:hover .fa,
.pure-button-tertiary a:hover .fa {
    text-shadow: #fff 0 0 4px;
}
.pure-button-prompt:hover .fa,
.pure-button-prompt a:hover .fa {
    text-shadow: #000 0 0 4px;
}
.error_header {
    color: #c00000;
}
#announcement {
    background-color: #ddd;
}
#bridge_left {
    line-height: 1.5;
    padding-right: 1em;
}
.bridge-icon {
    color: #DDE1E1;
    display: inline-block;
    padding-right: 4px;
    text-shadow: #000 1px 1px 1px;
    transition: color 0.2s;
    width: 1em;
}
a:hover .bridge-icon {
    color: #FFFFFF;
}
.passwordBad {
    color: #c00;
}
.passwordAcceptable {
    color: #c90;
}
.passwordGood {
    color: #090;
}
#bridge_table {
    margin-bottom: 0;
    height: 100%;
}
#bridge_left a,
#bridge_left a:visited {
    display: block;
    color: #ebefef;
    margin-top: 1px;
    padding: 2px;
    text-decoration: none;
    transition: color 0.2s;
}
#bridge_left a.bridge-collapse {
    font-weight: bold;
}
#bridge_left a.collapse-active {
    background-color: #eff4f7;
    color: #202020;
    border-radius: 0.5ex;
}
#bridge_left a.collapse-active .bridge-icon {
    color: #202030;
    text-shadow: none !important;
}
#bridge_left a:hover,
#bridge_left a:active {
    color: #A8B5EF;
}
#bridge_left a.collapse-active:hover {
    background-color: #dfe6eb;
    color: #303050;
}
#bridge_main {
    background-color: #eff4f7;
    padding-bottom: 1rem;
    border-radius: 2rem 0 0 0;
    box-shadow: #000 -1px -1px 1ex;
}
.bridge-main-link a {
    color: #ddd !important;
    transition: color 0.2s;
}
.bridge-main-link a:hover {
    color: #fff !important;
}
.login-form-wrapper fieldset > legend {
    font-weight: bold;
    display: none;
}
.login-form-wrapper fieldset {
    background-image: -webkit-linear-gradient(
            top,
            rgba(255, 255, 255, 0.75) 0%,
            rgba(255, 255, 255, 0.5) 100%
    );
    background-image: -moz-linear-gradient(
            top,
            rgba(255, 255, 255, 0.75) 0%,
            rgba(255, 255, 255, 0.5) 100%
    );
    background-image: -ms-linear-gradient(
            top,
            rgba(255, 255, 255, 0.75) 0%,
            rgba(255, 255, 255, 0.5) 100%
    );
    background-image: -o-linear-gradient(
            top,
            rgba(255, 255, 255, 0.75) 0%,
            rgba(255, 255, 255, 0.5) 100%
    );
    background-image: linear-gradient(
            top,
            rgba(255, 255, 255, 0.75) 0%,
            rgba(255, 255, 255, 0.5) 100%
    );
    border: 2px solid rgba(0, 0, 0, 0.4);
    box-shadow: rgba(0, 0, 0, 0.33) 0 1ex 1ex;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.login-form-wrapper fieldset + hr {
    display: none;
}
.bridge_file_list_contents .header_row,
.bridge_page_list_contents .header_row {
    background-image: -webkit-linear-gradient(
            top,
            #002B57 0%,
            #002434 100%
    );
    background-image: -moz-linear-gradient(
            top,
            #002B57 0%,
            #002434 100%
    );
    background-image: -ms-linear-gradient(
            top,
            #002B57 0%,
            #002434 100%
    );
    background-image: -o-linear-gradient(
            top,
            #002B57 0%,
            #002434 100%
    );
    background-image: linear-gradient(
            top,
            #002B57 0%,
            #002434 100%
    );
}
.bridge_file_list_header,
.bridge_page_list_header {
    padding: 1ex 1ex 0 1ex;
}
.bridge_file_list_header_pathinfo,
.bridge_page_list_header_pathinfo {
    display: inline;
    list-style: none;
    padding: 0;
}
.bridge_file_list_header_pathinfo li,
.bridge_page_list_header_pathinfo li {
    border-color: #000;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    border-radius: 0.66ex 0.66ex 0 0;
    display: inline-block;
    padding: 0.25ex 0.125ex 0 0.125ex;
    vertical-align: bottom;
}
.bridge_file_list_header_pathinfo .current_dir,
.bridge_page_list_header_pathinfo .current_dir {
    background-color: #fff;
    font-weight: bold;
    padding: 0.25ex 0.325ex 0.25ex 0.325ex;
}
.bridge_file_list_contents,
.bridge_page_list_contents {
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: #000 1px 1px 1px;
    border-collapse: collapse;
}
.bridge_file_list_contents > *:nth-child(2n),
.bridge_page_list_contents > *:nth-child(2n) {
    background-color: rgba(255, 255, 255, 0.22);
}
.bridge_file_list_contents_row,
.bridge_page_list_contents_row {
    transition: background-color 0.5s;
}
.bridge_file_list_contents_row:hover,
.bridge_page_list_contents_row:hover {
    background-color: rgba(7, 9, 40, 0.200);
}
.bridge_file_list_contents > *:nth-child(2n):hover,
.bridge_page_list_contents > *:nth-child(2n):hover {
    background-color: rgba(7, 9, 40, 0.166);
}
.bridge_file_list_contents_row:hover div,
.bridge_page_list_contents_row:hover div {
    border-color: rgba(0, 0, 0, 0.5);
}
.bridge_file_list_contents_row div,
.bridge_page_list_contents_row div {
    border: 1px solid rgba(0, 0, 0, 0.33);
    padding: 2px;
}
.bridge_file_list_contents .header_row div,
.bridge_page_list_contents .header_row div {
    color: #fff;
    font-size: 14pt;
    padding: 0.125em 0.25em;
}
.bridge_file_list_contents_row .pure-button:hover,
.bridge_page_list_contents_row .pure-button:hover {
    color: #fff !important;
}
.bridge_file_list_contents_row .pure-button + .pure-button,
.bridge_page_list_contents_row .pure-button + .pure-button {
    margin-left: 1px;
}
.bridge_file_options,
.bridge_page_options {
    padding: 1ex 0;
}
.bridge_file_options fieldset,
.bridge_page_options fieldset {
    padding-bottom: 0.5ex;
}
.airship-form input[type=checkbox],
.bridge_blog_post_tags input[type=checkbox],
.bridge_file_options input[type=checkbox],
.bridge_page_options input[type=checkbox],
.large_checkbox input[type=checkbox],
input[type=checkbox].large_checkbox,
.form-metadata-wrapper legend input[type=checkbox] {
    zoom: 1.33;
    transform: scale(1.33);
    -ms-transform: scale(1.33);
    -webkit-transform: scale(1.33);
    -o-transform: scale(1.33);
    -moz-transform: scale(1.33);
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    margin-right: 2px;
    vertical-align: -0.16ex;
}
#bridge_file_list_footer,
#bridge_page_list_footer {
    display: block;
    margin-top: 0.75ex;
}
.rich_text_tab_row a {
    border-color: rgba(0, 0, 0, 0.125);
    border-style: solid;
    border-width: 0 1px 1px 1px;
    color: #081023;
    padding-left: 1ex;
    padding-right: 1ex;
    transition: background-color 0.25s;
}
.rich_text_show_one {
    background-color: #E8E8EF !important;
    border: 1px solid rgba(0, 0, 0, 0.25);
    padding: 1rem 0.5rem;
    box-shadow: inset rgba(26, 31, 90, 0.25) 0 0 1ex;
}
.rich_text_tab_row a:hover {
    color: #272D6F;
    background-color: #EFE5C8 !important;
}
.rich_text_tab_row *.active_tab {
    box-shadow: inset rgba(90, 90, 31, 0.25) 0 -0.5ex 1em;
    border-color: rgba(0, 0, 0, 0.25);
    background-color: #EFE5C8 !important;
    color: #000;
}
.form-button-group {
    border: 1px solid rgba(0, 0, 0, 0.5);
    margin: 1em 0;
    padding: 1ex;
}
label.table-cell {
    padding-right: 1em;
    text-align: right;
}
.form-metadata-wrapper {
    border: 1px solid rgba(0, 0, 0, 0.5);
    margin: 1em 0;
    padding: 1em;
}
.form-metadata-wrapper > .form-table {
    background-image: -webkit-linear-gradient(
            top,
            #002B57 0%,
            #002434 100%
    );
    background-image: -moz-linear-gradient(
            top,
            #002B57 0%,
            #002434 100%
    );
    background-image: -ms-linear-gradient(
            top,
            #002B57 0%,
            #002434 100%
    );
    background-image: -o-linear-gradient(
            top,
            #002B57 0%,
            #002434 100%
    );
    background-image: linear-gradient(
            top,
            #002B57 0%,
            #002434 100%
    );
    border-spacing: 2px;
    box-shadow: rgba(9, 9, 40, 0.5) 0 0.5ex 1ex;
}
.form-metadata-wrapper .table-cell {
    background-color: rgba(251, 251, 251, 0.83);
}
.form-metadata-wrapper legend {
    background-color: #C5E7EC;
    border: 1px solid rgba(0, 0, 0, 0.5);
    line-height: 1.7;
    padding: 0 0.5ex 0.25ex 0.5ex;
}
.bridge_file_metadata_value,
.bridge_page_metadata_value {
    padding: 0.5ex 1ex 0.5ex 0.5ex;
}
.full-textarea {
    font-family: monospace, monospace;
    font-size: 14pt;
}
.bridge_page_rich_text_wrapper {
    margin: 1em 0;
}
.bridge_file_list_contents_row .pure-button,
.bridge_page_list_contents_row .pure-button {
    margin: 0 2px;
    padding: 4px 6px;
}
select .depth0 {
    font-style: italic;
    font-weight: bold;
}
select .depth1 {
    padding-left: 1em;
}
select .depth2 {
    padding-left: 2em;
}
select .depth3 {
    padding-left: 3em;
}
.ypad-0-5 {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.table-row {
    transition: background-color 0.25s;
}
#bridge_author_list,
#bridge_blog_list,
#bridge_blog_series_list,
#bridge_comments_list,
#bridge_crew_users_list,
#bridge_tag_list {
    border: 1px solid rgba(0, 0, 0, 0.75);
}
#bridge_author_list .table-cell,
#bridge_blog_list .table-cell,
#bridge_blog_series_list .table-cell,
#bridge_comments_list .table-cell,
#bridge_crew_users_list .table-cell,
#bridge_tag_list .table-cell {
    background-color: rgba(255, 255, 255, 0.1);
    border: 0 solid rgba(0, 0, 0, 0.5);
    border-top-width: 1px;
    padding: 2px;
}
#bridge_author_list .table-row:nth-child(2n),
#bridge_comments_list .table-row:nth-child(2n),
#bridge_crew_users_list .table-row:nth-child(2n),
#bridge_blog_list .table-row:nth-child(2n),
#bridge_blog_series_list .table-row:nth-child(2n),
#bridge_tag_list .table-row:nth-child(2n) {
    background-color: rgba(255, 255, 255, 0.1);
}
#bridge_author_list .table-row:hover,
#bridge_comments_list .table-row:hover,
#bridge_crew_users_list .table-row:hover,
#bridge_blog_list .table-row:hover,
#bridge_blog_series_list .table-row:hover,
#bridge_tag_list .table-row:hover {
    background-color: rgba(59, 79, 134, 0.2);
}
#bridge_author_list .table-header .table-cell,
#bridge_crew_users_list .table-header .table-cell,
#bridge_comments_list .table-header .table-cell,
#bridge_blog_list .table-header .table-cell,
#bridge_blog_series_list .table-header .table-cell,
#bridge_tag_list .table-header .table-cell {
    border: none;
    background-color: #002434;
    color: #EFEFEF;
    padding: 3px;
}
.icons-1, .icons-2, .icons-3 {
    text-align: center;
}
.icons-1 {
    width: 1.5em;
}
.icons-2 {
    width: 2.5em;
}
.icons-3 {
    width: 3.5em;
}
#new-tag-form {
    background-color: rgba(7, 9, 40, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.5);
    margin: 0 0 1em 0 !important;
    padding: 1ex;
}
.blog-comment-approved,
.blog-comment-not-approved {
    text-shadow: #000 0 1px 0;
}
.blog-comment-approved {
    color: #0a0;
}
.blog-comment-not-approved {
    color: #900;
}
#new-category-form {
    background-color: rgba(40, 40, 9, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.5);
    margin: 1em 0 1em 0 !important;
    padding: 1ex;
}
.file-button {
    color: #fff !important;
}
#bridge_files_list_forms {
    margin-top: 1em;
}
#bridge_files_upload_form a {
    color: #A8B5EF;
    cursor: pointer;
}
#bridge_files_upload_form a:hover {
    color: #EFEFEF;
}
#bridge_files_list_forms fieldset {
    background-color: rgba(7, 9, 40, 0.2);
    border-color: #122b40;
}
#bridge_files_list_forms fieldset legend {
    background-image: -webkit-linear-gradient(
            top,
            #002B57 0%,
            #002434 100%
    );
    background-image: -moz-linear-gradient(
            top,
            #002B57 0%,
            #002434 100%
    );
    background-image: -ms-linear-gradient(
            top,
            #002B57 0%,
            #002434 100%
    );
    background-image: -o-linear-gradient(
            top,
            #002B57 0%,
            #002434 100%
    );
    background-image: linear-gradient(
            top,
            #002B57 0%,
            #002434 100%
    );
    border: 1px solid #070928;
    color: #FFFFFF;
    padding: 1px 0.5ex;
    text-shadow: #003 1px 1px 0;
}
#bridge_files_list_forms fieldset legend i {
    margin-left: 1ex;
}
#bridge_files_upload_form {
    margin-top: 1em;
}
.cell-pad-left {
    padding-left: 0.5rem !important;
}
.cell-pad-right {
    padding-right: 1ex;
}
.table-btn-right {
    text-align: left;
    width: 1px;
}
.table-1-btn-left {
    padding: 0;
    text-align: justify;
    width: 3em;
}
.table-2-btn-left {
    padding: 0;
    text-align: justify;
    width: 6em;
}
.table-3-btn-left {
    padding: 0;
    text-align: justify;
    width: 9em;
}
.table-4-btn-left {
    padding: 0;
    text-align: justify;
    width: 12em;
}
.table-btn-left {
    padding: 0;
    text-align: justify;
    width: 12.5em;
}
.table-4-btn-left a + a,
.table-3-btn-left a + a,
.table-2-btn-left a + a,
.table-btn-left a + a {
    margin-left: 1px;
}
.table-4-btn-left .pure-button-primary,
.table-4-btn-left .pure-button-primary:hover,
.table-3-btn-left .pure-button-primary,
.table-3-btn-left .pure-button-primary:hover,
.table-2-btn-left .pure-button-primary,
.table-2-btn-left .pure-button-primary:hover,
.table-btn-left .pure-button-primary,
.table-btn-left .pure-button-primary:hover {
    color: #ffffff;
    text-shadow: #000 0 2px 2px;
}
#bridge_files_upload_form ul {
    list-style: none;
    padding: 0;
}
#bridge_files_upload_form ul li {
    background-color: rgba(7, 9, 40, 0.2);
    border: 1px solid #081022;
    padding: 1px;
}
#bridge_files_upload_form ul li + li {
    margin-top: 1ex;
}
#bridge_files_info_img_nav li {
    border-color: #000;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    border-radius: 0.66ex 0.66ex 0 0;
    display: inline-block;
    padding: 0.25ex 0.125ex 0 0.125ex;
    vertical-align: bottom;
}
#bridge_files_info_img_nav li.active {
    font-weight: bold;
}
#bridge_files_info_img_code {
    border: 1px solid #000;
    padding: 1ex;
    text-align: center;
}
.table-pad-1 {
    border-spacing: 1ex;
}
.form-move-fieldset {
    background-color: #A7ACE5;
    background-image: -webkit-linear-gradient(
            top,
            rgba(26, 39, 68, 0.5) 0%,
            rgba(8, 16, 35, 0.5) 100%
    );
    background-image: -moz-linear-gradient(
            top,
            rgba(26, 39, 68, 0.5) 0%,
            rgba(8, 16, 35, 0.5) 100%
    );
    background-image: -ms-linear-gradient(
            top,
            rgba(26, 39, 68, 0.5) 0%,
            rgba(8, 16, 35, 0.5) 100%
    );
    background-image: -o-linear-gradient(
            top,
            rgba(26, 39, 68, 0.5) 0%,
            rgba(8, 16, 35, 0.5) 100%
    );
    background-image: linear-gradient(
            top,
            rgba(26, 39, 68, 0.5) 0%,
            rgba(8, 16, 35, 0.5) 100%
    );
    border: 1px solid rgba(0, 0, 0, 0.5);
    margin: 1em 0;
    padding: 1em;
}
.form-move-fieldset legend {
    background-color: #A7ACE5;
    border: 1px solid rgba(0, 0, 0, 0.5);
    font-family: monospace;
    font-weight: bold;
    padding: 0.33ex 0.5ex;
}
.text-shadow {
    text-shadow: #000 1px 1px 1px;
}
.tall-select {
    min-height: 9em;
}
#perms-test-results {
    padding: 0.5rem;
}
#perm_test_results {
    background-color: #E2E4CB;
    border: 1px solid #000;
    box-shadow: rgba(14, 5, 40, 0.5) 0 0 1rem,  rgba(14, 5, 40, 0.66) 0 0.5rem 1rem;
}
.permtable_name {
    padding: 0.25em 0.25em 0.25em 0.25em;
}
.perm_row .depth_1 {
    padding-left: 1.50em;
}
.perm_row .depth_2 {
    padding-left: 2.75em;
}
.perm_row .depth_3 {
    padding-left: 4.00em;
}
.perm-admin,
.perm-on,
.perm-off {
    text-shadow: #000 1px 1px 1px;
}
.perm-inherits {
    text-shadow: #000 -1px 1px 1px;
}
.perm-admin {
    color: #66f;
}
.perm-on {
    color: #090;
}
.perm-off {
    color: #600;
}
.perm-inherits {
    color: #780;
}
#perm_test_tree {
    background-color: #FFEEBD;
    border: 1px solid #000;
}
#perm_test_tree th {
    background-color: #6A6046;
    color: #eee;
    border: 1px solid #000;
}
#perm_test_tree td {
    background-color: rgba(255, 255, 255, 0.66);
    border: 1px solid #000;
}
#perm_test_tree i {
    font-size: 1.5em;
}
.read_only .permtable_name {
    background-color: #F8DFA0 !important;
    white-space: nowrap;
    width: 1px;
}
.perm_header .read_only {
    background-color: #4A4026 !important;
}
#perms-test {
    border: 1px solid #000;
}
.test-cabin-list li {
    background-color: rgba(0, 0, 51, 0.1) !important;
    border: 1px solid #000;
    display: block;
    padding: 0.25ex;
}
.test-cabin-list li + li {
    margin-top: 0.5ex;
}
.perms_user_checkbox,
.perms_checkbox {
    display: none;
}
#perms_userlist {
    margin-top: 1em;
}
#perms_userlist,
#perm_edit_tree {
    background-image: -webkit-linear-gradient(
            top,
            #48400c 0%,
            #2f200f 100%
    );
    background-image: -moz-linear-gradient(
            top,
            #48400c 0%,
            #2f200f 100%
    );
    background-image: -ms-linear-gradient(
            top,
            #48400c 0%,
            #2f200f 100%
    );
    background-image: -o-linear-gradient(
            top,
            #48400c 0%,
            #2f200f 100%
    );
    background-image: linear-gradient(
            top,
            #48400c 0%,
            #2f200f 100%
    );
    border: 1px solid #000;
}
#perms_userlist th,
#perm_edit_tree th {
    color: #eee;
    border: 1px solid #000;
}
#perms_userlist td,
#perm_edit_tree td {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #000;
    transition: background-color 0.15s;
}
#perms_userlist td.permtable_on i,
#perms_userlist td.permtable_off i,
#perm_edit_tree td.permtable_on i,
#perm_edit_tree td.permtable_off i {
    cursor: pointer;
}
#perms_userlist .perm-admin,
#perm_edit_tree .perm-admin {
    text-shadow: #000 1px 1px 1px, #000 1px 1px 3px;
    color: #44f;
}
#perms_userlist .perm-on,
#perm_edit_tree .perm-on {
    text-shadow: #000 1px 1px 1px, #000 1px 1px 3px;
    color: #0F0;
}
#perms_userlist .perm-off,
#perm_edit_tree .perm-off {
    text-shadow: #000 1px 1px 1px, #000 1px 1px 3px;
    color: #F00;
}
#perms_userlist .perm-inherits,
#perm_edit_tree .perm-inherits {
    text-shadow: #000 -1px 1px 1px, #000 -1px 1px 3px;
    color: #FF0;
}
#perms_userlist td.permtable_admin:hover,
#perm_edit_tree td.permtable_admin:hover {
    background-color: #009;
}
#perms_userlist td.permtable_on:hover,
#perm_edit_tree td.permtable_on:hover {
    background-color: #373;
}
#perms_userlist td.permtable_inherits:hover,
#perm_edit_tree td.permtable_inherits:hover {
    background-color: #773;
}
#perms_userlist td.permtable_off:hover,
#perm_edit_tree td.permtable_off:hover {
    background-color: #900;
}
#perms_userlist td i,
#perm_edit_tree i {
    display: block;
    font-size: 1.75em;
}
.perm_row_user,
.perm_row_group {
    background-color: #7E6B03 !important;
    background-image: -webkit-linear-gradient(
        left,
        rgba(110, 115, 81, 0.83) 0%,
        rgba(23, 11, 4, 0.5) 100%
    );
    background-image: -moz-linear-gradient(
        left,
        rgba(110, 115, 81, 0.83) 0%,
        rgba(23, 11, 4, 0.5) 100%
    );
    background-image: -ms-linear-gradient(
        left,
        rgba(110, 115, 81, 0.83) 0%,
        rgba(23, 11, 4, 0.5) 100%
    );
    background-image: -o-linear-gradient(
        left,
        rgba(110, 115, 81, 0.83) 0%,
        rgba(23, 11, 4, 0.5) 100%
    );
    background-image: linear-gradient(
        left,
        rgba(110, 115, 81, 0.83) 0%,
        rgba(23, 11, 4, 0.5) 100%
    );
    color: #ddd;
    text-shadow: #000 1px 1px 1px;
    font-weight: bold;
    white-space: nowrap;
    width: 1px;
}
.perm_row_user {
    padding: 0.25em;
}
#newUserField {
    color: #111;
}
.table-label {
    white-space: nowrap;
}
.nomargin {
    margin: 0;
}
#blog_series_items_sortable {
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.5);
    display: block;
    list-style: none;
    padding: 0.25em 0;
}
#blog_series_items_sortable li {
    border: 1px solid #000;
    background-color: #253049;
    color: #fff;
    margin: 0.25em;
}
#blog_series_items_sortable li span {
    display: inline-block;
    padding: 0.33em;
}
#blog_series_items_sortable .delete_item {
    background-color: #77152C;
    color: #FFDCBD;
    display: inline-block;
    float: right;
    margin: 1px;
    padding: 0.25em 0.5em;
    text-shadow: #000 1px 1px 2px, #000 0 0 3px;
    transition: background-color 0.25s, color 0.25s;
}
#blog_series_items_sortable .delete_item:hover {
    background-color: #ff2020;
    cursor: pointer;
    color: #FFFFFF;
}
fieldset.preferences {
    border: 1px solid rgba(0, 0, 0, 0.5);
    margin: 1em 0;
    padding: 1ex;
}
fieldset.preferences > legend {
    padding: 0.1ex 0.5ex;
}
#category-name {
    margin: 0;
}
.sortheadlink {
    color: #E2E4FB !important;
    transition: color 0.3s;
}
.sortheadlink:hover {
    color: #FFDE84 !important;;
}
#cabin_accordion h3,
#admin_settings_accordion h3 {
    background-color: #242634;
    background-image: -webkit-linear-gradient(
            top,
            rgba(0, 0, 0, 0.05) 0%,
            rgba(255, 255, 255, 0) 10%,
            rgba(255, 255, 255, 0.05) 25%,
            rgba(0, 0, 0, 0.167) 100%
    );
    background-image: -moz-linear-gradient(
            top,
            rgba(0, 0, 0, 0.05) 0%,
            rgba(255, 255, 255, 0) 10%,
            rgba(255, 255, 255, 0.05) 25%,
            rgba(0, 0, 0, 0.167) 100%
    );
    background-image: -ms-linear-gradient(
            top,
            rgba(0, 0, 0, 0.05) 0%,
            rgba(255, 255, 255, 0) 10%,
            rgba(255, 255, 255, 0.05) 25%,
            rgba(0, 0, 0, 0.167) 100%
    );
    background-image: -o-linear-gradient(
            top,
            rgba(0, 0, 0, 0.05) 0%,
            rgba(255, 255, 255, 0) 10%,
            rgba(255, 255, 255, 0.05) 25%,
            rgba(0, 0, 0, 0.167) 100%
    );
    background-image: linear-gradient(
            top,
            rgba(0, 0, 0, 0.05) 0%,
            rgba(255, 255, 255, 0) 10%,
            rgba(255, 255, 255, 0.05) 25%,
            rgba(0, 0, 0, 0.167) 100%
    );
    border: 1px solid #000;
    color: #fff;
    margin: 0 !important;
    padding: 0.4rem;
}
#admin_settings_accordion h3,
#cabin_accordion h3:focus {
    outline: none;
}
#cabin_accordion h3 + div,
#admin_settings_accordion h3 + div {
    border: 1px solid rgba(0, 0, 0, 0.5);
    font-family: 'Open Sans', sans-serif;
    padding: 1.5em 1em 1em 1em;
    line-height: 1.7;
}
#cabin_accordion h3.ui-state-active,
#admin_settings_accordion h3.ui-state-active {
    background-color: #454550;
    border: 1px solid #000;
    text-shadow: #000 0 1px 1px, #000 0 1px 2px;
}
#cabin_accordion h3.ui-state-active + div,
#admin_settings_accordion h3.ui-state-active + div {
    color: #000;
}
#cabin_accordion h3 + div p,
#admin_settings_accordion h3 + div p {
    line-height: 1.5;
}
.table-min-width {
    width: 1px;
    white-space: nowrap;
}
.table-pad-right {
    padding-right: 0.5rem;
}
.table-pad-left {
    padding-left: 0.5rem;
}
.blog-comment-label {
    padding-top: 0.66ex;
}
.blog-comment-author-wrapper,
.blog-comment-captcha-wrapper,
.blog-comment-name-wrapper,
.blog-comment-email-wrapper,
.blog-comment-url-wrapper {
    padding: 0.5ex 0.5ex 0.5ex 1ex;
}
.blog-comment-textarea-wrapper {
    padding: 1ex;
}
.blog-comment-textarea {
    width: 100%;
    height: 10em;
}
#about-the-author {
    margin-bottom: 1ex;
}
#author_byline {
    display: block;
}
.icon-small {
    font-size: 80%;
}
.icon-small-2 {
    font-size: 65%;
}
.icon-small-3 {
    font-size: 50%;
}
.icon-small-4 {
    font-size: 35%;
}
.toolbar-dialog {
    margin-bottom: 1ex;
}
.toolbar-buttons {
    clear: both;
    display: block;
    font-size: 1.25rem;
    min-width: 526px;
    padding-left: 0.34ex;
    text-align: left;
}
.toolbar-buttons a.toolbar-btn {
    background-color: rgba(192, 192, 204, 0.6);
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 4px 4px 0 0;
    border-bottom-width: 0;
    color: #444;
    display: inline-block;
    margin: 0 0.25ex;
    padding: 0.25ex 0.5ex 0.25ex 0.5ex;
    text-align: center;
    transition: background-color 0.2s, color 0.2s;
    width: 1em;
}
.toolbar-buttons a.toolbar-btn:hover {
    background-color: rgba(240, 240, 248, 0.9);
    border-color: #000;
    color: #000;
}
.bridge_header_wrap {
    height: 42px;
}
#home_blog_posts {
    padding: 0 1em;
}
#custom-page {
    background-color: rgba(255, 255, 255, 0.25);
    padding: 1.33rem 2rem 1rem 2rem;
}
#after-fold + h1,
#after-fold + h2,
#after-fold + h3,
#after-fold + h4,
#after-fold + h5,
#after-fold + h6,
#blog-post-body p + h1,
#blog-post-body p + h2,
#blog-post-body p + h3,
#blog-post-body p + h4,
#blog-post-body p + h5,
#blog-post-body p + h6,
#custom-page p + h1,
#custom-page p + h2,
#custom-page p + h3,
#custom-page p + h4,
#custom-page p + h5,
#custom-page p + h6 {
    margin-top: 1em;
}
.ui-icon,
.ui-widget-header .ui-icon {
    background-image: url("/css/images/ui-icons_F8F8E0_256x240.png") !important;
}
#blog_post_delete_redirect_box {
    display: table;
    width: 100%;
}
#blog_post_delete_redirect_box label {
    display: table-cell;
    white-space: nowrap;
    padding-right: 1em;
    width: 1px;
}
#blog_post_delete_redirect_box .input-wrapper {
    display: table-cell;
}
#blog_post_delete_redirect_box .input-wrapper input {
    width: 100%;
}
#diff_output {
    background-color: #eee;
    border: 1px solid #333;
    font-family: monospace;
    margin: 1ex;
    padding: 1ex;
}
.diff_add {
    background-color: rgba(0, 192, 0, 0.15);
    color: #060;
}
.diff_del {
    background-color: rgba(192, 0, 0, 0.15);
    color: #c00;
}
.channel_wrapper {
    padding: 0.5ex 2.5ex;
}
.channel_wrapper table {
    border: 1px solid #000;
    border-collapse: collapse;
}
.channel_wrapper td,
.channel_wrapper th {
    border: 1px solid #000;
}
.channel_wrapper table thead > tr {
    background-color: #454545;
    color :#eee;
    font-weight: bold;
}
#bridge_author_users_list {
    background-image: -webkit-linear-gradient(
            left,
            rgba(110, 115, 81, 0.83) 0%,
            rgba(23, 11, 4, 0.5) 100%
    );
    background-image: -moz-linear-gradient(
            left,
            rgba(110, 115, 81, 0.83) 0%,
            rgba(23, 11, 4, 0.5) 100%
    );
    background-image: -ms-linear-gradient(
            left,
            rgba(110, 115, 81, 0.83) 0%,
            rgba(23, 11, 4, 0.5) 100%
    );
    background-image: -o-linear-gradient(
            left,
            rgba(110, 115, 81, 0.83) 0%,
            rgba(23, 11, 4, 0.5) 100%
    );
    background-image: linear-gradient(
            left,
            rgba(110, 115, 81, 0.83) 0%,
            rgba(23, 11, 4, 0.5) 100%
    );
    border: 1px solid #000;
    border-collapse: separate;
    border-spacing: 2px;
    margin: 1em;
}
#bridge_author_users_list th {
    background-color: #D0D0C8;
    padding: 0.5ex;
}
#bridge_author_users_list td {
    background-color: #E0E0D8;
    padding: 0.5ex 1ex;
}
.bottom-pad {
    padding-bottom: 0.5ex;
}
#bridge_redirects_for_cabin .table-header .table-cell {
    background-color: #210;
    color: #eee;
    font-weight: bold;
    padding: 0.5ex;
}
#bridge_redirects_for_cabin .table-body-row .table-cell {
    padding: 0.5ex;
}
#bridge_redirects_for_cabin .table-body-row:nth-child(2n+1) {
    background-color: rgba(51, 48, 0, 0.1);
}
#photo-selector-available {
    padding: 4px;
}
#photo-selector a {
    cursor: pointer;
}
#photo-selector-cabins a,
#photo-selector-contexts a {
    display: block;
    color: gold;
    padding: 4px;
    text-decoration: underline;
}
#photo-selector-cabins a.active,
#photo-selector-contexts a.active {
    color: #FFC;
    text-decoration: none;
}
#photo-selector-contexts .active {
    background-color: #3A2F02;
    cursor: default;
    font-weight: bold;
    padding: 8px 4px;
    text-shadow: #000 1px 1px 0;
}
#photo-selector-cabins .active {
    background-color: #303030;
    cursor: default;
    font-weight: bold;
    padding: 8px 4px;
    text-shadow: #000 1px 1px 0, #000 1px 1px 1px, #000 1px 1px 2px;
}
#photo-selector-cabins {
    background-image: -webkit-linear-gradient(
            top,
            rgba(127, 127, 127, 0.5) 0%,
            rgba(127, 127, 127, 0) 100%
    );
    background-image: -moz-linear-gradient(
            top,
            rgba(127, 127, 127, 0.5) 0%,
            rgba(127, 127, 127, 0) 100%
    );
    background-image: -ms-linear-gradient(
            top,
            rgba(127, 127, 127, 0.5) 0%,
            rgba(127, 127, 127, 0) 100%
    );
    background-image: -o-linear-gradient(
            top,
            rgba(127, 127, 127, 0.5) 0%,
            rgba(127, 127, 127, 0) 100%
    );
    background-image: linear-gradient(
            top,
            rgba(127, 127, 127, 0.5) 0%,
            rgba(127, 127, 127, 0) 100%
    );
    background-color: #000;
}
#photo-selector-contexts {
    background-image: -webkit-linear-gradient(
            top,
            rgba(204, 192, 127, 0.4) 0%,
            rgba(204, 192, 127, 0.2) 100%
    );
    background-image: -moz-linear-gradient(
            top,
            rgba(204, 192, 127, 0.4) 0%,
            rgba(204, 192, 127, 0.2) 100%
    );
    background-image: -ms-linear-gradient(
            top,
            rgba(204, 192, 127, 0.4) 0%,
            rgba(204, 192, 127, 0.2) 100%
    );
    background-image: -o-linear-gradient(
            top,
            rgba(204, 192, 127, 0.4) 0%,
            rgba(204, 192, 127, 0.2) 100%
    );
    background-image: linear-gradient(
            top,
            rgba(204, 192, 127, 0.4) 0%,
            rgba(204, 192, 127, 0.2) 100%
    );
    background-color: #000;
}
#photo-selector-current,
#photo-selector-selected {
    width: 50%;
}
#photo-selector-current img,
#photo-selector-selected img {
    max-width: calc(100% - 20px);
}
.author_photo {
    width: 150px;
    max-height: 200px;
}
.blog-comment-avatar {
    width: 100px;
    max-height: 100px;
}
#author-wrap {
    display: table;
    width: 100%;
}
.author_extra,
.author_photo_wrapper {
    display: table-cell;
}
.author_photo_wrapper {
    max-width: 150px;
}
.author_extra {
    width: 100%;
    vertical-align: top;
}
#author_byline,
.author_extra h4 {
    padding-left: 1ex;
}
.author_extra h4 {
    font-size: 16pt;
}
#author_bio {
    padding: 1ex 1.5rem;
}
#blog_comments_wrapper {
    background-color: rgba(255, 255, 255, 0.2);
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 1ex;
    margin: 1ex;
}
.blog-comment-avatar-container {
    padding: 1ex 0 0 1ex;
}
ol.blog_comment_child {
    list-style-type: none;
    padding: 0 0 0 2rem;
}
ol.blog_comments {
    list-style-type: none;
    padding: 0;
}
ol.blog_comments li {
    background-image: -webkit-linear-gradient(
            top,
            rgba(51, 51, 33, 0.25) 0%,
            rgba(0, 0, 0, 0.03) 100%
    );
    background-image: -moz-linear-gradient(
            top,
            rgba(51, 51, 33, 0.25) 0%,
            rgba(0, 0, 0, 0.03) 100%
    );
    background-image: -ms-linear-gradient(
            top,
            rgba(51, 51, 33, 0.25) 0%,
            rgba(0, 0, 0, 0.03) 100%
    );
    background-image: -o-linear-gradient(
            top,
            rgba(51, 51, 33, 0.25) 0%,
            rgba(0, 0, 0, 0.03) 100%
    );
    background-image: linear-gradient(
            top,
            rgba(51, 51, 33, 0.25) 0%,
            rgba(0, 0, 0, 0.03) 100%
    );
    padding: 0;
}
ol.blog_comments li a {
    color: #331d09;
    transition: color 0.25s;
}
ol.blog_comments li a:visited {
    color: #331d09;
}
ol.blog_comments li a:active,
ol.blog_comments li a:hover {
    color: #704114;
}
ol.blog_comments li + li,
ol.blog_comments li li {
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.25);
    border-width: 1px 0 0 0;
}
.blog-comment-meta {
    padding-right: 1em;
}
.blog-comment-table {
    display: table;
    width: 100%;
}
.blog-comment-table .table-cell {
    vertical-align: top;
}
.blog-comment-body {
    background-color: #e8eaed;
    border: 3px solid #333;
    border-radius: 1ex;
    box-shadow: rgba(0, 0, 0, 0.5) 0 0.5ex 0.25ex;
    margin: 1ex;
    min-height: 3em;
    padding: 0 1em;
    position: relative;
}
.blog-comment-body::before {
    border-color: transparent #333;
    border-style: solid;
    border-width: 12px 24px 12px 0;
    bottom: auto;
    content: "";
    display: block;
    left: -25px;
    position: absolute;
    top: 13px;
    width: 0;
}
.blog-comment-body::after {
    border-color: transparent #e8eaed;
    border-style: solid;
    border-width: 9px 21px 9px 0;
    bottom: auto;
    content: "";
    display: block;
    left: -21px;
    position: absolute;
    top: 16px;
    width: 0;
 }
.comment-link {
    float: right;
    margin-left: 1ex;
}
.reply-link {
    cursor: pointer;
    float: right;
    text-decoration: underline;
}
h2#about-the-author {
    margin: 1ex 0;
}
h2#comments {
    margin-top: 1ex;
}
.blog_tag_checkbox + label{
    padding-left: 0.5ex;
}
#skyport {
    border-radius: 1ex;
    box-shadow: rgba(0, 0, 0, 0.5) 0 0.5ex 1ex;
    display: table;
    width: 100%;
}
#skyport-left {
    background-color: #333;
    border-radius: 1ex 0 0 1ex;
    color: #fff;
    display: table-cell;
    padding: 1ex;
    width: 230px;
    vertical-align: top;
}
#skyport-main {
    background-color: #fff;
    border-radius: 0 1ex 1ex 0;
    display: table-cell;
    padding: 1em;
    vertical-align: top;
}
#skyport-left-menu a {
    color: #A8B5EF;
    cursor: pointer;
    transition: color 0.25s;
}
#skyport-left-menu a:hover {
    color: #fff;
}
#skyport-left-menu {
    list-style: none;
    padding: 0;
}
#skyport-left-menu ul {
    list-style: none;
    padding-left: 1em;
}
#skyport-search {
    color: #333;
}
.skyport-package-link {
    cursor: pointer;
}
.package-buttons {
    list-style: none;
    display: inline;
    padding: 0;
}
.package-buttons li {
    display: inline-block;
}
.pure-button-danger {
    color: #ff6666;
    transition: color 0.25s;
}
.pure-button-danger .fa {
    color: #ffe08c !important;
    transition: color 0.25s;
}
.pure-button-danger:hover {
    color: #ff0000;
}
.pure-button-danger:hover .fa {
    color: #ff9933 !important;
}
.database-inline {
    display: block;
    padding: 0;
}
.database-inline li {
    background-color: rgba(127, 127, 127, 0.1);
    border: 1px solid #555;
    display: inline-block;
    margin-right: 1em;
    padding: 1ex;
}
.database-inline li:nth-child(2n) {
    background-color: rgba(192, 192, 192, 0.1);
    border-color: #333;
}
#gadgets_list {
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.5);
    display: block;
    list-style: none;
    padding: 0.25em 0;
}
#gadgets_list li {
    border: 1px solid #000;
    background-color: #253049;
    color: #fff;
    margin: 0.25em;
}
#help-debug-info {
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.5);
    margin: 1ex;
    padding: 1ex;
}
.help-textarea {
    background-color: transparent;
    font-family: monospace, monospace;
    font-size: 11pt;
    min-height: 9.66em;
    min-width: 20em;
    max-width: 100%;
    width: calc(100% - 1em);
}
#database-form fieldset .table {
    line-height: 2;
}
#motif-config-form fieldset + fieldset,
#database-form fieldset + fieldset {
    margin-top: 1em;
}
.vertical-top {
    vertical-align: top;
}
#user-directory {
    background-image: -webkit-linear-gradient(
            top,
            rgb(170, 170, 170) 0%,
            rgb(220, 220, 220) 100%
    );
    background-image: -moz-linear-gradient(
            top,
            rgb(170, 170, 170) 0%,
            rgb(220, 220, 220) 100%
    );
    background-image: -ms-linear-gradient(
            top,
            rgb(170, 170, 170) 0%,
            rgb(220, 220, 220) 100%
    );
    background-image: -o-linear-gradient(
            top,
            rgb(170, 170, 170) 0%,
            rgb(220, 220, 220) 100%
    );
    background-image: linear-gradient(
            top,
            rgb(170, 170, 170) 0%,
            rgb(220, 220, 220) 100%
    );
    border: 1px solid #000;
    margin: 1ex;
}
#user-directory .table-cell {
    padding: 1ex;
}
#user-directory .table-row > .table-cell:first-child {
    padding-right: 1.5em;
}
#user-directory .table-header .table-cell {
    background-color: #333;
    border-style: solid;
    border-color: #000;
    border-width: 0 0 1px 0;
    font-size: 14pt;
    color: #eee;
    font-weight: bold;
    padding: 0.67ex;
}
#user-directory .table-row:nth-child(2n + 1) {
    background-color: rgba(255, 255, 255, 0.2);
}
.announce-dismiss {
    cursor: pointer;
}
#announcements {
    background-image: -webkit-linear-gradient(
            top,
            rgb(102, 102, 102) 0%,
            rgb(153, 153, 153) 100%
    );
    background-image: -moz-linear-gradient(
            top,
            rgb(102, 102, 102) 0%,
            rgb(153, 153, 153) 100%
    );
    background-image: -ms-linear-gradient(
            top,
            rgb(102, 102, 102) 0%,
            rgb(153, 153, 153) 100%
    );
    background-image: -o-linear-gradient(
            top,
            rgb(102, 102, 102) 0%,
            rgb(153, 153, 153) 100%
    );
    background-image: linear-gradient(
            top,
            rgb(102, 102, 102) 0%,
            rgb(153, 153, 153) 100%
    );
    border: 1px solid #000;
    margin: 0 1ex 1ex 1ex;
    padding: 0.34ex;
}
.announcement {
    border: 1px solid rgba(0, 0, 0, 0.5);
    background-color: rgba(255, 255, 255, 0.85);
}
.announcement + .announcement {
    margin-top: 0.34ex;
}
.announcement h3 {
    background-color: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.5);
    border-style: solid;
    border-width: 0 0 1px 0;
    padding: 0.5ex;
}
.announcement h3 a {
    font-size: 12pt;
    padding-left: 1ex;
}
.announce-body {
    padding: 1ex;
}
.log-textarea {
    background-color: rgba(255, 255, 255, 0.25);
    font-family: monospace;
    font-size: 10pt;
    height: 10rem;
    min-width: 20em;
    max-width: 100%;
    width: calc(100% - 1em);
}
#bridge_greeting_right {
    padding: 16px 0.66rem 0 0;
    float: right;
}
#two-factor-options {
    margin-bottom: 0.5rem;
}
a.bridge-left-active {
    color: #7d8ff5 !important;
}
a.bridge-left-active .bridge-icon {
    color: #CCD1E1 !important;
}
a.bridge-left-active:hover {
    color: #5971f7 !important;
}
a.bridge-left-active:hover .bridge-icon {
    color: #fff !important;
}
.multiline_checkbox_container {
    margin: 0;
    border: none;
    border-spacing: 0;
    padding: 0;
}
.multiline_checkbox {
    display: table-row;
}
.multiline_checkbox input[type=checkbox] {
    display: table-cell;
}
.multiline_checkbox input[type=checkbox] + label {
    display: table-cell;
    padding-left: 1ex;
}
.lineheight-medium,
.lineheight-medium fieldset,
.lineheight-medium .table-cell {
    line-height: 2.1 !important;
}
.lineheight-medium fieldset > legend {
    padding-left: 1ex;
    padding-right: 1ex;
}
.ui-accordion-header-icon {
    margin-right: 0.5ex;
}
.airship-form input[type=text],
.airship-form input[type=password],
.airship-form select {
    padding: 0.7ex;
}
.airship-form textarea {
    line-height: 1.1;
    padding: 1ex;
}
.color-input {
    width: 3em;
}
#bridge_blog_categories,
#group-tree {
    border-radius: 0.25rem;
    box-shadow: #000 0 1px 3px;
    margin: 0.5rem 1rem;
    padding: 0.2rem !important;
}
#bridge_blog_category_tree,
#bridge_blog_category_tree ul,
#group-tree,
#group-tree ul {
    background-image: -webkit-linear-gradient(
            left,
            rgba(0, 0, 0, 0.16) 0%,
            rgba(0, 0, 0, 0.05) 100%
    );
    background-image: -moz-linear-gradient(
            left,
            rgba(0, 0, 0, 0.16) 0%,
            rgba(0, 0, 0, 0.05) 100%
    );
    background-image: -ms-linear-gradient(
            left,
            rgba(0, 0, 0, 0.16) 0%,
            rgba(0, 0, 0, 0.05) 100%
    );
    background-image: -o-linear-gradient(
            left,
            rgba(0, 0, 0, 0.16) 0%,
            rgba(0, 0, 0, 0.05) 100%
    );
    background-image: linear-gradient(
            left,
            rgba(0, 0, 0, 0.16) 0%,
            rgba(0, 0, 0, 0.05) 100%
    );
    list-style: none;
}
#bridge_blog_category_tree ul {
    margin-top: 0.2rem !important;
}
#bridge_blog_category_tree ul,
#group-tree ul {
    margin-left: 3.1rem;
    padding-left: 0.1rem;
}
#bridge_blog_category_tree li,
#group-tree li {
    padding: 0.2rem;
}
#bridge_blog_category_tree li + li,
#group-tree li + li {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #eee;
}
#bridge_blog_category_tree,
#bridge_blog_category_tree > ul {
    padding-left: 0;
}
#bridge_blog_category_tree a + a {
    margin-left: 0.5ex;
}
.icon-1px-right {
    margin-right: 1px;
}
#remember-me-checkbox-container {
    padding-bottom: 1ex;
}
#remember-me-checkbox-container input[type=checkbox] {
    vertical-align: middle;
    margin-top: -5px;
}
#remember-me-checkbox-container label {
    padding-left: 0.25ex;
}
.login-form-wrapper label {
    font-size: 120%;
}
.login-form-wrapper input + label {
    margin-top: 1rem;
}
#bridge-home-greeting {
    margin-bottom: 1ex;
    padding: 0 1rem;
}
#bridge-home-stats {
    padding-left: 1rem;
}
.bridge-home-stat {
    font-family: monospace;
    font-size: 12pt;
    padding-left: 1rem;
}
.bridge-list-actions {
    list-style: none;
    padding-left: 1rem;
}
.bridge-list-actions li + li {
    padding-top: 0.25rem;
}
.bridge-home-header {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
 |