/* Коды принадлежат дизайнеру: by all  (связь : скайп de-picasso)
Связь с дизайнером: ваша связь
Design by nansy (c) All rights reserved 2015 
-------------------------------------------------------------*/
/* CS0 Меню - навигация
-------------------------------------------------------------*/
div#pun-navlinks {
       position: absolute;
       width: 100%;
       margin-left: -30px;
       top:-3px;
    }
div#pun-ulinks {
       position: absolute;
       width: 100%;
       margin-left: 30px;
       top:20px;
       }
#pun { background-image : url("http://funkyimg.com/i/VZuy.png");
background-color : #D4DAEF;
background-position : center;}
/* CS1 Цвет фона, фона форума и остальное.
-------------------------------------------------------------*/
body { 
background-color: #2A3659; 
overflow-x: hidden;
background-image : url("http://funkyimg.com/i/VZuw.png");
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: #0f0803;
  }
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
border-color:transparent;
  color: #0f0803;
  }
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color:transparent;
  color: #0f0803;
  font-weight: normal;
font-style: normal;
  }
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
border-color:transparent;
  color: #0f0803;
  }
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
border-color:transparent;
  color: #0f0803
  }
/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
background-color: transparent;;
  color: #0f0803
  }
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #E4EFFA;
  color: #0f0803
  }
/* CS1.8 */
#pun-navlinks .container {
  border-color:transparent;
  color:#0f0803;
  }
.offline li.pa-online strong {
  font-weight: normal
  }
.punbb textarea, .punbb select, .punbb input {
  background-color: #DFEDF9;
  color: #4C5A87
}
/* 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-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;
  }
#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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #4C5A87;
  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: #4C5A87; 
  text-decoration: none;}
/* CS3.3 */
#pun-navlinks a {
  color: #BE1E24 !important;
  text-decoration: none;}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #BE1E24 !important;
  text-decoration: none;}
/* CS3.5 */
#pun-ulinks a {
  color: #346793;
  text-decoration: none;}
/* CS3.6 */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #346793;
  text-decoration: none;}
/* CS4 Фон всем категориям и разделение между сообщениями. + Сдвиг рекламы.
-------------------------------------------------------------*/
#pun  .section {border-style: none; width: 800px; }
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
.punbb .post div.container {
  background: url("") no-repeat scroll center bottom transparent;
}
.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
  background: url() top center;
  text-align: center;
  color: #000;
  }
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1;  left: 450px; top: 320px;
}
/*  CS5 Категории форума и кнопки 
------------------------------------------------------------*/
#pun-category1.category h2 {
background: url(http://funkyimg.com/i/VZCY.png);
height: 68px;
width:  550px;
font-size:0 !important;
margin-left: 150px;}

#pun-category2.category h2 {
background: url(http://funkyimg.com/i/VZDU.png);
height: 68px;
width:  550px;
font-size:0 !important;
margin-left: 150px;}

#pun-category3.category h2 {
background: url(http://funkyimg.com/i/VZDT.png);
height: 68px;
width:  550px;
font-size:0 !important;
margin-left: 150px;}

#pun-category4.category h2 {
background: url(http://funkyimg.com/i/VZDS.png);
height: 68px;
width:  550px;
font-size:0 !important;
margin-left: 150px;}

#pun-category5.category h2 {
background: url(http://funkyimg.com/i/VZDR.png);
height: 68px;
width:  550px;
font-size:0 !important;
margin-left: 150px;}

#pun-category6.category h2 {
background: url(http://funkyimg.com/i/VZDQ.png);
height: 68px;
width:  550px;
font-size:0 !important;
margin-left: 150px;}





#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 68px;
width:  550px;
margin-left: 150px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/VZDP.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}


#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://funkyimg.com/i/VZDN.png");
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 80px;
padding-top: 10px;}


