/* Коды принадлежат дизайнеру: by all  (связь : скайп de-picasso)
Связь с дизайнером: ваша связь
Design by ваш ник (c) All rights reserved 2012
-------------------------------------------------------------*/

/* CS0 Меню - навигация
-------------------------------------------------------------*/

 div#pun-navlinks {
       position: absolute;
       margin-left: 0px;
       width: 100%;
       top:414px;
      }

 div#pun-ulinks {
       position: absolute;
       width: 100%;
       top:445px;
       margin-left: 3px;
       }

#pun { background-image : url("http://savepic.org/5308938.png");
background-color : #a5acb1;
background-position : center;
padding-right: 3px;}

/* CS1 Цвет фона, фона форума и остальное.
-------------------------------------------------------------*/

body { 
 background-color: #000; 
 overflow-x: hidden;
 background-image : url("***");
 background-repeat: repeat;
 background-position : top center;
}

/* 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 {
border-color:transparent;
color: #353543;
  }

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

margin-bottom: -9px;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  height: 25px;
  color: #353543;
  font-weight: bold;
  }

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

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
 background-color: #a9b5c2;
 color: #1f2633;
 background-image : url("http://savepic.org/5344773.png");
 border-radius: 7px;
 box-shadow:
   0 0 2px #1b3254 inset;
}

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

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #a9b5c2;
  color: #264562;
 background-image : url("http://savepic.org/5344773.png");
 border: 3px double #b9cfe8;
 border-radius: 5px;
}

/* CS2 Цвета границ
-------------------------------------------------------------*/

/* 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: 0px solid #c2ffff;
  }

/* 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: 1px solid #bed8f5;
  }

#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-color:transparent;
  }

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

.punbb .post-sig dt {
border-color:transparent;
  }


/* CS3 Цвета ссылок и всё что с ними связанно
-------------------------------------------------------------*/

/* 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 {
  border-bottom: 0px none #000;
  text-decoration: none;
    color: #154374;
    text-shadow: 0 0 1px #becddd;
  }

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

/* 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: #467dab;
   border-bottom: 0px none #000;
   text-decoration: none;
   opacity: 0.7; /* все браузеры кроме ИЕ ниже девятой */
   filter: Alpha(opacity=40); /* для ИЕ ниже девятой */
   transition-duration: 0.69s;
  -webkit-transition-duration: 0.69s;
  -moz-transition-duration: 0.69s;
  -o-transition-duration: 0.69s;
  -ms-transition-duration:0.69s; /* IE9+ */
   text-shadow: 0 0 1px #becddd;
  }

/* CS3.3 */
#pun-navlinks a {
  border-bottom: 0px none #000;
  text-decoration: none;
color: #f4ffff;
font-size: 10px;
text-shadow: 0 0 2px #10517e,
                    0 0 5px #00c6ff;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
   color: #f4ffff;
   font-style: normal;
   border-bottom: 0px none #000;
   text-decoration: overline;
   font-weight: normal;
  }

/*/6060*/
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #26170b;
  color: #fff;
  }

/* CS4 Фон всем категориям и разделение между сообщениями. + Сдвиг рекламы.
 -------------------------------------------------------------*/


.punbb .post div.container {
  background: url("") no-repeat scroll center bottom transparent;
}

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1;  left: 185px; top: -65px;
}

/*  CS5 Категории форума и кнопки 
------------------------------------------------------------*/

