/* CS1 Фон и цвет текста*/

/* CS1.1 Цвет текста на форуме */
.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;
text-align: justify;}

/* CS1.2 Боди или фон форума */
body {background-color: #cccccc;  background-image: url(http://i.imgur.com/r6vRoTp.jpg); background-position: top center; }

html { overflow-x: hidden; }

/* CS1.3 Шапка */
#pun-title table {
background-image : url(http://co.forum4.ru/files/0017/b5/95/88820.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 505px;
width: 1600px;
margin-left: -385px;
overflow-x: hidden; 
}

/* CS1.4 Пан или "тело" форума */
#pun {background-image: url(http://i.imgur.com/Il0XMr0.png);}

/* CS1.5 Футер\копирай\низ */
#pun-about p.container {background-color: transparent;
background-image : url(http://i.imgur.com/nHSGSRW.png); 
background-position : center bottom; 
background-repeat : no-repeat; 
height: 90px;
width: 900px; 
margin: 0 0 -30px -47px;
text-align: center-bottom;
border-color: transparent;
}

div#pun-about {
   margin-bottom: -50px;
}


/* 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 {
  color: #393643;

    border-bottom: 0px none #000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #143554;

  }

/* 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: #980404;
    border-bottom: 0px none #000;
   text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #fff;
  font-weight: normal;
  font-style: normal;
  font-family: arial;
  font-size: 16px;
  border-bottom: 0px none #000;
  text-transform: uppercase;
text-align: center;
padding: 6px;
border: #fff solid 2px;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #ededed;
  font-weight: normal;
  font-style: normal;
  font-family: arial;
  font-size: 16px;
  text-transform: uppercase;
text-align: center;
  }
/*/6060*/
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #0b1126;
  color: #fff;
  }

#pun-ulinks a {color: #000;
  font-family: tahoma;
  font-size: 9px;
  text-transform: uppercase;
background-color: #fff;
letter-spacing:1px; }

/* CS3 Иконки старых, новых, важных, закрытых тем */
/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {display: block; 
margin-left: 0px;
margin-right: 7px;
margin-top: -4px;
margin-bottom:5px;
padding-top: 3px;
width: 54px;
height: 54px;
background-image : url(http://i.imgur.com/XchYOu4.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(http://i.imgur.com/LUoP9DK.png);
background-repeat: no-repeat;
width: 54px;
height: 54px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://i.imgur.com/q2E7TrB.png);
background-repeat: no-repeat;
width: 54px;
height: 54px;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://i.imgur.com/aNUWYWf.png);
background-repeat: no-repeat;
width: 54px;
height: 54px;}


/* CS5 Прочие элементы */


.punbb input { border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-shadow: 0px 1px 1px;}

/* CS5.5 Двигаем верхний баннер */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: 50px; 
top: -192px}

/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: center;}

li#navindex {display: none;}
#title-logo-tdr img {width: 1px; height: 1px;}
#pun th {visibility: hidden;}
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-index .modlist {display: none; }
#pun-announcement.section h2 span {display: none; }
#pun-title .title-logo span {display: none;}
#pun-announcement {margin-top: 0px !important;}
#viewprofile h2 span, #profilenav h2 span {display: none;}
#navawards a {display: none; font-size: 0px;}
#pun-ulinks li.item7 {font-size: 0px;}
.lastedit {display:none;}
.punbb .main .post-content td{border:none 0 transparent;}
#pun-announcement.section h2 span {display: none; }
span.cooltext, span.cool1, span.cool2, span.cool3 {visibility: hidden !important;}

/* скрыть темы и сообщения на главной
 .category .container thead {display: none;}
#pun-index .main .tc2, #pun-index .main .tc3 {display: none;}*/


#pun-live-rusff {display: none;} 





.punbb .category tr .bottom a{
    opacity: 1;
    font-size: 13px;
    font-weight: bolder;
    font-family: palatino linotipe;
    font-variant: small-caps;
}
.punbb .category tr .bottom a:hover{
  opacity:0.7;
}

#pun-main h2, #pun-stats h2 {
background-image: url("http://i.imgur.com/Hm5Uvjm.png");
height: 57px;
margin-left: -6px;
margin-bottom: -15px;
margin-top: 20px;
font-family: 'Press Start 2P', cursive;
color: #000;
width: 852px;  text-transform: uppercase;
border-color: transparent;}

#pun-index .tcl h3 {color: #9c0000!important}

#pun-index .tcl h3 a:hover {color: #c20000}

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner h1 {
background-image: url("http://i.imgur.com/LTjyrhc.jpg");
margin-left: -0px;
margin-bottom: 5px;
padding-top:29px;
overflow: hidden;
}

.punbb .main h1 {
background-image: url("http://i.imgur.com/LTjyrhc.jpg");
height: 19px;
width: 873px;
margin-left: -15px;
margin-bottom: 5px;
margin-top: -30px;
padding-top: 10px;
overflow: hidden;
}

