/*GRAPHICS-------------------------------------------------------------*/


/* BODY */
body {
    background-color: #213548;
    margin-bottom: 21px !important;
    background: url(http://i.imgur.com/rBB6aS2.jpg) top left repeat fixed;
}

/* LOGO TITLE */
#pun-title table {
    background-image: url(http://i.imgur.com/Z8KEPfM.png);
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    height: 379px;
    width: 1065px;
    margin-left: -51px;
}

/*PUN TELO */
#pun {
    background-color: transparent;
    background-image: url(http://i.imgur.com/Tek0xc3.jpg);
}



/* FOOTER */
#pun-about p.container {

background-image: url(http://i.imgur.com/AJQKM3L.png);

background-position: center top;

background-repeat: no-repeat;

height: 110px;

width: 932px;

margin-top: 3px;

margin-left: -26px;

text-align: center;

border-color: transparent;
}

div#pun-about {
   margin-bottom: -42px;
}


#profilenav h2 {text-shadow: none;}

#pun-redirect.punbb  #pun-main h1 {
background: none;}


hr, .banner-line {
color:#8d9ebd;
height:2px;
border-top: 0px;
border-style:dotted;
border-left: none;
border-right: none;
margin: 5px !important;
    }

/* BODY TEXT */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, 

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb 

legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-

navlinks .container  {background-color: transpanent;color: #000000; font-weight: normal;font-style: normal;}

/* NAV LINKS CONTAINERS  */

div#pun-navlinks {z-index: 9;position: relative;width: 100%;top: -189px;left: 0px;word-spacing: 10px;text-align: center;}

div#pun-ulinks {text-align: center;position: relative;width: 100%;top: -204px;}

#navpiar {margin-left: 15px !important;}

#navindex {}
#navindex a {}


/* MAIN LINKS */

/* cs2.1. MAIN LINKS */
.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 {

color: #374e6a;

border-bottom: 0px none #000;

text-decoration: none;

-moz-transition: all 0.2s 0.02s ease;

-o-transition: all 0.2s 0.02s ease;

-webkit-transition: all 0.2s 0.02s ease;
}



/* cs2.2  MAIN LINKS HOVER  */
.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: #9c1934;
    border-bottom: 0px none #000;
    }

/* cs2.3.  TOP NAV */
#pun-navlinks a {
     color: #919db1;
     text-transform: uppercase;
     font: bold 12px arial;
     letter-spacing: 0px;
     padding: 1px 4px 1px 4px;
     text-shadow: 1px 1px #003755;
}

/* cs2.4.  BOTTOM NAV */
#pun-ulinks a {
    color: #ffffff;
    font: 7px arial;
    letter-spacing: 1px;
    text-shadow: 1px 1px #8e283e;
    border-bottom: 0px none #000;
    padding: 2px 0px 2px 0px !important;
    text-transform: uppercase;
    margin-left: 7px;
    -moz-transition: all 0.2s 0.02s ease;
    -o-transition: all 0.2s 0.02s ease;
    -webkit-transition: all 0.2s 0.02s ease;
    }



/* cs2.5.  TOP NAV HOVER  */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #d0ddf3;
  background: #1f476b;
  border-top: 5px solid #9f2c3c;
  }


/* cs2.5. BOTTOM NAV HOVER */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  border-bottom: 0px none #000;
  color: #ffc6d3;
  }

/*ICONS-------------------------------------------------------------*/