/* CS6 Логотип снизу
-------------------------------------------------------------*/
#pun-about p.container {background-color: #;
   background-image : url();
   margin-left: -137px;
   background-position : center top;
   background-repeat : no-repeat;
   width: 1078px;
   height : 155px; 
   overflow-x: hidden;}
div#html-footer {
        margin: 0px 0px 0px 0px;}
div#pun-about {
       margin-bottom:-80px;
}
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 Иконки старых, новых, важных, закрытых тем */

/* CS7.1 Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-left: 5px;
margin-right: 5px;
width: 80px;
height: 80px;
background-image : url(http://funkyimg.com/i/VZwP.png);
background-repeat: no-repeat;}

/* CS7.2 Иконка новых */
TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/VZwQ.png);
background-repeat: no-repeat;
width: 80px;
height: 80px;}

/* CS7.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/VZwM.png);
background-repeat: no-repeat;
width: 80px;
height: 80px;}

/* CS7.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/VZwN.png);
background-repeat: no-repeat;
width: 80px;
height: 80px;}
/* CS8 Остальные коды для оформления форума
-------------------------------------------------------------*/

/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background:url(http://funkyimg.com/i/VZyn.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin:30px 0!important;
}
.punbb .post .post-author > ul {
min-height:91px;
  background:url(http://funkyimg.com/i/VZyo.png) 0 top no-repeat,url(http://funkyimg.com/i/VZym.png) 0 bottom no-repeat; /*Фон верха - низа*/
  margin:-30px 0 -30px 0!important;
  padding:30px 10px!important;
}


.pa-author a, .pa-author {
font: 18px 'Lobster'  !important;
text-shadow: 1px 2px 1px #f7e9d9;
text-style: italic;
text-align: center;
color: #3B270B;}






::-webkit-scrollbar {
    background:#E1EBFA; 
    width: 12px;
}
::-webkit-scrollbar-track {
    border-left: 1px solid #D6E2F3;

}
::-webkit-scrollbar-thumb {
    background: #6784AE; 
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.27); 
}
::-webkit-scrollbar-thumb:hover {
    background: #516E97; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,0.6); 
}
@-webkit-keyframes headershine {
    0%        { opacity: 0.4; }
    50%        { opacity: 1; }
    100%     { opacity: 0.4; }
}




.tooltip {
position: relative;
}
.tooltip em {
display: none;
}
.tooltip:hover em {
font-style: normal;
display: block;
position: absolute;
background: #cfd7e2;
color: #цвет текста;
padding: px px;
bottom: 5px;
right: 2px;
box-shadow: 0 0 5px #цвет тени обводки блока;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-box-shadow: 0 0 2px #000000;
-moz-box-shadow: 0 0 2px #000000;
}
.tooltip:hover em i {
position: absolute;
bottom: -7px;
right: 5px;
border-top: 7px solid #000;
border-left: 7px solid transparent;
display: block;
}

/* Top table bars / gradient holders */

.maintitle { font-family: Old Standard TT;
font-weight: 400;
background: #6d8fa6;
border-right: 40px solid #cfd7e2;
-o-transition: all 0.5s ease-in-out; 
-webkit-transition: all 0.5s ease-in-out; 
-moz-transition: all 0.5s ease-in-out;
color: #fff;
text-transform: uppercase;
font-size: 25px;
word-spacing: 3px;
line-height: 100%;
text-align: right;
padding: 10px;
}

.maintitle:hover { font-family: Old Standard TT;
font-weight: 400;
background: #6d8fa6;
border-right: 60px solid #cfd7e2;
color: #fff;
text-transform: uppercase;
font-size: 25px;
word-spacing: 3px;
line-height: 100%;
text-align: right;
padding: 10px;
}

div.tableborder table{border-collapse:collapse;}

.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FFF; }
.maintitle a:hover { text-decoration: none; }

/* The bar directly below the maintitles */
.titlemedium {
font-weight:bold; color:#fff;
padding:1px; margin:0px;
font-size: 10px;
background-color: #cfd7e2;
}

