/* Правка для мобильных устройств с мелким экраном */
html, body {min-width: 800px!important;} 

/* шапка */
#pun-title table {
    background-image: url(https://i.imgur.com/whd8KGU.png);
    background-repeat: no-repeat;
    background-position: center top;
    border: none;
    postition: absolute;
    margin-top: -1px;
    border: none;
    height: 196px;
    width: 958px;
    margin-left: -97px;
}



/* задний фон */
body { background: linear-gradient(to bottom, #ececec 20%, #b7cad5 20%);
background-attachment: scroll;}




/* тело */
#pun {background-image: url(https://i.imgur.com/E1181w2.png);background-attachment: scroll;background-position: center;position: relative;margin: auto;width: 860px;padding-left: 97px;/* padding-right: 2px; */background-color: #c2c2c2!important;}
@media screen and (max-width: 820px) {
  html{
   transform-origin: 0 0 0;
    transform:scale(.420);
  }
}




/*футер*/
#pun-about p.container {
    background-image: url(https://i.imgur.com/HbVg6lR.png);
    background-position: center top;
    background-repeat: no-repeat;
    width: 992px;
    height: 61px;
    /* padding-top: 1px; */
    margin-bottom: -19px;
    margin-left: -125px;
    margin-top: -18px;
    text-align: center;
    }


div#html-footer {
margin: 0px 0px 0px 0px;}


/*категории */


#pun-category1.category h2, #pun-category3.category h2, #pun-category5.category h2, #pun-category7.category h2, #pun-category2.category h2, #pun-category4.category h2, #pun-category6.category h2, #pun-category8.category h2 {
    /* background: url(https://i.imgur.com/nOjQUWz.png) no-repeat top center; */
    background-color: #243843;
    width: 860px;
    border-style: none;
    text-align: center;
    padding: 6px 0px 6px 0px;
    color: #b7d2d5;
    text-transform: uppercase;
    font-family: arial;
    font-size: 7px !important;
    letter-spacing: 12px;
    }




/*Картинка в статистику*/
#pun-stats h2 {
    background-color: #243843!important;
    width: 860px;
    border-style: none;
    text-align: center;
    padding: 6px 0px 6px 0px!important;
    color: #b7d2d5!important;
    /* text-shadow: 2px 0px 2px #000; */
    text-transform: uppercase;
    font-family: arial;
    font-size: 7px !important;
    letter-spacing: 12px;
    }

/* разделитель сообщений */
#pun-viewtopic .post h3 {
    background: #243843;
    color: #ececec !important;
    font-family: tahoma !important;
    font-size: 10px;
    font-style: normal;
    margin-bottom: 15px;
    /* margin-left: -29px; */
    /* margin-top: -7px; */
    /* padding-top: 15px; */
    width: 859px!important;
    /* height: 52px; */
}



.permalink {
    color: #ececec !important;
    letter-spacing: 0.4px;
    font-family: tahoma;
    text-transform: lowercase;
    margin-left: 44px!important;
    }

.sharelink {
    color: #ececec !important;
    letter-spacing: 0.4px;
    font-family: tahoma;
    text-transform: lowercase;
}


/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #000000;
  text-align: top center;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #000000;
  }


.cat {
    /* color: #030506; */
    /* padding: 10px; */
    /* text-align: justify; */
    /* border-radius: 30px 2px 30px 2px; */
    /* background: #ececec36; */
    /* border: 3px double #2438432b; */
}


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-navlinks .container {
  background-color: transparent;
  color: #000000;
  /* text-align: left; */
  background-repeat: no-repeat;
  }



/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #000000;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #000000;
  }



/* CS1.6 */
.punbb th, #pun-ulinks .container {
  color: #000000; text-align: center;
}


/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    background: #eeefef;
    color: #000000;
    box-shadow: -82px 82px 0px -81px #a61c35, 156px -156px 0px -155px #a61c35, inset 0 0 0px 1px #2438431a;
    }

/* CS1.8 */
#pun-navlinks .container {
  color: #000000; text-align: center
  }


.offline li.pa-online strong {
  font-weight: normal
  }

#pun-main .formal textarea {
  color: #000000;
}

.punbb textarea, .punbb select, .punbb input {
 background-color: transparent;
  color: #000000;
}




/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }


/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }

/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #a61c35;
  text-align: top center; 
}

       
/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #243843;
  text-decoration: none;
text-align: top center; 
}



/* CS3.3 */
#pun-navlinks a {
    transition-duration: 0.5s;
    position: relative;
    padding:0;
    text-shadow: none;
    color: #a61c35;
    text-decoration: none;
    font-family: arial;
    text-align: top center;
    }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  transition-duration: 0.5s;
  text-decoration: none;
  font-family: arial;
  text-align: top center;
}
/* CS3.5 */
#pun-ulinks a {
  color: #a61c35;
  text-decoration: none;
  font-family: arial;
  letter-spacing: .3px;
  font-size: 9px !important;
  text-align: top center;
  text-transform: lowercase;
  /* text-shadow: 0px 0px 0px #d8d8d8; */
  }

/* CS3.6 */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #243843;
  text-decoration: none;
  font-family: arial;
  letter-spacing: .3px;
  font-size: 9px !important;
  text-align: top center;
  text-transform: lowercase;
}