/* OLD ICON*/
Div.icon {background-image: url(http://i.imgur.com/o7GTneg.png);background-repeat: no-repeat;}

/* NEW ICON */
TR.inew Div.icon {
background-image : url(http://i.imgur.com/0yocMhE.png);
background-repeat: no-repeat;
}

/* IMP ICON */
TR.isticky Div.icon {
background-image : url(http://i.imgur.com/wxvjmKn.png);
background-repeat: no-repeat;
}

/* CLOSED ICON*/
TR.iclosed Div.icon {
background-image : url(http://i.imgur.com/mBaLKF3.png);
background-repeat: no-repeat;
}


/* Quotes - codes - text-area*/
.punbb .quote-box, .punbb .code-box 
{
    background: #b1b9c4;
    background-image : url(https://i.imgur.com/qj77c8Y.jpg);
    color: #080808 !important;
    border: 1px dotted #858d9c !important;
 box-shadow:
   0 -6px 0 -3px #79283b,
   -6px 0 0 -3px #bf4764,
 14px 17px 23px -17px #29292a,
   0 0 40px rgba(0, 0, 0, .1) inset; 
    }

.punbb textarea, .punbb select {
        background: #cfd7de;
        border: 1px solid rgb(174, 186, 197);
    }


#post-form h2 {letter-spacing: 0px;margin-bottom: 15px;height: 65px;margin-top: 0px;margin-left: 0px;}


/* Category headlines*/
#pun-main .category h2 span {
visibility: hidden;
}


/*------------------------SCROLLING-----------------------*/
::-webkit-scrollbar-thumb:vertical {
    background-color:#ba4360;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color:#ba4360;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #171d22;
    }


.need {position: absolute;}
.need img {margin-left: 14px;}

#post1 {margin-top: 77px;margin-left: 7px;color: #181d25;overflow-y: auto;height: 180px;width: 193px;position: absolute;text-align: justify;}
#post1::-webkit-scrollbar {width: 0px;height: 0px;}

#post1 a {
color: #484a4d;
line-height: 7px !important;
font: 9px tahoma !important;
text-transform: uppercase !important;
letter-spacing: 0px;}

#post2 {position: absolute;text-align: justify; overflow-y: auto;}
#post2::-webkit-scrollbar {width: 0px;height: 0px;}
#post2 a {    font: 7px arial !important; color: #d55e7d !important;}

/*---------------AMS---------------*/
.ams {
    position: absolute;
    top: 269px;
    margin-left: 464px !important;
    text-align: center;
    }

.ams a {
    display: inline-block;
    margin-left: 17px;
    -moz-transition: all 0.2s 0.02s ease;
    -o-transition: all  0.2s 0.02s ease;
    -webkit-transition: all 0.2s 0.02s ease;
    }


.ams a:hover {
    color: #966422 !Important;
    }



/*---------------LINKS---------------*/
.urls {
 text-align: right;
 color: #fdfeff !important;
 font: 7px arial !important;
 margin-top: 6px !important;
 border-top: 1px solid transparent !important;
 padding: 0px 0px 0px 0px;
 letter-spacing: 1px!important;
 text-transform: uppercase;
 display: block;
 -webkit-transition: .3s all;
 -moz-transition: .3s all;
 -ms-transition: .3s all;
 -o-transition: .3s all;
 transition: .3s all;
}
.urls:hover {
    color: #dc7f93 !important;
    border-top: 1px solid #e47b90 !important;
}


/*-----ссылки в подфоруме--------*/

a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {font: bold 8px tahoma;color: #184367;padding: 0px 3px 0px 3px;text-transform: uppercase;}

a.tvm:hover {color: #9a1933;}


/*---------------buttons---------------*/
input.button {

cursor: pointer;

height: 0px;

padding: 9px 7px 8px 7px;

background: #171c22;

color: #dae1e8 !important;

font: 7px arial !important;

box-shadow: 2px 2px 0px #bd556b;

text-align: center;

border: 0px;

letter-spacing: 2px!important;

line-height: 0px !important;

text-transform: uppercase;

case;
}

.post-author.online > ul > li.pa-awards > span.mini_awards_label {display: none !important}
li.pa-awards {margin-top: -2px!important;margin-bottom: -7px!important;margin-left: 11px;}

/*-----banners--------*/

.banners {

position: absolute;

margin-top: -48px !important;

margin-left: 23px !important;

w;

width: 860px;

height: 67px;

text-align: center;

padding: 0px;

overflow-y: auto;

opacity: 

0.3;

-webkit-transition: .3s all;

-moz-transition: .3s all;

-ms-transition: .3s all;

-o-transition: .3s all;

transition: .3s all;
}

.banners:hover {opacity: 1;}

#pun-stats {text-align: justify;} 
#pun-stats > div > ul > li.item4 > strong > a {font-weight: bold !important;}


span.mini_awards_label {display: none !important;}


#navpr_1 {margin-left: 15px !important;}


.lz {width: 170px;margin-left: 21px !important;line-height: 8pt !important;margin-top: -10px !important;text-align: justify; padding: 5px;margin-bottom: 0px !  important;color: #0c0d0f;text-transform: uppercase;font: bold 8px tahoma;}

.lz a {color: #a22946 !important;text-transform: uppercase !important;font: bold 8px tahoma;}
.lz a:hover {color: #436fa2 !important;}

.plash {margin-left: -2px !important;margin-top: -7px !important;margin-bottom: 0px !important;}

.pa-fld11 {background: #3c8ed9;padding: 2px 0px 2px 0px !important;width: 180px;color: #fff;margin-top: 6px !important;margin-left: 21px !important;font: 8px arial black;text-align: center;text-transform: uppercase;}

::-moz-selection {    color: #e6e6e6;
    background: #729ca5;}
::selection {
    color: #e6e6e6;
    background: #ba4360;
    }

table > thead > tr {display: none;}


/*-----фон выпадающих списков--------*/

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {z-index: 9;padding: 3px;background: #cfd7de;color: #080808 !important;border: 4px double #aebac5 !important;}


#pun-reputation div
{padding: 10px;background-color: #7c8ea7;color: #080808 !important;opacity: 1;}

#pun-report .bg, #pun-reputation .bg, #pun-admin-award-form .bg {
    display: none;
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #b1b7bd !important;
    opacity: 0.2;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    cursor: pointer;
}