.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active {
text-decoration: none;
color: #D3C9CA;
}

/*** MULTIMODS ***/
/******* APPLICATION ********/

#multi-container {
width:500px;
border:1px solid #000;
padding-left:10px;
padding-right:10px;
padding-top:20px;
padding-bottom:35px;
margin:auto;
}
.multi-title {
font-family:old standard tt;
font-size:20px;
font-style:italic;
text-transform:lowercase;
text-align:center;
color:#727272;
border-bottom:1px solid #000;
width:200px;
height:20px;
background-color: #111111;
padding:20px;
margin-bottom:15px;
margin-top:-40px;
margin-left:130px;
}
.multi-upper {
background-color: #0a0a0a;
height:100px;
margin-top:-10px;
}
.multi-content {
width:400px;
margin:auto;
border:1px solid #000;
padding:20px;
font-family:old standard tt;
font-size:12px;
text-transform:none;
line-height:100%;
text-align:justify;
border-bottom:3px double #000;border-top:3px double #000;
}
.multi-indent {
width:350px;
margin:auto;
border-left:7px solid #D0D0D0;
padding:10px;
text-align:justify;
margin-bottom:10px;
}

#ittome2 { width: 550px; height: 300px; overflow: hidden; }
#ittome2 .bring2 { color: #d4dff0; padding: 20px; position: relative; right: -550px; height: 260px; width: 510px; background-color: #103263; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; }#ittome2:hover .bring2{ position: relative; right: -2px; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; }
#ittome3 { width: 210px; height: 60px; overflow: hidden; }
#ittome3 .bring3 { color: #ccc; line-height: 60px; position: relative; right: -210px; height: 60px; width: 210px; background-color: #000; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; }#ittome3:hover .bring3{ position: relative; right: 0px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; }

