/* CS1 Background and text colours
-------------------------------------------------------------*/
#pun-about p.container {background-image: url(----); background-position: top center; background-repeat: no-repeat; height: 0px;}


body {
background-color: #333333;
background-image: url(http://i51.tinypic.com/f3ckd0.jpg);
background-position:  top center; 
background-repeat: repeat;
background-attachment: ;
}


/*ver1 http://s019.radikal.ru/i642/1310/11/a2917cd46711.png*/
/*ver2 http://s017.radikal.ru/i404/1311/16/d8a485635fc4.png*/
#pun-title table {
background-image : url(http://s019.radikal.ru/i627/1311/4d/7fc6cf760956.png); 
background-repeat : no-repeat;
border: none;
margin-top: 12px;
  
}

#pun {background-color: #333333; 
background-image: url(); background-position: top center; background-repeat: repeat;
}


/* 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: transpanent;
  color: #999999;
  }

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transpanent;
  color: #999999;
  }

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

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

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transpanent;
  color: #999999
  }

/* CS1.7 Quotebox-codebox background color */
.punbb .quote-box, .punbb .code-box {
    padding: 5px 10px;
    background: #979797;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    border-top: 1px solid #efefef;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

  }

  }

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

.punbb textarea, .punbb select, .punbb input {
background-image : url("");
  background-color: #e8ddbf;
  color: #999999
}

/* 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 {
  border-color: transparent;
  }
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  color: #FFFFFF;
  }
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }
.punbb .divider {
  border-color: #212546 #212546 #212546 #212546
  }
.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #dedfdf
  }
li.pa-online {
  border-left-color: transparent;
  }
.punbb .post-sig dt {
  border-top-color: transparent; !important;
  }

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



.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #190e09
  }

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

  }

.subscribelink a, .subscribelink a:link, .subscribelink a:visited { 
color: #FFFFFF; 
} 

.subscribelink a:hover, .subscribelink a:focus { 
color: #BAE858; 
} 

.post h3 span a:link, .post h3 span a:visited { 
font-weight: normal; 
font-size: 0.9em; 
text-decoration: none; 
} 

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #999;
  color: #000;
  }

/* CS4 Post status icons
    -------------------------------------------------------------*/