/* CS4 Post status icons
 -------------------------------------------------------------*/

tr.iredirect div.icon {border-color: transparent;}


Div.icon {
background-image: url(https://i.imgur.com/TxQ9LFX.png);
background-repeat: no-repeat;
   width: 21px;
   height: 23px;}
   
TR.inew Div.icon {
background-image: url(https://i.imgur.com/7EwzZuq.png);
background-repeat: no-repeat;
   width: 21px;
   height: 23px;}

tr.iclosed div.icon {
        background: url(https://i.imgur.com/TxQ9LFX.png) no-repeat;
   width: 21px;
   height: 23px;}

tr.isticky div.icon {
        background: url(https://i.imgur.com/7EwzZuq.png) no-repeat;
   width: 21px;
   height: 23px;}


#pun-viewforum table div.icon { float: left; 
   display: block; 
   width: 21px;
   height: 23px; 
   border-style: none; 
background-image: url(https://i.imgur.com/TxQ9LFX.png) no-repeat;  
   position: relative;}

#pun-viewforum tr.inew div.icon {
background-image: url(https://i.imgur.com/7EwzZuq.png) no-repeat; 
}
#pun-viewforum tr.isticky div.icon {
background: url(https://i.imgur.com/7EwzZuq.png)  no-repeat; 
}
#pun-viewforum tr.iclosed div.icon {
background: url(https://i.imgur.com/TxQ9LFX.png) no-repeat; 
}
#pun-viewforum table div.tclcon {padding-left: 30px;padding-top: 6px!important;}


/* Сообщение, уважение, валюта в одну строку */
.pa-posts, .pa-respect, .pa-fld1 {
    padding: 3px !important;
    display: inline-block;
    text-align: center;
    width: 56px;
    line-height: 15px;
    text-transform: lowercase;
    letter-spacing: 0.6px;
    font-size: 8px;
    border: #243843 solid 1px;
    color: #1a213b!important;
    }

.pa-posts {margin-left:3px!important}
.pa-respect {margin-left: 0px!important;}
.pa-fld1 {margin-left: 1px!important;}  



/*смена цвета отдельных ссылок в профиле*/
.pa-respect a{
color: #1a213b!important; }
.pa-respect a:hover{
color: #1a213b!important; }

.pa-fld4 a{
color: #1e4254!important; }
.pa-fld4 a:hover{
color: #1a213b!important; }



/* тем\сообщений  в одну строку */
#pun-index .category .tc2,#pun-index .category .tc3 {
display:none!important;
}
.Tems_And_messages {
display:inline-block;
width: 200px;
}
.Add {
    display: inline-block;
    background-color: transparent;
    /* margin-top: 5px; */
    font-family: arial;
    font-size: 9px;
    text-transform: uppercase;
    padding: 2px 15px;
    text-shadow: #a61c353d -3px 2px 0px;
    text-align: center;
}
.Tems_And_messages .right{
color: #060f2e;
font-style: italic;
}




/*выделение текста*/
::selection {
    text-shadow: none!important;
    color: #f1f1f1!important;
    background: #243843de;}

::-moz-selection{
    color: #f1f1f1!important;
    background: #243843de;
}
::webkit-selection{
    color: #f1f1f1!important;
    background: #243843de;
} 



/*всплывающая подсказка*/
#tooltip {
position:absolute;
background-color:#111111; /* фон подсказки */
z-index: 2000;
max-width:200px; /* максимальная ширина подсказки */
border:0px dotted #74A1F2; /* толщина. стиль и цвет рамки */
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
font-family:franklin gothic medium; /* шрифт подсказки */
font-size:11px; /* размер текста */
display:none;
color:#dcdcdc; /* цвет текста */
text-align:center;
padding:5px;}



/*оформление всплывающих окон*/
.pun-modal .modal-inner {
    width: 700px;
    max-width: 94%;
    height: auto;
    max-height: 44em;
    margin: 12% auto 0;
    box-shadow: 0 5px 0px rgb(83, 14, 26)!important;
    position: relative;
    z-index: 120000;
    overflow: hidden;
    background-color: #bdbdbd;
}


/*стиль всплывающих в форме ответа окон */
.inner, #pun_wrap #post .container[id$="-area"] {
    background-position: top center;
    background-color: #eeefef;
    border-radius: 0px;
    padding: 3px;
    border: 1px solid #a61d36;
    }


/*текстовые поля*/
textarea, keygen, select, input {background-position: top center;background-color: #eeefef!important;border-radius: 0px;border: 1px solid #243843;padding: 3px;}



/*рейтинг поста (плюсы)*/
div.post-rating a, div.post-vote a {
    margin-right: -4px;
    background-color: #f1f1f1!important;
    width: auto;
    border: 1px solid #24384321;
    color: #243843!important;
    padding: 1px 4px 1px 4px;
}

#pun-main h1 {
    font-family: arial;
    font-size: 10px;
    text-transform: uppercase;
}


#pun-crumbs1 {
    margin-top: 16px!important;
    font-family: arial;
    font-size: 10px;
    text-transform: uppercase;
}