/********** PureAion MyBB Theme Alignment **********/

body {
    background: #000 url(../../../images/carousel-1.jpg) no-repeat center top fixed !important;
    background-size: cover !important;
    color: #e0e0e0 !important;
    text-align: center;
    line-height: 1.4;
    margin: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    overflow-y: scroll;
}

/* --- AKCENTY KOLORSTYCZNE LINKÓW (#35c3ef) --- */
a:link {
    color: #35c3ef;
    text-decoration: none;
}

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

a:hover,
a:active {
    color: #2bb0da;
    text-decoration: underline;
}

#container {
    color: #eee;
    text-align: left;
    line-height: 1.4;
    margin: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    min-width: 990px;
}

.wrapper {
    width: 85%;
    min-width: 970px;
    max-width: 1500px;
    margin: auto auto;
}

#logo {
    background: rgba(15, 15, 15, 0.92) !important;
    padding: 10px 0;
    border-bottom: 2px solid #35c3ef !important;
}

#content {
    background: rgba(15, 15, 15, 0.88) !important;
    width: auto !important;
    padding: 20px 10px;
    overflow: hidden;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
}

#header ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#header ul.menu li {
    margin: 0 7px;
    display: inline;
}

#header ul.menu li a {
    padding-left: 20px;
    background-image: url(../../../images/headerlinks_sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 16px;
}

#logo ul.top_links {
    font-weight: bold;
    text-align: right;
    margin: -10px 5px 0 0;
}

#logo ul.top_links a.search { background-position: 0 0; }
#logo ul.top_links a.memberlist { background-position: 0 -20px; }
#logo ul.top_links a.calendar { background-position: 0 -40px; }
#logo ul.top_links a.help { background-position: 0 -60px; }
#logo ul.top_links a.portal { background-position: 0 -180px; }

#panel .upper a.logout {
    font-weight: bold;
    background: url(../../../images/headerlinks_sprite.png) right -80px no-repeat;
    padding-right: 20px;
    margin-left: 10px;
}

#panel .upper a.login,
#panel .upper a.lost_password {
    background: url(../../../images/headerlinks_sprite.png) 0 -100px no-repeat;
    padding-left: 20px;
    margin-left: 10px;
    font-weight: bold;
}

#panel .upper a.register {
    background: url(../../../images/headerlinks_sprite.png) right -80px no-repeat;
    padding-right: 20px;
    margin-left: 10px;
    font-weight: bold;
}

#panel .lower ul.panel_links { float: left; }
#panel .lower ul.panel_links a.usercp { background-position: 0 -120px; }
#panel .lower ul.panel_links a.modcp { background-position: 0 -140px; }
#panel .lower ul.panel_links a.admincp { background-position: 0 -160px; }
#panel .lower ul.user_links { float: right; }
#panel .lower ul.user_links li a { padding: 0; background-image: none; }

#panel .upper {
    background: #0f0f0f;
    color: #fff;
    border-top: 1px solid #222;
    border-bottom: 2px solid #35c3ef;
    padding: 7px;
    clear: both;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
    color: #fff;
}

#panel .lower {
    background: rgba(20, 20, 20, 0.9);
    color: #999;
    border-top: 1px solid #333;
    border-bottom: 1px solid #111;
    padding: 5px;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
    color: #aaa;
}

#search {
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    vertical-align: middle;
}

#search input.button,
#search input.textbox {
    border-color: #000;
}

#search input.button {
    background: #35c3ef;
    color: #fff;
    font-weight: bold;
}

#search input {
    margin: -3px 0;
}

#quick_login .remember_me input {
    vertical-align: middle;
    margin: -3px 0 0 5px;
}

#footer {
    clear: both;
}

#footer ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer ul.menu li {
    margin: 0 5px;
    display: inline;
}

#footer .upper {
    background: rgba(15, 15, 15, 0.9);
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 6px;
    font-size: 12px;
    overflow: hidden;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
    color: #aaa;
}

#footer .upper .language,
#footer .upper .theme {
    float: right;
    margin: -1px;
    margin-left: 15px;
}

#footer .upper .language select,
#footer .upper .theme select {
    border-color: #333;
    background: #222;
    color: #ccc;
}

#footer .upper ul.bottom_links {
    float: left;
    margin: 4px 0 0 0;
}

#footer .lower {
    color: #888;
    padding: 6px 6px 12px 6px;
    overflow: hidden;
    font-size: 11px;
}

