@import "normalize.css";

/**
 * To use Google-hosted versions, use the following instead of @font-face
 * definitions below.
 *
 * @import "https://fonts.googleapis.com/css?family=Oxygen";
 * @import "https://fonts.googleapis.com/css?family=Oswald:400";
 *
 * We use locally-stored copies to avoid slowdowns in places like mainland
 * China, where all access to Google is really slow.
 */
@font-face {
    font-family: 'oswald';
    src: url('/fonts/oswald-regular-webfont.eot');
    src: url('/fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/oswald-regular-webfont.woff2') format('woff2'),
         url('/fonts/oswald-regular-webfont.woff') format('woff'),
         url('/fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('/fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oxygen';
    src: url('/fonts/oxygen-regular-webfont.eot');
    src: url('/fonts/oxygen-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/oxygen-regular-webfont.woff2') format('woff2'),
         url('/fonts/oxygen-regular-webfont.woff') format('woff'),
         url('/fonts/oxygen-regular-webfont.ttf') format('truetype'),
         url('/fonts/oxygen-regular-webfont.svg#oxygenregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    scroll-behavior: smooth;
}
body {
    font-family: oxygen,sans-serif !important;
    background: #E3F0ED !important;
    color: #33290A !important;
    font-size: 16px !important;
}

#banner {
    text-align: center;
    background: #FFFFFF;
    margin: 0em auto;
    padding: 1em;
    width: 50em;
    border: thin solid;
    border-color: #CFDDDA #B8CCC8 #9FBBB5;
    box-shadow: 0 0.1em 0.3em #B8CCC8;
    border-bottom-right-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    min-height: 130px;
}

#img-banner {
    width: 128px;
    height: 128px;
    background-image: url('/img/anablock-logo-512px.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
    border-radius: 8px;
}
#banner h1 {
    margin: 28px 0 47px .05em;
    text-shadow: 3px 3px 0 #EEF8F4;
    font-size: 36px;
    line-height: 40px;
}
#banner h1 > a {
    color: #2C1D00;
    transition: none;
}
#banner ul {
    padding: 0;
    margin: 0;
    font-size: 1.1em;
    font-weight: bold;
    list-style: none;
}
#banner li {
    display: inline;
    padding: 0 0.5em;
}
#banner li > a {
    color: #23B392;
    white-space: nowrap;
    font-size: 90%;
}
#banner li > a:hover {
        color: #004C00;
}
#banner li > a:active {
        color: #004C3D;
}

h1, h2, h3, h4, h5, h6 {
    font-family: oswald,helvetica,sans-serif;
}

a {
    color: #3357D6;
    text-decoration: none;
    transition: color 0.25s;
}

a:visited {
    color: #865796;
    text-decoration: none;
}

a:hover,
a:active {
    color: #23B392;
    text-decoration: none;
}

abbr[title] {
    border: none;
}

hr {
    border: none;
}

#apitype {
    float: left;
    width: 570px;
    margin: 0px 10px 10px 10px;
}
#apitype th {
    text-align: left;
    font-weight: bold;
    /*border-bottom: 1px dashed #999;*/
}
#apitype th.tc3, #apitype td.tv3 {
    text-align: right;
}

#blockframe {
    float: right;
    background: #FFD133;
    box-shadow: -0.1em -0.3em 0.5em #B39223 inset;
    color: #4C3D00;
    border-radius: 0.5em;
    margin: 0px 10px 10px 10px;
}
#blockframe td {
    text-align: right;
    vertical-align: top;
}
#blocked_label {
    font-size: 1.25em;
    padding: 0.75em 1.25em .3em 0;
}
/*
#latest_button {
    padding: 0 0 0.75em 0;
}
#latest_button > a {
    display: block;
}
#latest_button img {
    vertical-align: middle;
    padding-right: 1.25em;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
*/
#blocked_counter {
    font-size: 2.75em;
    font-weight: bold;
    padding: 10px 20px 20px 20px;
    min-width: 2em;
}
#blocked_counter > a {
    color: #4C3D00;
    display: block;
    text-align: right;
}

#table_orders {
    clear:both;
    width: 100%;
    margin-bottom: 0.25em;
}
#table_orders tr:nth-child(2n+1) {
    background-color: #F1F7F6;
}

#table_orders th.tc1, #table_orders td.tv1 {
    text-align: left;
}
#table_orders th.tc2, #table_orders td.tv2 {
    text-align: center;
}
#table_orders th.tc3, #table_orders td.tv3 {
    text-align: center;
}
#table_orders th.tc4, #table_orders td.tv4 {
    text-align: center;
}
#table_orders th.tc5, #table_orders td.tv5 {
    text-align: center;
}


#table_files {
    clear:both;
    width: 100%;
    margin-bottom: 0.25em;
}
#table_files tr:nth-child(2n+1) {
    background-color: #F1F7F6;
}

#table_files th.tc1, #table_files td.tv1 {
    text-align: left;
}
#table_files th.tc2, #table_files td.tv2 {
    text-align: center;
}
#table_files th.tc3, #table_files td.tv3 {
    text-align: center;
}
#table_files th.tc4, #table_files td.tv4 {
    text-align: center;
}
#table_files th.tc5, #table_files td.tv5 {
    text-align: center;
}


