/* CS1 Background and text colours
-------------------------------------------------------------*/

html, body {

background-image : url(http://i57.fastpic.ru/big/2013/1006/68/f39f9291b7b2ed2beed3d365d31f2e68.jpg); 
 background-repeat: repeat;
background-position:  center;
background-color: #5a3d41;}

body {background-color: transparent;
  background-image : url("http://i59.fastpic.ru/big/2013/1006/66/ba33c5ca0cf84167139b30101c961566.png");
  background-repeat: no-repeat;
  background-position : top center;

}

#pun_wrap {  background-image: url("http://i57.fastpic.ru/big/2013/1006/a7/5821143f1e8062ffe786cc6658a3f4a7.png"); background-repeat: no-repeat; background-position: center bottom;

 }



/* CS1.1 */
.punbb .section .container, .punbb .post-links,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {

 #9b868d;
  }

   .punbb td.tc2, .punbb td.tc3  {
   
   }

.category .container {border: none !important;}
.punbb td.tcl, .punbb td.tc2, .punbb td.tc3, .punbb td.tcr{
border: none !important;
}
.punbb .section .container,.punbb .post-body,.punbb .post-links,.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, #pun-stats h2,.punbb .main h1,.punbb .main h2,#pun-title,#pun-title .container,.punbb .modmenu .container,#pun-navlinks .container,.punbb th,.punbb .post h3 span,#pun-main fieldset legend span,.punbb textarea {
border: none !important;
}


.adformal h2, #pun-adnav h2 { 
background-color: transparent !important;
border-bottom-color: transparent !important;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: transparent !important;
border-left-style: none;
border-left-width: 0px;
border-right-color: transparent !important;
border-right-style: solid;
border-right-width: 1px;
border-top-color: transparent !important;
border-top-style: none;
border-top-width: 0px;
color: #FFFFFF;
padding-bottom: 1.5em !important;
padding-left: 1em;
padding-right: 1em;
padding-top: 2em !important;
}


/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  color: #9b868d;
  }

.punbb .post .container {font-size: 12px;
    line-height: 1.6;}


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color:transparent;
background-position: center;

  }


#pun-main #pun-category1 h2 span, #pun-main #pun-category2 h2 span, #pun-main #pun-category3 h2 span, #pun-main #pun-category4 h2 span, #pun-main #pun-category5 h2 span, #pun-main #pun-category6 h2 span, #pun-main #pun-category7 h2 span, #pun-main #pun-category8 h2 span, #pun-main #pun-category9 h2 span, #pun-main #pun-category10 h2 span, #pun-stats h2 span {display: none;}

#pun-stats h2 {
background: url("http://uploads.ru/i/w/X/H/wXHxh.png"); 
background-position: top center;
height: 100px;
background-repeat: no-repeat;}



/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  color: #9b868d;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {

  color: #9b868d;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #9b868d;
margin-left: 5px; margin-right: 5px;
  }

/* CS1.7 */

.punbb .quote-box, .punbb .code-box, .punbb .formal textarea {
background: url("http://s54.radikal.ru/i143/1207/17/bd2c45237d1c.png");
padding: 1em;
color: #9b868d;
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
box-shadow: 5px 5px 10px #000;
-webkit-box-shadow:5px 5px 10px #000;
-khtml-box-shadow:5px 5px 10px #000;
-moz-box-shadow:5px 5px 10px #000;

  }

* CS1.8 */
#pun-navlinks .container {
  color: #c4c4c4;
  height: 20px;
  }
.offline li.pa-online strong {
  font-weight: normal
  }

.punbb select, .punbb input {
color:#000;
}
.punbb textarea, .punbb select {
background-color:#5A3D41;
}


/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
   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 */

#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: 0px solid dedfdf
  }

li.pa-online {
  border-left-color: #5b4d4e;
  }

/* 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: #C0C4C7;
font-weight: bold;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #5b4d4e;
  }

/* 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 {
 font-weight:bold;
    border-bottom: 0px none;
  text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #4E0C0E;
  text-decoration: none;
   font-weight: bold;
font-family: romul,times new roman;
    font-size: 18px;
    text-transform: uppercase;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #4E0C0E;
  text-decoration: none;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
 background-color: #e6d9be;
  color: #fff;
  }


#pun th {  color:transparent;
}

#pun-main .post h3 strong {
margin-right: 23px;
magrin-top: 30px;
}

li#navawards {display: none!important;}


/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {
        background: url(http://s5.uploads.ru/UPbDH.png) no-repeat;
}

tr.inew div.icon {
        background: url(http://s4.uploads.ru/X7WnL.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(http://s4.uploads.ru/fYFwj.png) no-repeat;
}

tr.isticky div.icon {
        background: url(http://s4.uploads.ru/R1jQx.png) no-repeat;
}


tr.iredirect div.icon {
        background: url() no-repeat;
}
#pun-main div.catleft, #pun-main div.catright {display: none}



/******** Posts ********/

.post-content td {
  padding: 0.4em 1.1em !important; 
  border: 0 none transparent !important;
}

#pun-ulinks .container a {


 color: #4E0C0E;
  }




 