#pun-stats h2 {
margin-left: -26px; margin-top: 10px;}

/* Profile
-------------------------------------------------------------*/
.post-author {text-align: center;}

.punbb .post .post-author ul {
background: url(http://i.imgur.com/ioDt42m.png) top center no-repeat,
url(http://i.imgur.com/xebDoPi.png) bottom center no-repeat;
padding:12px 1px 13px 1px !important;
margin-left: -2px;
width: 200px;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 0px;
word-spacing: 2px;
font-family: Microsoft Sans Serif;
}
.punbb .post .post-author {
text-align: center;
margin-left: 11px;
width: 200px;
background: #e6e6e6 }

.pa-author a, .pa-author {
color: #000000 !important;
font-family: 'Press Start 2P', cursive;
font-size: 9px !important;}

.pa-author a:hover {
color: #930000!important; }


.pa-title {padding-top: 15px;
color: #3f3e3b !important;
 text-transform: uppercase;
 font-size: 9px !important;
margin-top: 5px;
 font-family: arial;
 text-shadow:0px  1px  1px  #d0c8bc;
letter-spacing: 1px;}

.pa-fld1 {margin:3px 0px 2px 0px !important}

.punbb .pa-awards {padding-top:10px; color: transparent; padding-bottom:0px;}

.pa-posts,.pa-respect {
text-align:center;
display:inline-block;
padding:0 2px!important;
width:76px;
margin-left: 0;
vertical-align: top;
}



/* Блок цитат, формы ответа и кнопок */
.punbb .quote-box, .punbb .code-box, .punbb textarea {
background-image: url(http://i.imgur.com/r6vRoTp.jpg);
border-style: solid;
border-width: 6px 0 0px 0;
border-top-weight: -10px;
border-color: #000;
background-position: top right;
  color: #3c3c3c;}

.punbb select, .punbb input {
background-image: url(http://i.imgur.com/r6vRoTp.jpg);
background-position: top right;
  color: #3c3c3c;}


.quote-box a, .punbb #pun-main a .code-box a {color: #233c53!important;
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background-color: #cccccc; }
::-webkit-scrollbar-thumb { background-color: #930000; }

#kat { width: 350px; background-color: transparent; padding: 0px;  border-top: #cccccc 3px solid;  margin-top: 3px; font-family: "arial"; font-size: 10px; text-align: justify; color: #222; line-height: 100%; }
#kat .text {font-family: Arial Narrow; text-transform: uppercase; font-size: 10px; text-align: center; color: #222}
#kat .katlink { margin-top: 5px; font-family: "Times New Roman"; font-size: 10px; padding: 5px; text-transform: uppercase; line-height: 100%; letter-spacing: 0px; color: #131f1f; display: inline-block; text-align: center; }
#kat .katlink a {  font-family: 'Press Start 2P', cursive; font-size: 8px; padding: 5px; text-transform: uppercase; line-height: 100%; letter-spacing: 0px; color: #f4f4f4; border: #000000 1px solid; display: inline-block; background-color: #000000; }
#kat .katlink a:hover { letter-spacing: 0px; }

.button { text-align: center; font-family: "Arial", font-size: 10px; text-transform: uppercase;  padding: 7px; color: #131f1f; border: #7e96b2 1px dotted; }
.button a {  text-align: center; font-family: "Arial", font-size: 10px; text-transform: uppercase; line-height: 100%; color: #f5be33; }

.imagetip span {
    left: 116px;
    position: absolute;
    visibility: hidden;
    width: 0%;
    z-index: 9999;
}
.imagetip:hover span {
    visibility: visible;
}


.adm {font-family: arial;
font-style: italic;
font-weight: bold;
font-size: 16px;
 text-shadow: 1px  1px  0px  #111111;
	text-transform: uppercase;
color: #fff;
}

.nav {margin: 0 13px 2px 0px; padding: 2px 0px 2px 0px}
.nav a{display: block;  font-family: 'Press Start 2P', cursive;
	color: #ffffff !important;
	font-size: 11;
	padding: 1px;
	font-style: normal;
	text-transform: uppercase;
background-color: #000000;
padding: 2px 0 2px 0;
width: 178px;
	letter-spacing: 1px;
	word-spacing: 2px;}
.nav a:hover{background-color: #000 !important; color:#d1cbbd!important;}

#pun-reputation div, #pun-popup_awards div {background-image: url(http://i.imgur.com/r6vRoTp.jpg)}



.note {
    white-space: nowrap;
    overflow: hidden;
background: transparent;
}

.note > input {
    display: none;
}

.note > input + label {
    display: inline-block;
    border: none;
    padding: 0px;
    cursor: pointer;
    position: relative;
color: #6e6e70;
background: transparent;
width: 50px;
height: 50px;
text-align: center;
margin: 0px 5px 0px 5px;
}

.note > input + label:not(:last-of-type)  {
   order-right: none;
}

.note > input + label:hover {
    color: #6e6e70;
background: transparent;
}

.note > input + label:last-of-type::after {
    display: block;
background: transparent;
    width: 700px;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 100%;
}

.note > input:checked + label {
    color: #6e6e70;
background: transparent;
}

.note > input:checked + label:last-of-type::after {
    bottom: 0px;
}

.note > div {
    white-space: normal;
    display: none;
    border: none;
    border-top: none;
    margin: 0px;
    padding: 20px;
background: transparent;
text-align: justify;
color: #6e6e70;
}

.note > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.note > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.note > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.note > input:nth-of-type(4):checked ~ div:nth-of-type(4) {
    display: block;
}


#pun-profile input, #pun-changepass input, #pun-upavatar input {display: inline!important}

.activ {margin: 0px;}

.activ a{display: block; font-family: arial;
	color: transparent !important;
	font-size: 16px;
	font-style: italic;
	letter-spacing: 0px;
	word-spacing: 0px;
font-weight: bold;
text-align: center;
height: 93px;
width: 93px;
transition: all 0.1s ease-in-out 0s;
z-index:2;}


.activ a:hover{ transition: all 0.1s ease-in-out 0s;
background-color: rgba(0, 0, 0, 1) !important; color:#fff !important; z-index:1;}

.activ2 {margin: 0px;}

.activ2 a{display: block; font-family: 'Press Start 2P', cursive;
	color: transparent !important;
	font-size: 12px;
	font-style: normal;
	letter-spacing: 0px;
	word-spacing: 0px;
text-align: center;
height: 186px;
width: 93px;
transition: all 0.1s ease-in-out 0s;
z-index:2;}


.activ2 a:hover{ transition: all 0.1s ease-in-out 0s;
background-color: rgba(0, 0, 0, 1) !important; color:#fff !important; z-index:1;}

.news {
text-align: justify;
font-size: 9px; 
font-family: 'Press Start 2P', cursive;
  text-transform: uppercase;
line-height:12px;
 text-shadow:1px  1px  0px  #fff;
  }

#name {background: #cccccc; text-color: #000!important; text-transform: uppercase !important; width:201px; font-family: arial; font-style: italic; font-weight: bold; font-size: 11px; padding: 2px 0 2px 0;}
#who {background: #0d0f1b; color: #ededed !important; text-transform: lowercase !important; border-top-style: solid;
border-top-weight: 1px;
border-top-color: #930000; width:201px}
#sato {background: #0d0f1b; color: #ededed !important; text-transform: uppercase !important; width:201px}

#zag {font-family: "Times New Roman";
font-size: 11;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
word-spacing: 2px;
background: #000000;
padding: 0px;
text-align: center;
color: #ffffff !important;
display: block;
margin: 0px;
}

.text {font-family: Microsoft Sans Serif;
	color: #2E2E2E;
	font-size: 10.5px;
	padding: 1px;
	letter-spacing: 0px;
	word-spacing: 2px;
text-align: justify;
line-height: 10px;
color: #363636;
overflow: auto;
}

.text2 {font-family: Microsoft Sans Serif;
	color: #2E2E2E;
	font-size: 11px;
	letter-spacing: 0px;
	word-spacing: 2px;
text-align: justify;
line-height: 12px;
color: #363636;
overflow: auto;
padding: 10px;
}

.caps {font-family: 'Press Start 2P', cursive;
	color: #fff;
	font-size: 9px;
	padding: 1px;
	letter-spacing: 1px;
	word-spacing: 2px;
text-align: center;
text-transform: uppercase;
line-height: 14px;
backgroung-color: #000;
overflow: auto;
padding: 2px;
}

.zag2 {font-family: 'Press Start 2P', cursive;
	color: #000000;
	font-size: 14px;
	padding: 5px 3px 3px 3px;
	letter-spacing: 3px;
	word-spacing: 4px;
text-align: center;
text-transform: uppercase;
background-color: #cccccc;
overflow: auto;
}

.caps2 {font-family: Arial;
	color: #000;
	font-size: 14px;
	padding: 1px;
	letter-spacing: 0px;
	word-spacing: 2px;
text-align: center;
text-transform: uppercase;
line-height: 16px;
backgroung-color: #000;
overflow: auto;
padding: 2px;
}

.iris {display: inline-block; font: 600 12px arial narrow; letter-spacing:1px; background: #9c9c9c; color: #ffffff!important; text-transform: uppercase; text-align: center; padding: 7px 10px 7px 10px; margin: 1px !important; transition: .3s; border: 3px solid #000}
.iris:hover { background: #829fc0; transition: .3s; }

/*Фон под контейнеры в форме Ответа*/
#pun_wrap #post .container[id$="-area"]{
background: #e0e3e6; /*Можно добавить фон картинкой url(Ccылка на картинку)*/
padding: 9px;
font: normal normal 400 11px/normal Verdana;
}