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

/* ЗАДНИЙ ФОН */ 

html, body {
  background-color: #4b0082;  /*цвет*/
  background-image: url(http://s4.uploads.ru/7oOWE.jpg);  /*картинка*/
  background-repeat: repeat;  /*повторение картинки*/
  background-position: top center;  /*позиционирование картинки*/
  background-attachment: fixed;  /*прокрутка картинки*/
}

#pun-title TABLE {
background: url(http://s4.uploads.ru/ZxI07.jpg) transparent no-repeat center top;
height: 600px !important;
}

#pun-title td.title-logo-tdl {
    border: none;
    width: 100%;
    color: transparent;
}

#pun { background-image : url("http://s5.uploads.ru/SaU2h.png");
background-color : #;
background-position : center;
width: 800px !important;
}


#pun th {color: #4b0082;   background-color: none;}
#pun-main .pagelink, #pun-main .postlink {color: #4b0082;}

.container table thead tr .tcl, .container table thead tr .tc2, .container table thead tr .tc3,  .container table thead tr .tcr, .container table thead .tc3, .container table thead .tcl, .container table thead tr .tcmod {border-style: none;}

#pun-adnav .isactive ul.adsubnav a {
  color: #000 !important;
  }

/* МЕНЮ НАВИГАЦИИ */
#pun-navlinks {
  background-color: transparent;  
}
#pun-navlinks .container {
  line-height: 50px; /*выравнивание текста по вертикали*/
  padding: 0 70px; /*отступы текста с краев*/
  text-align: center; /*выравнивание текста по центру*/
}
/* ссылки меню навигации */
#pun-navlinks a {
  color: #660099; /*цвет*/
  font-family: 'Calibri'; /*стиль шрифта (импортирован с гугла)*/
  font-style: italic; /*курсив*/
  font-size: 16px; /*размер текста*/
  text-decoration: none; /*убираем подчеркивание*/
  padding: 5px; /*отступ ссылок от краев*/
}
/* ссылки меню навигации при наведении курсора*/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #183750; /*цвет*/
  padding: 5px; /*отступ ссылок от рамки*/
  }

/* ТЕКСТ КАТЕГОРИЙ */

.punbb .main h2 span, #pun-stats h2 span   {
  position: relative;  /*для того, чтоб двигать текст*/
  top: 5px;  /*двигаем сверху*/
  left: 0px;  /*двигаем слева*/
  font-weight: bold;  /*делаем жирным*/
  color: #4b0082;  /*цвет текста*/
  font-family: 'Annabelle', cursive; /*импортируемый шрифт из гугла*/
  font-size: 24px!important;
  font-weight:bold;
  text-shadow:2px 2px 10px #4b0082;
/*ВНИМАНИЕ! для того, чтоб текст был по центру, слева не двигать (поставить ноль), а в предыдущем блоке "картинка категорий" дописать text-align: center; */
  }
.punbb .main h1 span, #pun-stats h2, .punbb .main h2 {
  position: relative;  /*для того, чтоб двигать текст*/
  font-weight: bold;  /*делаем жирным*/
  color: #991199;  /*цвет текста*/
  font-family: 'Annabelle', cursive; /*импортируемый шрифт из гугла*/
  font-size: 24px!important;
  font-weight:bold;
  text-shadow:2px 2px 10px #4b0082;
  }

/* 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: #4b0082; 
  }


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

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

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

/*КАРТИНКА-КОПИРАЙТ*/

#pun-about .container {
  background-color: transparent;  /*цвет фона*/
  background-image: url();  /*картинка*/
  background-repeat: no-repeat;  /*повторение картинки*/
  background-position: top center;  /*позиционирование картинки*/
  height: 0px;  /*высота картинки*/
  margin-right:-50px; margin-left: -50px;
  border-color: transparent!important;
}



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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
  color: #4b0082
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: none;
  color: #4b0082; height: 60px !important;
 background-repeat: no-repeat; background-position: top center; background-image: url(""); }

#pun-ulinks .container {
  background-color: transparent;
  color: #4b0082; height: 55px !important;
 background-repeat: no-repeat; background-position: top center; background-image: url(""); }

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

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


/* 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:  #fff
  }

/* 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: #4b0082; border-width: 1px; border-style: solid;
  }

#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;
  }

.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: #4b0082;
    border-bottom: 0px none #000;
  text-decoration: none;
  background-color: transparent;
  }

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

/* 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: #4b0082;
    border-bottom: 1px none #fff;
  text-decoration: none;
  background-color: transparent;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #4b0082;
  font-weight: none;
  border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #4b0082;
  font-weight: none;
font-style: normal;
  border-bottom: 1px none #fff;
  text-decoration: none;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }); background-repeat: no-repeat; background-position: top center;}

#pun-crumbs2 .container {
        background: transparent;
        color: #000;}


#pun-main div.catleft, #pun-main div.catright {
        display: none;
}

#pun-stats div.statscon {
        background: transparent;
}

/* Оформление профиля
 -------------------------------------------------------------*/ 

.pa-title, .pa-author {
text-align: center;
}

.post-author ul {
background: url(http://easytousetech.com/uploads/posts/2013-02/1360803964_pink-dots.jpg) repeat scroll 0 0 #e4e0dd; 
border: 4px solid #ffffff; 
border-left: 0px solid #dbd6ae;
margin: 0.6em;
}

.post-author ul li {
border-top: 1px; margin: 4px 4px 0; padding: 0 3px 2px;}

.post-author ul li.pa-author, .post-author ul li.pa-title, .post-author ul li.pa-avatar, .post-author ul li.pa-fld5, .post-author ul li.pa-online {
text-align: center;
}


.post-author ul li.pa-avatar {
margin: 0; padding: 0;
}

.post-author ul li.pa-avatar img {
height: auto; 
max-height: 390px !important; 
max-width: 200px !important; 
width: auto;
}

.post-author ul li.pa-author, .post-author ul li.pa-title, .post-author ul li.pa-avatar {
border: medium none;
}

.post-author ul li.pa-author a {
font-style: normal !important; 
text-decoration: none !important;
}

.pa-author {
font-family: Palatino Linotype;
font-variant: small-caps;
font-size: 20px;
text-align: center;
}