#footer .lower a:link,
#footer .lower a:visited {
    color: #ccc;
    font-weight: bold;
}

#footer .lower a:hover,
#footer .lower a:active {
    color: #35c3ef;
    text-decoration: underline;
    font-weight: bold;
}

#footer .lower #current_time {
    float: right;
    color: #888;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 20px;
    font-size: 11px;
}

.scaleimages img { max-width: 100%; }

.forum_status {
    height: 30px;
    width: 30px;
    background: url(../../../images/forum_icon_sprite.png) no-repeat 0 0;
    display: inline-block;
}

.forum_on { background-position: 0 0; }
.forum_off { background-position: 0 -30px; }
.forum_offclose { background-position: 0 -60px; }
.forum_offlink { background-position: 0 -90px; }

.subforumicon {
    height: 10px;
    width: 10px;
    display: inline-block;
    margin: 0 5px;
    background: url(../../../images/mini_status_sprite.png) no-repeat 0 0;
}

.subforum_minion { background-position: 0 0; }
.subforum_minioff { background-position: 0 -10px; }
.subforum_minioffclose { background-position: 0 -20px; }
.subforum_miniofflink { background-position: 0 -30px; }

table {
    color: #eee !important;
    font-size: 13px;
}

.tborder {
    background: #000 !important;
    width: 100%;
    margin: auto auto;
    border: 1px solid #222 !important;
    padding: 1px;
}

.tfixed {
    table-layout: fixed;
    word-wrap: break-word;
}

/* --- CIEMNY NAGŁÓWEK TABEL (THEAD) Z AKCENTEM BŁĘKITU --- */
.thead {
    background: #0f0f0f !important;
    color: #ffffff !important;
    border-bottom: 2px solid #35c3ef !important;
    padding: 8px;
    font-weight: bold;
}

.thead a:link,
.thead a:visited {
    color: #ffffff !important;
    text-decoration: none;
}

.thead a:hover,
.thead a:active {
    color: #35c3ef !important;
    text-decoration: underline;
}

.tcat {
    background: #151515 !important;
    color: #fff !important;
    border-top: 1px solid #333 !important;
    border-bottom: 1px solid #000 !important;
    padding: 6px;
    font-size: 12px;
}