/*профиль*/
.post-author ul li {
background: url(http://i60.fastpic.ru/big/2013/1112/1d/5fa096891b29c2a4e1e22bc61082c91d.png) 0% 0% repeat-y;
padding-left: 20px;
padding-right: 22px;
text-align: center;

}

/*скрываем ненужные*/
.pa-ip, .pa-replies {
display: none;
}


.pa-author {
background: url(http://i59.fastpic.ru/big/2014/0105/12/b9e69a671d5ff7da3141fde292727812.png) 0px 0px repeat-y !important;
color: #ccc2c2;
height: 68px;
margin-bottom: -42px !important;
padding-left: 63px !important;
padding-right: 20px!important;
padding-top: 72px !important;
width: 167px !important;
}


/*раса, статус*/
.pa-title{
background: transparent !important;
color: #fff7e8;
padding-left: 56px !important;
padding-right: 24px !important;
text-align: center;
}
.pa-avatar{
background: url(http://i58.fastpic.ru/big/2013/1112/31/82edbd5f6bf5b87e070d2585efd18a31.png) 0% 100% no-repeat, url(http://i59.fastpic.ru/big/2013/1112/62/30af8e634dde2126c77c3ddd63719c62.png) 0% 0% no-repeat, url(http://i60.fastpic.ru/big/2013/1112/76/7960d4fd01accd510d575d5dc3ef8176.png) 0% 0% repeat-y transparent !important;
margin-top: 10px !important;
padding-top: 15px !important;
padding-bottom: 11px !important;
text-align: center;
}
/*первая строка статуса*/
.pa-respect, .pa-fld1,  .pa-fld4 {
background: url("http://i59.fastpic.ru/big/2014/0105/12/b9e69a671d5ff7da3141fde292727812.png") 0px -352px no-repeat transparent !important;
height: 16px;
margin-top: -4px !important;
padding-top: 14px !important;
}
/*последняя строка статуса*/
.pa-online, .pa-last-visit {
background: url("http://i59.fastpic.ru/big/2014/0105/12/b9e69a671d5ff7da3141fde292727812.png") 0px -379px repeat-y transparent !important;
height: 112px;
}

.punbb optgroup, .punbb option {background-color: #44181a; color: #fff;}
.pa-title+.post-img-Sp{
display:none;
}
.post-author img.post-img-Sp {
margin: 0 0 -3px 0;padding:0;
}
.post-author .pa-avatar+.post-img-Sp {
margin-left:7px
}

.pa-title+.post-img-Sp,
.pa-title+.post-img-Sp+.post-img-Sp{
display:none;
}
.post-author img.post-img-Sp {
margin: 0 0 -4px 0;padding:0;
}

#pun-viewtopic div.post-rating .container a {
  width: 60px; 
padding-top: 8px;
  font-size: 15px !important;
 color: 8a7358}

#navawards {display: none;}

#pun-main .formal textarea{margin-left: -2px;}

.pl-share {display: none !important;}

li.pa-replies {margin-top: 40px;}

.punbb #pun-navlinks h2, #pun-ulinks h2, #pun-status h2 {
  background-image:none!important;
}







.view {width: 150px; height: 190px; margin-left: 3px !important; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; background: #fff;}

.view .mask, .view .content {width: 150px; height: 190px; position: absolute; overflow: hidden; top: 0; left: 0;}

.view img {display: block; position: relative}

.view h5 {font-family: 'Ledger', serif; text-transform: uppercase; color: #e5e8cf; text-align: center; position: relative; font-size: 10px; padding: 5px; background: rgba(0, 0, 0, 0.4); margin: 5px 0 0 0;}

.view p {
    font-size: 9px;
    position: relative;
    color: #edeed5;
    padding: 5px 5px 5px;
    text-align: justify;
}
.view a.info {font-family: 'Ledger', serif;
    display: inline-block;
    text-decoration: none;
    padding: 2px;
    color: #4db118;
    text-transform: uppercase; font-variant: small-caps; 
}
.view a.info:hover {
    box-shadow: 0 0 5px #000
}

.view-first img {
    transition: all 0.2s linear;
}
.view-first .mask {
    opacity: 0;
    background-color: rgba(30,43,24, 0.9);
    transition: all 0.4s ease-in-out;
}
.view-first h5 {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.view-first p {
    transform: translateY(100px);
    opacity: 0;
	transition: all 0.2s linear;
}
.view-first a.info{
    opacity: 0;
	transition: all 0.2s ease-in-out;
}

.view-first:hover img {
	transform: scale(1.1);
}
.view-first:hover .mask {
	opacity: 1;
}
.view-first:hover h5,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}
.view-first:hover p {
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    transition-delay: 0.2s;
}












.view {width: 150px; height: 190px; margin-left: 3px !important; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; background: #fff;}

.view .mask, .view .content {width: 150px; height: 190px; position: absolute; overflow: hidden; top: 0; left: 0;}

.view img {display: block; position: relative}

.view h5 {font-family: 'Ledger', serif; text-transform: uppercase; color: #e5e8cf; text-align: center; position: relative; font-size: 10px; padding: 5px; background: rgba(0, 0, 0, 0.4); margin: 5px 0 0 0;}

.view p {
    font-size: 9px;
    position: relative;
    color: #edeed5;
    padding: 5px 5px 5px;
    text-align: justify;
}
.view a.info {font-family: 'Ledger', serif;
    display: inline-block;
    text-decoration: none;
    padding: 2px;
    color: #4db118;
    text-transform: uppercase; font-variant: small-caps; 
}
.view a.info:hover {
    box-shadow: 0 0 5px #000
}

.view-first img {
    transition: all 0.2s linear;
}
.view-first .mask {
    opacity: 0;
    background-color: rgba(30,43,24, 0.9);
    transition: all 0.4s ease-in-out;
}
.view-first h5 {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.view-first p {
    transform: translateY(100px);
    opacity: 0;
	transition: all 0.2s linear;
}
.view-first a.info{
    opacity: 0;
	transition: all 0.2s ease-in-out;
}

.view-first:hover img {
	transform: scale(1.1);
}
.view-first:hover .mask {
	opacity: 1;
}
.view-first:hover h5,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}
.view-first:hover p {
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    transition-delay: 0.2s;
}