/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
	background-color: #8A8A8A;
}
html, body {background-color: #8A8A8A; background-image: url("http://fc01.deviantart.net/fs70/i/2014/004/8/d/equestria_by_cmaggot-d70tuge.jpg"); 

background-size: 100% auto;
background-attachment: fixed;
height: auto;
background-position: top center;
}
#pun-title {
 background: url(http://i.imgur.com/ssM8ji1.png) no-repeat center top;
}

#pun-title TABLE {
        background: url(http://i.imgur.com/D45RHUU.png) no-repeat center bottom;
background-size: 100% 50%;
}

#pun-title h1 {
        background-color: transparent;
}

#pun-title h1:before {
content: "Old Equestria";
display: block;
padding: 0;
border: none;
font-size: 6em;
font-style: italic;
font-family: 'MedievalScribishRegular', 'Times New Roman', cursive;
text-align: center;
color: #000000;
}

#pun-title h1:after {
content: "Новая история";
display: block;
padding: 0;
border: none;
font-size: 3em;
font-style: italic;
font-family: 'GothicRusMedium', 'Times New Roman', cursive;
text-align: center;
color: #ddee00;
}

#pun {
        background-color : transparent;
        padding:  0px 0px 0px 0px;
        color: #000

}
      

/* CS1.1 */
.punbb .main .container,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,#setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: #7A7A7A;
  color: #000;
  }

.punbb-admin #pun-admain .adcontainer {
  background-color: #7A7A7A;
  color: #000;
}
#pun {
        background-color : transparent;
        padding:  0px 0px 0px 0px;
        color: #000

}
/* CS1.2 */
.punbb .altstyle .post-body, .altstyle .post-box, .punbb .altstyle .post-links, .punbb .post .post-links ul, .punbb .post h3 span {
background-color: #7D7D7D !important;
box-shadow: inset 0px 0px 40px 0px #111111;
color: #000;
}

#pun-main .post-author ul{
background-color: #7D7D7D !important;
box-shadow: inset 0px 0px 40px 0px #111111;
color: #fff;
}

.punbb .topicpost .post-body, .topicpost .post-box, .punbb .topicpost .post-links, .punbb .post-body, .post-box, .punbb .post-links, .punbb .topicpost .post-author, .punbb .post .post-author {
background-color: #8A8A8A;
box-shadow: inset 0px 0px 40px 0px #111111;
color:  #000; /*цвет текста нечетных*/
}

.punbb .post, .punbb .post .container, .punbb .post h3 {
background: transparent;
}

.punbb td.tc2, .punbb td.tcr {
  background-color: #7D7D7D;
  color: #000;
  }

.punbb td.tc3{
  background-color: #7D7D7D;
  color: #000;
}

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

/* CS1.4 */
.punbb .modmenu .container {
  background-color: #707070;
  color: #000;
box-shadow:  0 7px 7px #969696, 23px 0 20px -23px #A3A3A3;
  }

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

.punbb .post h3 strong {
  font-size: 0.9em;
  color:  #fff; /*номера страниц*/
  text-decoration: underline
}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #707070;
box-shadow: inset 0px 0px 40px 0px #000000;
  color: #000
  }

/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  color: #333;
  }

#pun-ulinks .container {
  background: #7A7A7A;
}

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

.punbb th {
  color: #000000;
  background: #3D3D3D;
}

.punbb textarea {
  background-color: #A3A3A3;
box-shadow: inset 0px 0px 40px 0px #111111;
  color: #111
}

.punbb select, .punbb input {
background-color: #575757; /*все кнопки*/
  color: #000;
cursor: pointer;
}

.inputfield input {
cursor: text;
}

/* CS2 Border colours
-------------------------------------------------------------*/
#pun-title, #pun-navlinks {
        border-color: #000000;
}

#pun-ulinks .container {
        border-color:#000000;
}

.punbb .post .container {
  border-top-color: #000;
}

/* CS2.1 */
.punbb .container, .post h3 {
  border-color: #000000 #000000 #000000 #000000
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color:#000000;
  }