.purple { color:#814e87;font-weight:bold }
.red { color:#874e5d;font-weight:bold }
.green { color:#4e8758;font-weight:bold }
.blue { color:#4e5887;font-weight:bold }
.orange { color:#9a622c;font-weight:bold }

/***********************************
Announcement Template Codes
************************************/
.temp1 {
background-color: #103263;
border-right: 100px solid #939cd5;
display: block;
font-size: 13px;
font-family: garamond;
text-align: center;
color: #000;
line-height: 90%;
padding: 12px;
text-align: center;
width: 410px;
}
.temp2 {
background-color: #fff;
border: 4px solid #103263;
display: block;
font-size: 12px;
font-family: garamond;
text-align: center;
color: #000;
line-height: 90%;
padding: 12px;
text-align: center;
width: 472px;
}
.temptitle {
display: block;
font-family: cookie; 
text-transform: cursive;
font-size: 48px;
color: #103263;
text-shadow: 1px 0px #fff, 2px 1px #181d3d;
line-height: 80%;
text-transform: lowercase;
width: 472px;
font-style: italic;
}
.tempsub {
display: block;
font-family: garamond;
font-size: 8px;
text-transform: uppercase;
text-align: center;
color: #000;
letter-spacing: 2px;
line-height: 90%;
width: 472px;
margin-bottom: 12px;
padding: 15px 0px 5px 0px
}
.templine {
border-bottom: 1px solid #939cd5;
display: block;
height: 2px;
line-height: 12px;
text-align: -webkit-center;
width: 200px;
margin: 0px 110px 0px 110px;
}
.tempwriting {
display: block;
font-size: 14px;
font-family: times;
text-align: center;
color: #000;
line-height: 90%;
padding: 14px;
text-align: justify;
width: 452px;
}
.tempwriting p {
font-size: 14px;
}
.tempwriting p:first-letter {
font-family: dosis; text-align: center;
font-size: 14px;
padding: 12px;
color: #181d3d;
line-height: 100%;
font-weight: normal;
text-transform: uppercase;
}
.subhead {
font-family: dosis; 
font-size: 14px;
padding: 14px;
color: #103263;
line-height: 100%;
font-weight: normal;
border-bottom: 1px dotted #103263;
text-align: right; 
text-transform: uppercase;

}

/* TEMPLATES */
.gen {width: 550px; padding: 20px; background-image: url(https://lh6.googleusercontent.com/-6gCYyXypEIQ/Tlt5n9..);}
.gen2 {padding: 10px; background-color: #f1f1f1; opacity: .88;}
.gent {border-bottom: 20px solid #103263; background-color: #143d79; padding: 20px; text-transform: uppercase; font-family: oswald; letter-spacing: -1px; font-size: 25px; font-style: italic; color: #fff;}
.gensub {color:#efefef; font-family: arial; text-transform: uppercase; font-size: 6px; letter-spacing: 2px; text-align: center; padding: 2px; margin:0px; font-weight: normal; background-color:#363636; border-bottom: 1px dotted #808080;}
.genwrite {padding: 10px; color: #000; font-size: 10px; text-align: justify; line-height: 90%;}
.genwrite b {color: #103263; font-family: calibri; text-transform: uppercase;}
.gent2 {font-family: gilda display; color: #000; font-style: italic; font-size: 20px; letter-spacing: -2px; text-transform: lowercase; text-align: left;}
.fc {width: 220px; height: 250px; overflow: auto; padding-right: 10px; font-size: 10px;}
.gent3 {font-family: gilda display; color: #eee; font-style: italic; font-size: 15px; letter-spacing: 0px; text-transform: lowercase; text-align: left;}
.tempwrite1 {padding: 10px; font-family: calibri, sans-serif; color: #000; text-align: justify; line-height: 90%; font-size: 10.5px;}
.tempwrite2 {padding: 0px 10px 0px 10px; font-family: calibri, sans-serif; color: #000; text-align: justify; line-height: 90%; font-size: 10.5px; height: 200px; overflow: auto; margin-bottom: 10px; margin-top: 10px;}
.tempwrite1 b, .tempwrite2 b {color: #103263; font-family: calibri;}
.tempwrite1 p:first-letter, .tempwrite2 p:first-letter {font-family: gilda display; text-transform: lowercase; float: left; margin: 10px; color: #000; font-size: 30px; font-style: italic;}
.tempnotes {font-family: gilda display; font-style: italic; color: #eee; text-transform: lowercase; font-size: 30px; letter-spacing: -2px; padding: 10px; text-align: right; width: 300px;}
.tempnotes2 {text-align: justify; font-family: arial; color: #000; font-size: 9px; letter-spacing: 2px; line-height: 90%; width: 300px;}
.ship1 {height: 280px; width:
202px; padding: 10px;}
.ship2 {padding-right: 10px; text-align: justify; line-height: 90%; font-family: calibri, sans-serif; color: #000; font-size: 10.5px; overflow: auto; height: 285px;}
.ship2 b {color: #103263; font-family: calibri;}
.ship2 p:first-letter {font-family: gilda display; text-transform: lowercase; float: left; margin: 10px; color: #eee; font-size: 30px; font-style: italic;}

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 6px; top: 46px;}
#pun th {font-size: 0px;}

.sub-menu 
{ 
display: none; 
background: url(http://funkyimg.com/i/MWwu.png) no-repeat top center;
} 
.main-item:focus ~ .sub-menu, 
.main-item:active ~ .sub-menu, 
.sub-menu:hover 
{ 
display: block;
}

.rsmpminibase { width: 180px; padding: 0px; background-color: #36465d; margin-left: 5px;} .rsmpminibase b { color: #9099a6;  font-size: 11px; text-transform: uppercase; font-family: open sans; line-height: 150%;} 
.rsmpminibase a { color: #9099a6 !important; }
.rsminibigtext { padding-right:2px; }
.rsminitext { padding: 4px; font-family: verdana; font-size:10px; line-height:100%; text-align: justify; background-color: #e2effd; }