@charset "utf-8";

/* =========================================
   WAP.NET.AZ - CLASSIC GREEN / ORANGE
========================================= */

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    background: #eeeeee;
    color: #666666;
    font: 12px Arial, Tahoma, sans-serif;
    line-height: 1.3;
    max-width: 100%;
}

a {
    color: #555555;
    text-decoration: none;
}

a:hover {
    color: #222222;
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle;
}

p {
    margin: 2px 0;
}

hr {
    border: 0;
    border-top: 1px solid #dddddd;
    margin: 3px 0;
}


/* =========================================
   FORMS
========================================= */

form,
input,
textarea,
select,
button {
    font: 15px Arial, Tahoma, sans-serif;
}

input,
textarea,
select {
    background: #ffffff;
    color: #555555;
    border: 1px solid #cccccc;
    padding: 5px;
    margin: 2px 0;
}

textarea {
    width: 99%;
}

input[type="file"] {
    padding: 3px;
}

input[type="submit"],
button {
    background: #ff8a00;
    color: #ffffff;
    border: 1px solid #e27600;
    padding: 5px 12px;
    cursor: pointer;
    font-weight: normal;
}

input[type="submit"]:hover,
button:hover {
    background: #f27e00;
}


/* =========================================
   LOGO / HEADER
========================================= */

.logo {
    background: #ff8800;
    color: #ffffff;
    text-align: center;
    padding: 11px 5px 12px;
    margin: 2px 2px 0;
    border: 2px solid #d9d9d9;
}

.logo a {
    color: #ffffff;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 1px;
}

.header {
    background: #ff8800;
    color: #ffffff;
    border: 1px solid #d87500;
    margin: 2px 2px;
    padding: 6px 10px;
}

.header b {
    color: #ffffff;
}


/* =========================================
   GREEN SECTION HEADERS
========================================= */

.hdr,
.phdr,
.title,
.menu_razd {
    background: #51cc00;
    color: #ffffff;
    border: 1px solid #42a900;
    margin: 2px 2px;
    padding: 6px 10px;
    font-weight: bold;
}

.hdr a,
.phdr a,
.title a,
.menu_razd a {
    color: #ffffff;
}

.menu_razd {
    font-size: 17px;
}


/* =========================================
   TOP MENU
========================================= */

.topmenu {
    background: #51cc00;
    color: #ffffff;
    border: 1px solid #42a900;
    margin: 2px 2px;
    padding: 5px 8px;
    text-align: center;
}

.topmenu a {
    color: #ffffff;
}


/* =========================================
   MAIN MENU
========================================= */

.menu {
    background: #ffffff;
    color: #666666;
    border: 1px solid #dddddd;
    margin: 0 2px;
    padding: 7px 10px;
    min-height: 42px;
}

.menu a {
    color: #555555;
}

.menu a:hover {
    color: #ff7f00;
}

.main_menu {
    background: #ffffff;
    color: #666666;
    border: 1px solid #dddddd;
    margin: 0 2px;
    padding: 7px 10px;
}

.main_menu a {
    color: #555555;
}


/* =========================================
   LIST ITEMS
========================================= */

.list1,
.list2 {
    background: #ffffff;
    color: #666666;
    border: 1px solid #dddddd;
    border-top: 0;
    margin: 0 2px;
    padding: 8px 10px;
    min-height: 45px;
}

.list2 {
    background: #fafafa;
}

.list1 a,
.list2 a {
    color: #555555;
}

.list1:hover,
.list2:hover {
    background: #f7f7f7;
}


/* =========================================
   MAIN CONTENT
========================================= */

.maintxt,
.page,
.info,
.news {
    background: #ffffff;
    color: #666666;
    border: 1px solid #dddddd;
    margin: 2px 2px;
    padding: 8px;
}

.news {
    background: #fff1dd;
    border-color: #dddddd;
}


/* =========================================
   LOGIN / REGISTER
========================================= */

.bmenu {
    background: #ff8800;
    color: #ffffff;
    border: 1px solid #d87500;
    margin: 2px 2px;
    padding: 6px 10px;
}

.bmenu a {
    color: #ffffff;
}

.gmenu {
    background: #eaffdf;
    color: #557744;
    border: 1px solid #8bd76a;
    margin: 2px 2px;
    padding: 6px 10px;
}

.gmenu a {
    color: #449900;
}

.rmenu {
    background: #fff0f0;
    color: #aa4444;
    border: 1px solid #e0aaaa;
    margin: 2px 2px;
    padding: 6px 10px;
}


/* =========================================
   ONLINE / USERS
========================================= */

.user {
    background: #ffffff;
    border: 1px solid #dddddd;
    margin: 0 2px;
    padding: 7px 10px;
}

.user a {
    color: #555555;
}

.status {
    color: #cc6600;
    font-weight: bold;
}

.green {
    color: #339900;
}

.red,
.red a {
    color: #ee2222;
}

.gray {
    color: #888888;
}


/* =========================================
   ALERT
========================================= */

.alarm {
    background: #e61313;
    color: #ffffff;
    margin: 2px 2px;
    padding: 6px 9px;
    font-weight: bold;
}


/* =========================================
   ICON
========================================= */

.icon {
    width: auto;
    max-width: 28px;
    padding: 2px 6px 2px 1px;
    vertical-align: middle;
}


/* =========================================
   BB CODE
========================================= */

.bbpopup {
    margin-top: 2px;
}

.bbpopup a {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 1px;
    border: 1px solid #aaaaaa;
    vertical-align: middle;
}

.phpcode {
    background: #eeeeee;
    border: 1px dotted #999999;
    margin: 3px 2px;
    padding: 4px;
    overflow: auto;
    font-family: monospace;
    font-size: 12px;
}