.post-info {
    float: right;
    text-align: center;
    background: #E3F0ED;
    color: #827A5E;
    border: thin solid #CCC8B8;
    box-shadow: 0 0.1em 0.2em #CCC8B8 inset;
    border-radius: 0.5em;
    padding: 0.5em 1em;
    margin: 0 0 1em 1em;
    font-size: 80%;
}
.post-info p {
    margin: 0.25em 0 0;
}
#featured .post-info {
    margin-top: 1.25em;
}

.literal-block {
    background: #f3f3f3;
    border: thin solid #ccc;
    border-radius: 0.3em;
    padding: 0.5em;
    font-size: 90%;
}

#featured, #content {
    background: #FFFFFF;
    margin: 1.5em auto;
    padding: 1.85em 1em;
    width: 50em;
    border: thin solid;

    border-color: #CFDDDA #B8CCC8 #9FBBB5;
    box-shadow: 0 0.1em 0.3em #B8CCC8;

    /*
    border-color: #DDDACF #CCC8B8 #BBB59F;
    box-shadow: 0 0.1em 0.3em #CCC8B8;
    */
    border-radius: 0.5em;

    min-height: 180px;
}


article h1 {
    color: #33290A;
    margin: 0 0 .9em 0;
}
article h1 > a {
    color: #33290A !important;
    transition: none;
}

table.docutils {
    margin: 0 auto;
    width: 80%;
}
table.docutils > caption {
    margin: 0.5em 0;
    text-align: left;
    font-weight: bold;
}

a.readmore {
    font-style: italic;
    color: #6A84E0;
}
a.readmore:hover,
a.readmore:active {
    color: #B39F5C;
}

#content > h1 {
    text-align: center;
    margin: 0 0 1em;
}

.paginator {
    text-align: center;
    color: #9e9678;
    margin: 0;
}

#posts-list {
    list-style: none;
    padding: 0;
}
#posts-list > li {
    border-bottom: medium dotted #E3F0ED;
    padding-bottom: 1em;
    margin-top: 1em;
}
#posts-list > li:last-child {
    border: none;
}

#extras {
    margin: 1.5em auto;
    width: 52em;
}
#extras > div {
    background: #FFFFFF;
    border: thin solid;
    border-color: #CFDDDA #B8CCC8 #9FBBB5;
    box-shadow: 0 0.1em 0.3em #B8CCC8;
    border-radius: 0.5em;
    height: 8.5em;
}
#extras > .blogroll {
    float: left;
    width: 34em;
    padding: .5em 1em 0 1em;
}
#extras > .blogroll li {
    width: 33%;
    float: left;
}
#extras > .social {
    float: right;
    width: 12em;
    padding: .5em 1em 0 1em;
}
#extras h2 {
    margin: 0.5em 0 1em 0;
}
#extras ul {
    list-style: none;
    padding: 0;
}

#contentinfo {
    clear: both;
    text-align: center;
    color: #827A5E;
    margin: 2em auto;
    padding-top: 3.5em;
    width: 53em;
}
#about {
    font-size: 80%;
}
#friends {
    margin-top: 1.5em;
}
#friends a {
    font-size: 80%;
}
#friends img {
    vertical-align: middle;
    margin: 0 0.5em;
}
img.align-left {
    float: left;
    padding: 0 1em 0 0;
}
dt {
    font-weight: bold;
}


.terminal {
    color: #0f0;
    background-color: #111;
    margin: 0px 5px 0px 5px;
    padding: 5px;
}

.terminal, .terminal_title {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-family: Consolas,monospace;
    border-left: 7px solid #666;
    font-size: 14px;
}

.codeline, .codereturn, .editor_body, .editor_title {
    color: #000;
    background-color: #eee;
    margin: 0px 5px 0px 5px;
    padding: 5px;
    font-size: 14px;
}
.codereturn {
    color: #333;
    background-color: #f3f8f8;
    margin: 0px 5px 0px 5px;
    padding: 5px;
    font-size: 14px;
}

.editor_title, .editor_body {
    border-left: 7px solid #666;
}
.editor_title {
    background-color: #026;
    color: #fff;
}
.editor_body {
    background-color: #039;
    color: #fff;
}
.editor_filename {
    color: #eee;
    background-color: #013;
    display: inline-block;
    padding: 1px 8px;
    border-radius: 9px;
}


.btn-1 {
    width: 200px;
    appearance: none;
    background-color: #44b678;
    border: none;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;

    font-family: Inter, Helvetica Neue, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;

    font-size: 20px;
    line-height: 30px;
    padding: 20px;

    text-decoration: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    outline: none;
}

.btn-1 span {
    display: inline-block;
    color: #fff;
}





div.login_frame input {
    width: 300px !important;
    margin-right: 0px !important;
    margin-bottom: 20px;
    height: 32px !important;
    padding: 5px 15px 4px 44px !important;
    border: 1px solid #d2d3d4 !important;
    border-top-color: #bebfc0 !important;
    border-radius: 5px !important;
    outline: none !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 4px 5px -5px rgba(0, 0, 0, 0.3) !important;
    font-size: 22px !important;
    color: #444 !important;
    font-family: "DroidSansRegular", Arial, Helvetica, sans-serif !important;
}
div.login_frame label, div.login_frame input {
    font-family: "ProximaNovaThin", Arial, Verdana, sans-serif;
    width: 382px;
    clear: both;
    display: block;
}
.uform_inputbox.uform_input_web .uform_inputbox_icon {
    background-position: 10px 12px !important;
}