.punbb .category {
border-top: none;
}

.punbb .post h3,
.punbb .post h3 span {
  border-bottom: 1px solid #000;
}

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #3d3d3d 
  }

.punbb .main h2 {
border-top: none;
}

/* CS2.4 */
.punbb fieldset {
  border-color: #3D3D3D
  }

.punbb td, #viewprofile ul, #profilenav ul, .usertable table {
  border-color: #3D3D3D
  }

/* CS2.5 */
#pun-break2, #pun-break2 hr {
display: none;
}


/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color:#3D3D3D #3D3D3D #3D3D3D#3D3D3D;
  }

#pun-ulinks li, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #3D3D3D
  }

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

.punbb .divider {
  border-color:  #111111 #3D3D3D #3D3D3D #3D3D3D;
  }

#pun-break4 {
  border-color: #3D3D3D #3D3D3D #3D3D3D #3D3D3D;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #3d3d3d
  }

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


/* 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:#d6d6d6;
  text-decoration: none;
  }

#pun-admain .adlabel a {
  color: #111 !important;
  text-decoration: none;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #111;
   text-decoration: none;
  }

/* 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:#e7e8e9;
  text-decoration: underline;
  }

/* CS3.3 */
#pun-navlinks a {
  color:#F5F9FF;
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #111;
  text-decoration: underline;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #111;
  }

#pun-ulinks a {
  text-decoration: none;

}

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

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

div.icon {
        background: url(http://i.imgur.com/NuUUDHG.png) no-repeat;
background-position: 50% 50%;
}

tr.inew div.icon {
        background: url(http://i.imgur.com/Ex5t1M6.png) no-repeat;
background-position: 50% 50%;
}

tr.iclosed div.icon {
        background: url(http://i.imgur.com/dtEw3ZK.png) no-repeat;
background-position: 50% 50%;
}

tr.iredirect div.icon {
        background: url(http://s0.uploads.ru/cjdel.gif) no-repeat;
background-position: 50% 50%;
}

tr.isticky div.icon {
        background: url(http://i.imgur.com/oUmLck2.png) no-repeat;
background-position: 50% 50%;
}

.punbb .main h1 span, .punbb .main h2 span, #pun-stats h2 span {
        background: transparent url(http://st1.bbcorp.ru/img/Mybb_Lord_of_the_Rings/arrow.gif) no-repeat 0% 3px;
        padding-left: 16px;
}

#profilenav h2 span, #viewprofile h2 span {background-image: none}

td.tcr a{
        background: transparent url(http://st1.bbcorp.ru/img/Mybb_Lord_of_the_Rings/post.gif) no-repeat 0% 3px;
        padding-left: 20px;
}

#pun-stats ul.container {
        background: transparent url(http://i.imgur.com/r10trw3.png) no-repeat 10px bottom;
        padding-left: 131px;
}

#pun-stats div.statscon {
        background-color: #858585;
box-shadow: 0 7px 7px #707070, 7px 0 7px #707070, 23px 23px 20px -23px #707070;
}

#pun-crumbs2 .container,
#pun-about .container {
        background-color: #858585;
}

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

#tieser-bottom {
box-shadow: 0 7px 7px #707070, 7px 0 7px #707070, 23px 23px 20px -23px #707070;
}

/* CS5 box-shadow
 -------------------------------------------------------------*/

.punbb .main .category .container table {
box-shadow: 0 7px 7px #707070, 7px 0 7px #707070, 23px 23px 20px -23px #707070;
}

#pun-crumbs1, #pun-about {
box-shadow:  0 7px 7px #707070, 23px 0 20px -23px #707070;
}

#pun-status .container, #pun-crumbs2 {
box-shadow:  0 -7px 7px #707070, 23px 0 20px -23px #707070;
}

#pun-announcement .container {
box-shadow:  0 7px 7px #707070,  0 -7px 7px #707070, 23px 0 20px -23px #707070;
}

/* CS8 Админка */
#pun-admain li.isactive a {
color: #8A8A8A !important;
}

#pun-admain a:hover {
color: #8A8A8A !important;
}