.punbb table Div.icon {float: left; display: block; width: 50; height: 50px; border-style: none; background-image: url(http://savepic.org/5415360.png);  background-repeat: no-repeat; position: relative;}
TR.inew Div.icon {
background-image : url(http://savepic.org/5366845.png); background-repeat: no-repeat; }
TR.isticky Div.icon {
background-image : url(http://savepic.org/5370941.png); background-repeat: no-repeat; }
TR.iclosed Div.icon {
background-image : url(http://savepic.org/5357629.png); background-repeat: no-repeat; }
TR.iredirect Div.icon {
background-image : url(Картинка "Перемещенная тема"); background-repeat: no-repeat; }
#pun-main table div.tclcon {padding-left: 5px; padding-top: -5px;}


/* CS6 Логотип снизу
 -------------------------------------------------------------*/

 #pun-about p.container {background-color: #;
   background-image : url(http://savepic.org/5343757.png);
   margin-left: -49px;
   background-position : center top;
   background-repeat : no-repeat;
   width: 978px;
   height : 160px; 
   overflow-x: hidden;}

 div#html-footer {
        margin: 0px 0px 0px 0px;}

 div#pun-about {
       margin-bottom:-90px;

}
 div#html-footer {
        margin: -100px 0px 0px 0px;}

 #pun-announcement.section h2 span {display:  none; }
    a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; }

/* CS7 Остальные коды для оформления форума
 -------------------------------------------------------------*/

.lastedit {display:none;}

a.sbla:link, a.sbla:visited {font-family: Verdana; display: block; margin-bottom: 1px;  font-style: none; font-size: 9px; background: #eaeaea; color: #2b2b2b;  padding: 1px 2px 2px 1px; text-align: center; text-shadow:0 0 0; border-radius: 3px;}

a.sbla:hover, a.sbla:active {font-family: Verdana; display: block; display: block; font-size: 9px; background: #161616; text-decoration: none; color: #eeeeee; text-align: center; padding: 1px 2px 2px 1px;text-shadow:0 0 0; border-radius: 3px;}



/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background:url(http://savepic.org/5338167.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin: 25px 0!important;
}
.punbb .post .post-author > ul {
  background:url(http://savepic.org/5382568.png) 0 top no-repeat,url(http://savepic.org/5339191.png) 0 bottom no-repeat; /*Фон верха - низа*/
  margin: -20px 0px -15px 0!important;
  padding: 20px 3px 20px 0px!important;
}

.post-author ul li.pa-author a {
text-align: center;
color: #b9cce1;
text-shadow: 0 0 2px #10517e,
                    0 0 5px #00c6ff;
}

.post-author ul li.pa-author {
text-align: center;
color: #b9cce1;
text-shadow: 0 0 2px #10517e,
                    0 0 5px #00c6ff;
}

.pa-avatar {
   margin-top: 4px!important;
   float: center;
}

.post-author ul li.pa-avatar img {
border: 1px solid #5a8bbd;
padding: 1px;
margin-left: 1px;
}

.pa-avatar img {
    max-width: 200px;
    max-height: 250px;
}

.pa-awards  {
   margin-top: -17px!important;
   margin-left: 10px!important;
}


.lastedit {display:none;}

.post-author ul li.pa-age,
.post-author ul li.pa-respect,
.post-author ul li.pa-sex,
.post-author ul li.pa-posts,
.post-author ul li.pa-reg,
.post-author ul li.pa-from,
.post-author ul li.pa-ip,
.post-author ul li.pa-online,
.post-author ul li.pa-last-visit,
.post-author ul li.pa-icq,
.post-author ul li.pa-fld1,
.post-author ul li.pa-fld2,
.post-author ul li.pa-fld3,
.post-author ul li.pa-fld4,
.post-author ul li.pa-fld5,
.post-author ul li.pa-time-visit{
width: 180px;
padding-left: 25px;
color: #4dabe5;
text-align: left;
}

.post-author ul li.pa-respect a, .post-author ul li.pa-ip a, .pa-awards a {
color: #83caff!important; text-shadow: 0 0 4px #398bf3!important;
}

.myclass { color: #83caff!important; text-shadow: 0 0 4px #398bf3!important;}



img.post-img-Sp {margin:6px 3px;}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:10px;letter-spacing:1px;color:#64c0e2;font-family: Verdana;background-color : #0d1d3a;}



.container1 {width: 450px; margin: 0 auto; padding: 0;}
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 20px;
    width: 50px;
    width: 100%;
}
ul.tabs li {
    float: left;
    margin: 2px;
    height: 20px;
    line-height: 20px;
    border: 0px;
        border-top: 3px double #3a83b9;
        border-bottom: 3px double #3a83b9;
        border-right: 3px double #3a83b9;
        border-left: 3px double #3a83b9;
    margin-bottom: -7px;
    background: transparent;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}

ul.tabs li a {
    text-decoration: none;
    display: block;
    padding: 0 5px;
    background: transparent;
    outline: none;
}

ul.tabs li a:hover {
       background: url();
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;  
}    

html ul.tabs li.active  {
    background: url();    
    border-bottom: 0px solid #000000;
    border-top: 0px solid #000000;    
    border-left: 0px solid #000000;    
    border-right: 0px solid #000000;
    padding-top: 3px;
}  

html ul.tabs li.active a:hover  {
        background: transparent;;
        border-bottom: 0px solid #160f0a;

}

.tab_container1 {
    clear: both;
    float: left; 
    width: 450px;
    height: 180px;
    background-image : url();   
    background-color: transparent;  
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;  

    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.tab_content {
    padding: 5px;
    padding-top: 15px;
}

.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000000;
}


#profilenav h2 span {
  text-shadow: 0 0 0px;
}


#viewprofile a.myclass {
color: #353543!important;
text-shadow: 0 0 0px!important;
}

#mask_dialog .inner {
    cursor: default;
    margin: 0;
    width: 760px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    box-shadow: 0 0 40px #222;
    background: #a9b5c2;
    padding: 8px;
    border-radius: 5px;
    border: solid #1c3148 1px;
}