/* Ставим новые иконки  */
.punbb table Div.icon {float: left; display: block; width: 21px; height: 19px; border-style: none;
background-image: url(http://s017.radikal.ru/i439/1310/60/4c1d5107db8e.png);
background-repeat: no-repeat;
position: relative; margin-right: 13px; margin-left: 10px;}
TR.inew Div.icon {float: left; display: block; width: 21px; height: 19px; border-style: none;
background: url(http://i068.radikal.ru/1310/50/ad61c5aa636f.png) no-repeat;}
TR.isticky Div.icon {float: left; display: block; width: 21px; height: 19px; border-style: none;
background: url(http://s002.radikal.ru/i200/1311/17/2a9d3db6f120.png) no-repeat;}
TR.iclosed Div.icon {float: left; display: block; width: 21px; height: 19px; border-style: none;
background: url() no-repeat;}
TR.iredirect Div.icon {float: left; display: block; width: 21px; height: 19px; border-style: none; background-image : url(http://s017.radikal.ru/i439/1310/60/4c1d5107db8e.png); no-repeat;
}

#pun-stats ul.container {background-image: url() no-repeat;); background-repeat: no-repeat; }

#pun-main .post-author ul {text-align: center;}

#pun-ulinks .container {text-align: center !important; font-family: "georgia"; font-size: 2.5mm;}

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


/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
-webkit-box-shadow: 0 2px 3px 0 #888 inset;
-moz-box-shadow: 0 2px 3px 0 #888 inset;
box-shadow: 0 2px 3px 0px #888 inset;
color: #333333;
font-color: #000;}


/* Закругленные края цитаты и кода с тенью */
    height: 32px;
    background: #d9d9d9;
    border: 1px solid #bdbdbd;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;}

.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.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #333;
background-image: url("");
color: #fff}

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

/* Навигация */
#pun-about p.container {background-color: #transparent;
background-image : url(0); 
background-position : center top; 
background-repeat : no-repeat; 
height : 10px; }

#pun-ulinks .container { 
text-align: center; 
color: #FFFFFF;
text-align: center;
top: 320px;}

/*NavLinks*/
#pun-navlinks {background:url(http://i52.tinypic.com/x0s0tv.jpg); height:50px;}
#pun-navlinks a:link, #pun-navlinks a:active, #pun-navlinks  a:visited {line-height:50px; valign:bottom; padding-top:18px; padding-bottom:17px; text-decoration:none; padding-left:10px; padding-right:10px; text-transform:upperrcase; font-style:italic; letter-spacing:2; color:#FFF; text-shadow:1px 1px 1px #000; font-size:11px;}
#pun-navlinks  a:hover {background:url(http://i51.tinypic.com/25q6joj.jpg); padding-left:10px; padding-right:10px; color:#BAE858;}

/*Sidebar*/
.sidebg {background-color:#333; padding:5px; color:#999; margin-bottom:10px;}
.sidedesc {font-size:10px; color:#999; background-color:#383838; padding:10px; border-bottom:5px solid #675F7E; text-align:justify;}
.maintitle { border-bottom:10px solid #403b4c; color:#FFF; font-style:italic; text-transform:lowercase; letter-spacing:2px; font-size:20px; text-align:center; line-height:18px; text-shadow:1px 0px 0px #000;}
.pformstrip { padding:0px; padding-bottom:5px; text-transform:uppercase; color:#AEAEAE; font-size:7px; text-align:center; background-color:#333; letter-spacing:2px;}
.forumdesc {font-size:10px; color:#999; margin-top:-15px; background-color:#383838; padding:10px; border-bottom:5px solid #403b4c;}

/*TABLES BEGIN*/
.updatebox {width: 300px; height:150px; overflow: auto; text-align: justify;margin: auto;background: rgba(247,247,247,0.6);padding: 15px;box-shadow: 2pt 2px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow: 2pt 2px 3px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 2pt 2px 3px rgba(0, 0, 0, 0.2);color: #000000;line-height: 12px;}

#bannerlinks2 a {
font: normal normal 8px/20px arial;
	text-decoration: none;
	letter-spacing: 3px;
	display: block!important;
	background: #660722;
	margin: 0px;
        margin-top:1px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	border-bottom: 1px #e8e8e8 solid;
        width:140px;
        }

#bannerlinks2 a:hover {
    font: italic normal 8px/20px arial;
	text-decoration: none;
	letter-spacing: 3px;
	display: block!important;
	background: #fff;
	margin: 0px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	border-bottom: 2px #660722 solid;
        }

.staffbox {width: 220px; height:176px; text-align: justify;margin: auto;background: rgba(247,247,247,0.6);padding: 2px;box-shadow: 2pt 2px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow: 2pt 2px 3px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 2pt 2px 3px rgba(0, 0, 0, 0.2);font-family:  Calibri, serif;font-size: 10px;color: #000000;line-height: 12px;}

.staff2 {background-color: gray; width:87px; height: 48px;}
/*TABLE END*/

.thattable {width: 830px; height: 326px; padding: 10px;} 

/*CAROUSEL BEGIN*/
.slideshow {background-color: transparent; background-image:url(''); width: 830px; height: 326px; margin:0px; top:0px;}

.sp-slideshow { background-image:none!important; width: 830px; height: 326px; margin-left:0px; margin-top:200px; position:absolute; z-index:100; padding: 10px; overflow:hidden}

.sp-content { background-image:none!important; position: relative;width: 100%;height: 100%; margin-top:200px; position:absolute; z-index:100; overflow:hidden} 

.sp-parallax-bg { background-color: transparent;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}


/*arrows*/
.sp-arrow {position: absolute;top: 50%;width: 28px;height: 38px;margin-top: -19px;display: none;opacity: 0.8;cursor: pointer;z-index: 1000;background: transparent url(http://s020.radikal.ru/i711/1404/b3/c43e462774c6.png) no-repeat;-webkit-transition: opacity linear 0.3s;-moz-transition: opacity linear 0.3s;-o-transition: opacity linear 0.3s;-ms-transition: opacity linear 0.3s; transition: opacity linear 0.3s;} 

.sp-arrow:hover{opacity: 1;} 
.sp-arrow:active{margin-top: -18px;} 
.sp-selector-1:checked ~ .sp-arrow.sp-a2, 
.sp-selector-2:checked ~ .sp-arrow.sp-a3 {right: 15px;display: block;background-position: top right;}

.sp-selector-2:checked ~ .sp-arrow.sp-a1, 
.sp-selector-3:checked ~ .sp-arrow.sp-a2 {left: 15px;display: block;background-position: top left;}

.slideone { width:825px; height:230px; padding:0px; background-image:url('');}

/*transition*/
.sp-slideshow input:checked ~ .sp-content {-webkit-transition: background-position linear 0.6s, background-color linear 0.8s;-moz-transition: background-position linear 0.6s, background-color linear 0.8s;-o-transition: background-position linear 0.6s, background-color linear 0.8s;-ms-transition: background-position linear 0.6s, background-color linear 0.8s;transition: background-position linear 0.6s, background-color linear 0.8s;} 

.sp-slideshow input:checked ~ .sp-content {-webkit-transition: background-position linear 0.7s;-moz-transition: background-position linear 0.7s;-o-transition: background-position linear 0.7s;-ms-transition: background-position linear 0.7s;transition: background-position linear 0.7s;}

/*li etc*/
.sp-slider { position: relative;left: 0; width: 500%;height: 100%;list-style: none; margin: 0;padding: 0;-webkit-transition: left ease-in 0.8s; -moz-transition: left ease-in 0.8s; -o-transition: left ease-in 0.8s; -ms-transition: left ease-in 0.8s;transition: left ease-in 0.8s; } 
.sp-slider > li { height:100%; padding:0 60px; width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float:left; text-align:center; opacity:0.4; -webkit-transition:opacity ease-in 0.4s 0.8s; -moz-transition:opacity ease-in 0.4s 0.8s; -o-transition:opacity ease-in 0.4s 0.8s; -ms-transition:opacity ease-in 0.4s 0.8s; transition:opacity ease-in 0.4s 0.8s; }
.sp-slider > li img{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;display: block;margin: 0 auto;padding: 40px 0 50px 0;max-height: 100%;max-width: 100%;}

input.sp-selector-1:checked ~ .sp-content .sp-slider {left: 0;} 

/*slides loc*/
input.sp-selector-1:checked ~ .sp-content .sp-slider {left: 0;} 
input.sp-selector-2:checked ~ .sp-content .sp-slider {left: -100%;} 
input.sp-selector-3:checked ~ .sp-content .sp-slider {left: -200%;}

/*arrows on slides*/
input.sp-selector-1:checked ~ .sp-content .sp-slider > li:first-child, 
input.sp-selector-2:checked ~ .sp-content .sp-slider > li:nth-child(2), 
input.sp-selector-3:checked ~ .sp-content .sp-slider > li:nth-child(3){ opacity: 1; }


/*mobile*/
@media screen and (max-width: 840px){ .sp-slideshow { height: 345px; } } @media screen and (max-width: 680px){ .sp-slideshow { height: 285px; } } @media screen and (max-width: 560px){ .sp-slideshow { height: 235px; } } @media screen and (max-width: 320px){ .sp-slideshow { height: 158px; }
/*CAROUSEL END*/