.tcat a:link,
.tcat a:visited { color: #fff !important; }
.tcat a:hover,
.tcat a:active { color: #35c3ef !important; }

/* CIEMNE WIERSZE TABELI (ZAMIAST BIAŁYCH) */
.trow1 {
    background: rgba(25, 25, 25, 0.85) !important;
    color: #ccc !important;
    border: 1px solid #2a2a2a !important;
}

.trow2 {
    background: rgba(18, 18, 18, 0.85) !important;
    color: #ccc !important;
    border: 1px solid #2a2a2a !important;
}

.trow_shaded {
    background: rgba(60, 20, 20, 0.85) !important;
    border: 1px solid #4a2a2a !important;
}

.no_bottom_border { border-bottom: 0; }
.post.unapproved_post { background: rgba(60, 20, 20, 0.85) !important; }
.thread_start_datetime { color: #888; }
.post.unapproved_post .post_author { border-bottom-color: #ffb8be; }
.post.classic.unapproved_post .post_author { border-color: #ffb8be; }
.post.unapproved_post .post_controls { border-top-color: #ffb8be; }
.trow_deleted, .post.deleted_post { background: #2a1f3d !important; }

.trow_selected,
tr.trow_selected td {
    background: #3a3318 !important;
    color: #fff !important;
    border-right-color: #776822 !important;
    border-bottom-color: #776822 !important;
}

.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active { color: #fff !important; }

.trow_sep {
    background: #222 !important;
    color: #eee !important;
    border-bottom: 1px solid #333 !important;
    padding: 6px;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    border-top: 1px solid #222 !important;
    padding: 6px;
    background: #111 !important;
    color: #888 !important;
}

.tfoot a:link, .tfoot a:visited { color: #aaa !important; text-decoration: none; }
.tfoot a:hover, .tfoot a:active { color: #35c3ef !important; text-decoration: underline; }

.thead input.textbox,
.thead select {
    border: 1px solid #35c3ef;
}

.bottommenu {
    background: #151515 !important;
    color: #eee !important;
    border: 1px solid #35c3ef !important;
    padding: 10px;
}

.navigation {
    color: #eee !important;
    font-size: 12px;
}

.navigation a:link, .navigation a:visited { text-decoration: none; color: #35c3ef !important; }
.navigation a:hover, .navigation a:active { text-decoration: underline; }
.navigation .active { color: #fff !important; font-size: small; font-weight: bold; }

.smalltext { font-size: 11px; }
.largetext { font-size: 16px; font-weight: bold; }

fieldset {
    padding: 12px;
    border: 1px solid #333 !important;
    margin: 0;
}

fieldset.trow1, fieldset.trow2 { border-color: #333 !important; }
fieldset.align_right { text-align: right; }

input.textbox {
    background: #1a1a1a !important;
    color: #fff !important;
    border: 1px solid #333 !important;
    padding: 3px;
    outline: 0;
    font-size: 13px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

input.textbox.portal_search { width: 68%; }

textarea, select {
    background: #1a1a1a !important;
    color: #fff !important;
    border: 1px solid #333 !important;
    padding: 3px;
    outline: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

/* --- PRZYCISKI W PIENKU #35c3ef I PRZYCISKI DLA FORUM --- */
button,
input.button {
    padding: 4px 10px;
    cursor: pointer;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    background: #35c3ef !important;
    border: 1px solid #2bb0da !important;
    color: #fff !important;
    font-weight: 600;
    outline: 0;
    border-radius: 3px;
    transition: background 0.2s ease;
}

button:hover,
input.button:hover {
    background: #2bb0da !important;
    border-color: #1e9ac2 !important;
}

form { margin: 0; padding: 0; }

input.error, textarea.error, select.error { border: 1px solid #f30; color: #f30; }
input.valid, textarea.valid, select.valid { border: 1px solid #0c0; }

label.error {
    color: #f30;
    margin: 5px;
    padding: 0px;
    display: block;
    font-weight: bold;
    font-size: 11px;
}

form #message { width: 500px; }

.editor, .editor_control_bar, .popup_menu {
    background: #151515 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
}

.post .editor_control_bar { background: #222 !important; }

.popup_menu .popup_item {
    background: #1a1a1a !important;
    color: #ccc !important;
}

.popup_menu .popup_item:hover {
    background: #35c3ef !important;
    color: #fff !important;
}

.trow_reputation_positive { background: #1b3a1b !important; }
.trow_reputation_negative { background: #3a1b1b !important; }
.reputation_positive { color: #4CAF50; }
.reputation_neutral { color: #aaa; }
.reputation_negative { color: #F44336; }

.repbox { font-size:16px; font-weight: bold; padding:5px 7px; }
._neutral { background-color:#222; color: #aaa; border:1px solid #444; }
._minus { background-color: #4a1c1c; color: #ff8888; border:1px solid #772222; }
._plus { background-color:#1c4a1c; color: #88ff88; border:1px solid #227722; }

img { border: none; }
img.attachment { border: 1px solid #333; padding: 2px; }
hr { background-color: #333; color: #333; height: 1px; border: 0; }

.clear { clear: both; }
.float_left { float: left; }
.float_right { float: right; }

.hidden { display: none; float: none; width: 1%; }
.hiddenrow { display: none; }

.selectall {
    background: #3a3318 !important;
    border-bottom: 1px solid #776822 !important;
    color: #fff !important;
    text-align: center;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
}

.tcat_menu > .expcolimage { margin-top: 0; }

blockquote, .codeblock {
    border: 1px solid #333 !important;
    margin: 0;
    background: #111 !important;
    color: #ddd !important;
    padding: 10px;
}

blockquote cite, .codeblock .title {
    font-weight: bold;
    border-bottom: 1px solid #333 !important;
    font-style: normal;
    display: block;
    padding-bottom: 3px;
    margin: 0 0 10px 0;
}

blockquote cite > span {
    float: right;
    font-weight: normal;
    font-size: 12px;
    color: #888;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
    white-space: pre;
    tab-size: 4;
}

.smilie { vertical-align: middle; }
.smilie_pointer { cursor: pointer; }

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

.popup_menu .popup_item_container { margin: 1px; text-align: left; }
.popup_menu .popup_item { display: block; padding: 4px; white-space: nowrap; text-decoration: none; }
.popup_menu a.popup_item:hover { text-decoration: none; }

.subject_new { font-weight: bold; }
.highlight { background: #4a4018 !important; padding-top: 3px; padding-bottom: 3px; }

.pm_alert {
    background: #3a3318 !important;
    border: 1px solid #776822 !important;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
    color: #fff !important;
}

.red_alert {
    background: #4a1c1c !important;
    border: 1px solid #772222 !important;
    color: #ffaaaa !important;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
    word-wrap: break-word;
}

.red_alert a:link, .red_alert a:visited, .red_alert a:hover, .red_alert a:active { color: #ffaaaa !important; }

.high_warning { color: #FF5252; }
.moderate_warning { color: #FF9800; }
.low_warning { color: #FFC107; }

.online { color: #4CAF50; }
.offline { color: #888888; }

div.error {
    padding: 5px 10px;
    border: 2px solid #776822;
    background: #3a3318;
    color: #fff;
    font-size: 12px;
}

div.error p { margin: 0; color: #fff; font-weight: normal; }
div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #ff8888;
    background: url(../../../images/error.png) no-repeat 0;
}

.pagination { font-size: 11px; padding-top: 10px; margin-bottom: 5px; }
.tfoot .pagination, .tcat .pagination { padding-top: 0; }
.pagination .pages { font-weight: bold; }
.pagination .pagination_current, .pagination a { padding: 3px 6px; margin-bottom: 3px; }
.pagination a { background: #222 !important; border: 1px solid #444 !important; color: #ccc !important; }
.pagination .pagination_current { background: none; color: #fff !important; border: none; font-weight: bold; }

/* Paginacja w kolorze strony głównej */
.pagination a:hover {
    background: #35c3ef !important;
    color: #fff !important;
    border-color: #2bb0da !important;
    text-decoration: none;
}

#posts_container { padding: 0; }
.post { overflow: hidden; }
.post.classic { padding-top: 15px; }

.post .post_author {
    border-bottom: 1px solid #333;
    border-top: 2px solid #35c3ef;
    background: #181818 !important;
    color: #eee !important;
    padding: 5px;
    overflow: hidden;
}

.post.classic .post_author {
    border: 1px solid #333 !important;
    float: left;
    width: 15%;
    margin: 0 1% 15px 0;
    border-left: 0;
    padding: 5px 1%;
}

.post .post_author div.author_avatar img {
    padding: 5px;
    border: 1px solid #333;
    background: #111;
}

.post_body { font-size: 14px; padding: 12px 0; color: #ddd !important; }

.post.classic .post_content {
    float: left;
    width: 79%;
    padding: 0 1% 5px 1%;
}

.post_content { padding: 9px 10px 5px 10px; }
.post_content .signature { margin-top: 5px; border-top: 1px dotted #444; padding: 10px 0 4px 0; color: #888; }

.post_controls {
    clear: both;
    background: #151515 !important;
    border-bottom: 1px solid #333 !important;
    padding: 5px;
    overflow: hidden;
}

/* Przycisk akcji (Nowy Wątek / Odpowiedz) w stylistyce witryny */
a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
    background: #0f0f0f !important;
    color: #fff !important;
    display: inline-block;
    padding: 5px 10px;
    margin: 2px 2px 6px 2px;
    border: 1px solid #35c3ef !important;
    font-size: 13px;
    font-weight: bold;
    border-radius: 4px;
    transition: all 0.2s ease;
}

a.button:hover {
    background: #35c3ef !important;
    color: #fff !important;
}

a.button.small_button { font-size: 12px; margin: 0; padding: 3px 6px; }
a.button span { padding-left: 20px; display: inline-block; background-image: url(../../../images/buttons_sprite.png); background-repeat: no-repeat; }

/** Modal & jGrowl **/
.jGrowl { z-index: 9999; color: #ffffff; font-size: 12px; font-family: Arial, sans-serif; position: fixed; }
.blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 9999; padding: 20px; box-sizing: border-box; background-color: rgba(0,0,0,0.75); text-align: center; }
.modal { width: 400px; text-align: left; background: #1a1a1a !important; color: #fff !important; display: inline-block; vertical-align: middle; position: relative; z-index: 2; border-radius: 8px; box-shadow: 0 0 10px #000; border: 1px solid #333; }

/* --- LOKALNE STYLE LOGO PUREAION --- */
.text-custom {
    color: #35c3ef !important;
}

#logo .logo-container {
    display: inline-flex;
    align-items: center;
    text-decoration: none !important;
}

#logo .logo-img {
    height: 60px;
    width: auto;
    margin-right: 12px;
    vertical-align: middle;
}

#logo .logo-title {
    margin: 0;
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
}