/* CS1 Background and text colours
-------------------------------------------------------------*/
html {
}

body {
  background-color: #0b0a1b;
        background-image: url(http://forumstatic.ru/files/0012/0f/f2/77573.jpg);
        background-repeat: repeat;
}
@media screen and (min-width: 1170px) {
  body {
        background-image: url(http://forumstatic.ru/files/0012/0f/f2/56649.jpg), url(http://forumstatic.ru/files/0012/0f/f2/77573.jpg);
        background-repeat: no-repeat, repeat;
        background-position: top center, center;
  }
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: rgba(249, 233, 194, 0.3) !important;
  -webkit-box-shadow: inset 0 0 8px rgba(249, 233, 194, 1); 
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: rgba(10, 45, 64, 0.3) !important; 
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 8px rgba(10, 45, 64, 1); 
}

::-webkit-scrollbar-corner, ::-webkit-resizer {
  background: transparent !important;
}

.memdetails
{
   background: #b9b9b9;
   border: 1px solid #bcab81;
   border-bottom-width: 1px;
   border-right-width: 1px;
   padding: 4px 1px 4px 1px;
   margin: 3px 1px 3px 1px;
   text-align: center;
   color: #fff;
}
#pun-announcement h2 {display: none;}

.pa-avatar {
    width: 173px;
    height: 214px;
    overflow: hidden;
}

.post-author {
    color: #000;
}

.punbb .post .post-author > ul {
    background: url(http://forumstatic.ru/files/0012/0f/f2/61862.png) 0 bottom no-repeat, url(http://forumstatic.ru/files/0012/0f/f2/86042.png) 0 top no-repeat;
margin-left: -13px;
        margin: 0px 0px 0px 0px!important;
    padding: 10px 17px 50px 20px!important;
}

.forum .tclcon a {
  font-weight: bold !important;
}

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

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-image: url();
  margin: 0 -7px;
  background-repeat: no-repeat;
  background-position: center; 
  color: #000;
  width: 950px;
  height: 20px;
  text-align: center;
  font-size: 15px;
  background-color: transparent;


  }

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

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

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


  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    color: #000;
    padding: 0px;
}

/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  color: #000; 
  text-align: center;
  border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
}

.punbb textarea{
    border: none;
    color: black;
    background: #c1af7f;
    border-style: solid;
    border-width: 1px;
    border-color: #676776;
}

.punbb select, .punbb input {
border: none;
    color: black;
    background: #c1af7f;
    border-style: solid;
    border-width: 1px;
    border-color: #676776;
}

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

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

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
 color: #051724;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* 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: #670404;
    font-weight: bold;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    color: #670404;
    font-weight: bold;
  }

/* 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: #670404;
    font-weight: bold;

  }


/* CS3.3 */
#pun-navlinks a {
        color: #e1b366;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
  }


/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
        color: #e1b366;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
  }

 

/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {
  background: url(http://forumstatic.ru/files/0012/0f/f2/78709.png);
  opacity: 0.6
}

tr.inew div.icon {
  opacity: 1.0
}

tr.iclosed div.icon {
  background: url(http://forumstatic.ru/files/0012/0f/f2/34770.png);
}

tr.isticky div.icon {
  background: url(http://forumstatic.ru/files/0012/0f/f2/55674.png);
}

tr.iredirect div.icon {
  background: url(http://forumstatic.ru/files/0012/0f/f2/35787.png);
}

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


#pun {margin-top: -12px!important;}

#pun-title td.title-logo-tdr {
       position:absolute;
       display:block;
z-index:100;
left:50%;
margin: 345px 0 0 -235px;
}

#pun-about .container {
background-color: transparent !important;
    background-image: url(http://forumstatic.ru/files/0012/0f/f2/18045.jpg);
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
       height: 210px;
    width: 1173px;
        margin-left: -0.6em;
    margin-top: 3em;
}

#pun-title td.title-logo-tdr {
       position:absolute;
       display:block;
z-index:100;
left:50%;
margin: 290px 0 0 -50px;
}

#pun-category1 {
/*margin-top:-43px!important;*/
}



#banners {        
 width: 182px;
    margin-left: 45em;
    margin-top: -15em;
    height: 69px;
}

#cop {        
 text-align: center;
    margin-top: -3em;
    margin-left: 6em;
    width: 1040px;
    font-weight: bold;
    /* text-shadow: 1px 1px 7px #fff; */
    color: #f0c777;
}

/*------------------------------------*\
	НАВИГАЦИЯ
\*------------------------------------*/
#nav{
	float:left;
	width:100%;
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
}
#nav li{
	float:left;
	margin-right:10px;
	position:relative;
	display:block;
}
#nav li a{
	display:block;
	padding:5px;
	color:#fff;
	background:#333;
	text-decoration:none;
	
	text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Тень текста, чтобы приподнять его на немного */
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
#nav li a:hover{
	color:#fff;
	background:#6b0c36;
	background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */
	text-decoration:underline;
}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
	opacity:0; /* Устанавливаем начальное состояние прозрачности */
	-webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
}
#nav ul li{
	padding-top:1px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
	float:none;
	background:url(dot.gif);
}
#nav ul a{
	white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	display:block;
}
#nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	left:0; /* Приносим его обратно на экран, когда нужно */
	opacity:1; /* Делаем непрозрачным */
}
#nav li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
	background:#6b0c36;
	background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */
	text-decoration:underline;
}
#nav li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
	background:#333;
	background:rgba(51,51,51,0.75); /* Будет полупрозрачным */
	text-decoration:underline;
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}