#pun-admain a:visited {
color: #8A8A8A;
}

.punbb-admin #pun-admain h2, .adcontainer, .adformal, #pun-admain fieldset {
box-shadow: 0 7px 7px #111111, 7px 0 7px #111111, 23px 23px 20px -23px #111111;
}


#pun-admain fieldset {
border-color: #000000 !important;
}

/* CS9 Вкладки в Объявлении, Цвета и Фон */

/* CS9.1 */
.tab1 label, .tab2 label {
      color: black;
      background: #B0B0B0;      
    }

/* CS9.2 */
.content1, .content2 {
      background-color: #969696;
      color: #000;
      border-color: #111111; 
      box-shadow: 0 7px 7px #111111, 0 -7px 7px #111111, 23px 0 20px -23px #111111;
    }
/* CS9.3 */

[type=radio]:checked ~ label {
      background-color: #969696;
      box-shadow: 0 -7px 7px #111111, 23px 0 20px -23px #111111;
      color: #000;
    }

/* CS10 Кнопки Вверх-Вниз, картинки */

/* CS10.1 */
.go-up {
background: url(http://s017.radikal.ru/i406/1408/46/f88209f688a4.png) no-repeat;
}

/* CS10.2 */
.go-up:active {
background: url(http://s017.radikal.ru/i406/1408/46/f88209f688a4.png) no-repeat;
}

/* CS10.4 */
.go-down {
background: url(http://s020.radikal.ru/i703/1408/ea/a330db25496a.png) no-repeat;
}

/* CS10.3 */
.go-down:active {
background: url(http://s020.radikal.ru/i703/1408/ea/a330db25496a.png) no-repeat;
}

/******************************************************************
  Cтиль к скрипту: 
 "Всплываюшая таблица с вкладками, в топике, с инфой о персонаже"
******************************************************************/
/*Стиль иконки в мини-профиле*/
img.a-info{
  padding:2px;
  display:block!important;
  cursor:pointer;
/*border-radius:50%;*/
  position:absolute;
  text-align:left!important;
}
/* Затемняющий фон */
#pre-wrap {
 margin:0;
 top:0;bottom:0;
 left:0;right:0;
 width:100%;
 height:100%;
 position:fixed;
 z-index:20000;
 background: rgba(0,0,0,.65);
}
/*Подвижка иконки закрытия таблички*/
.my-tabs > img.close {
 float:right;
 margin:0 -35px 0 0!important;
 width:27px;
}
/* Корневой таб(UL) */
.my-tabs{
 display:block;
 z-index:30000;
 position:absolute;
 max-height:700px;  /*максимальная высота таблички*/
}
/* Стиль "Ушка" вкладок */
.my-tabs>span{
 opacity:0.78;
 color:#000;
 cursor:pointer;
 display:block!important;
 position:relative; z-index:12;
 padding:4px;
 height: 17px!important;
 margin-right: 2px;
 margin-left: -1px;
 margin-bottom:-4px!important;
 border: 4px solid;
 border-radius: 10px 0 0 0;
 text-align:left;
 padding-right:6px;
 text-shadow: 1px 1px 2px rgba(0,0,0,.4);
 font: italic normal 400 13px/16.5px "Comic Sans Ms";
 float:left;
}
/* Cдвиг самого первого "Уха" */
.my-tabs>span:first-child{
 margin-left: 8px;
}
/* Активное "Ушко" */
.my-tabs>span.selected{
 opacity:1;
 border-bottom-color:transparent!important;
}
/* Стиль вкладки(LI)*/
.my-tabs>.tab-a{
 width:100%;
 height:100%;
 position:relative;z-index:1;
 display:none;
 overflow-y:auto;
 overflow-x:hidden;  
 text-align:center;
 vertical-align:middle;
 border-radius: 10px;
 border:  6px solid;
 border-width:4px 7px 5px 7px;
 padding:4px 12px!important;
}
/*Отступ контента вкладки сверху*/
.tab-a .post-content{
 margin-top:1.4em;
 text-align:left;
 display:inline-block;
}