/* =========================================
   QUOTE
========================================= */

.quote {
    background: #f5f5f5;
    border-left: 4px solid #bbbbbb;
    color: #777777;
    margin: 3px 0;
    padding: 4px 7px;
    font-size: 13px;
}

.reply {
    background: #fff4f4;
    border-left: 4px solid #e00000;
    color: #e00000;
    margin: 3px 0;
    padding: 4px 7px;
}


/* =========================================
   SPOILER
========================================= */

.spoilerhead {
    background: #e5e5e5;
    color: #555555;
    border: 1px solid #aaaaaa;
    margin-top: 2px;
    padding: 4px;
    font-size: 13px;
}

.spoilerbody {
    background: #ffffff;
    color: #666666;
    border: 1px solid #aaaaaa;
    border-top: 0;
    margin-bottom: 2px;
    padding: 7px;
}


/* =========================================
   PAGINATION
========================================= */

.currentpage {
    background: #51cc00;
    color: #ffffff;
    border: 1px solid #42a900;
    padding: 2px 7px;
}

a.pagenav {
    background: #ffffff;
    color: #555555;
    border: 1px solid #cccccc;
    padding: 2px 7px;
    margin: 1px;
}

a.pagenav:hover {
    background: #ff8800;
    color: #ffffff;
    border-color: #e07800;
}


/* =========================================
   TABLE
========================================= */

table.desc {
    width: 100%;
    border-top: 1px dotted #c6c17f;
    margin-top: 3px;
    font-size: 13px;
    border-collapse: collapse;
}

table.desc td {
    padding: 3px;
    font-size: 13px;
}

table.desc td.caption {
    width: 1%;
    text-align: right;
    color: #6f6f6f;
    white-space: nowrap;
}


/* =========================================================
   ŞƏKİLİN ORİJİNAL NİSBƏTİNİ QORU
   ========================================================= */

.library img,
.album img,
.gallery img,
.photo img,
.library-photo img,
.library-image img {
    aspect-ratio: auto !important;
}


/* =========================================================
   KÖHNƏ SABİT ÖLÇÜLƏRİ LƏĞV ET
   ========================================================= */

.library img[width],
.library img[height],
.album img[width],
.album img[height],
.gallery img[width],
.gallery img[height] {
    width: auto !important;
    height: auto !important;
}


/* =========================================================
   ŞƏKİL EKRANA SIĞSIN, KƏSİLMƏSİN
   ========================================================= */

.library a,
.library-item a,
.album a,
.album-item a,
.gallery a,
.gallery-item a {
    max-width: 100%;
}

.library a img,
.library-item a img,
.album a img,
.album-item a img,
.gallery a img,
.gallery-item a img {
    object-fit: contain !important;
    object-position: center;
}


/* =========================================================
   SON MOBİL TƏHLÜKƏSİZLİK
   ========================================================= */


/* =========================================
   SEARCH / ADS
========================================= */

.rekla {
    background: #ffffff;
    border: 1px solid #dddddd;
    margin: 2px 2px;
    padding: 6px;
    text-align: center;
}

.search,
.searchbox {
    background: #ffffff;
    border: 1px solid #dddddd;
    margin: 2px 2px;
    padding: 6px;
}


/* =========================================
   SITEMAP
========================================= */

.sitemap {
    background: #ffffff;
    color: #777777;
    border: 1px solid #dddddd;
    margin: 2px 2px;
    padding: 5px 7px;
    font-size: 11px;
    max-height: 90px;
    overflow: auto;
}


/* =========================================
   FUNCTION / SUB
========================================= */

.func {
    border-left: 4px solid #51cc00;
    color: #777777;
    font-size: 11px;
    padding-left: 5px;
}

.sub {
    border-top: 1px dotted #cccccc;
    font-size: 11px;
    margin-top: 3px;
    padding-top: 3px;
}


/* =========================================
   BOTTOM MENU
========================================= */

.tmn {
    background: #ffffff;
    color: #777777;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    margin: 2px 2px;
    padding: 5px 8px;
}

.tmn a {
    color: #555555;
}

.fmenu {
    background: #ffffff;
    color: #777777;
    margin: 2px 2px;
    padding: 5px;
    text-align: center;
}

.fmenu a {
    color: #555555;
}


/* =========================================
   FOOTER
========================================= */

.footer {
    background: #51cc00;
    color: #ffffff;
    border: 1px solid #42a900;
    margin: 2px 2px;
    padding: 7px;
    text-align: center;
}

.footer a {
    color: #ffffff;
}

.copy {
    background: #ffffff;
    color: #777777;
    border-top: 1px solid #cccccc;
    margin: 2px 2px;
    padding: 6px;
    text-align: center;
}

.copy a {
    color: #ff7f00;
}

.end {
    text-align: center;
}


/* =========================================
   H4
========================================= */

h4 {
    margin: 5px 0 2px;
}


/* =========================================
   FLOAT
========================================= */

.left {
    float: left;
}

.clear {
    clear: both;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}


/* =========================================
   MOBILE
========================================= */

@media screen and (max-width: 600px) {

    body {
        width: 100%;
        font-size: 15px;
    }

    .logo {
        padding: 10px 4px;
    }

    .logo a {
        font-size: 24px;
    }

    .hdr,
    .phdr,
    .title,
    .menu_razd {
        font-size: 16px;
        padding: 7px 9px;
    }

    .menu,
    .main_menu,
    .list1,
    .list2,
    .maintxt,
    .page,
    .info,
    .news {
        padding: 8px 9px;
    }

    input,
    textarea,
    select {
        font-size: 15px;
        max-width: 100%;
    }

    img {
        max-width: 100%;
    }
}