/* CS1 Фон и цвет текста*/

/* CS1.1 Цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  { background-color: transpanent;
color: #000000;
font-weight: normal;
font-style: normal;}

/* CS1.2 Боди или фон форума */
body {background-color: #10132c;  background-image: url(http://funkyimg.com/i/MVg5.png); background-position: top center; }

/* CS1.3 Шапка */
#pun-title table {
background-image : url(http://funkyimg.com/i/MVij.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 425px;
width: 977px;
margin-left: -44px;}
/* CS1.4 Пан или "тело" форума */
#pun {background-color: #dee6fe; background-image: url(http://funkyimg.com/i/MVho.png);}

/* CS1.5 Футер\копирай\низ */
#pun-about p.container {background-position: top center; background-repeat: no-repeat; height: 116px; width: 790px;}
div#html-footer {margin: -190px 0px 0px 0px;}

/* CS1.6 Ссылки верхней навигации*/
#pun-navlinks .container { 
text-align: center; 
position: absolute;
background-color: transpanent; 
z-index: 1000;
top: 5px;
left: 150px}

#pun-ulinks .container { 
text-align: center; 
position: absolute; 
top: 425px;
left: 100px}

/* CS2 Ссылки */

/* CS2.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: #041b3c;
  text-decoration: none;}

/* CS2.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: #041b3c; 
  text-decoration: none;}

/* CS2.3 */
#pun-navlinks a {
  color: #041b3c;
  text-decoration: none;}

/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #041b3c;
  text-decoration: none;}

/* CS3 Иконки старых, новых, важных, закрытых тем */

/* CS3.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://se.uploads.ru/MOdGE.png);
background-repeat: no-repeat;}

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

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://se.uploads.ru/pu8OT.png);
background-repeat: no-repeat;
width: 80px;
height: 80px;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://se.uploads.ru/e9J7b.png);
background-repeat: no-repeat;
width:80px;
height: 80px;}

/* CS4 Картинки категорий */
#pun-category1.category h2 {
background: url(http://funkyimg.com/i/MW2u.png);
height: 119px;
width: 370px;
font-size:0 !important;
margin-left: 275px;}

#pun-category2.category h2 {
background: url(http://funkyimg.com/i/MW2K.png);
height: 119px;
width: 370px;
font-size:0 !important;
margin-left: 275px;}

#pun-category3.category h2 {
background: url(http://funkyimg.com/i/MW2J.png);
height: 119px;
width: 370px;
font-size:0 !important;
margin-left: 275px;}

#pun-category4.category h2 {
background: url(http://funkyimg.com/i/MW2H.png);
height: 119px;
width: 370px;
font-size:0 !important;
margin-left: 275px;}

#pun-category5.category h2 {
background: url(http://funkyimg.com/i/MW2G.png);
height: 119px;
width: 370px;
font-size:0 !important;
margin-left: 275px;}

#pun-category6.category h2 {
background: url(http://funkyimg.com/i/MW2F.png);
height: 119px;
width: 370px;
font-size:0 !important;
margin-left: 275px;}
/* CS5 Прочие элементы */

/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("");
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 120px;
padding-top: 40px;}

/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 119px;
width: 370px;
margin-left: 275px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/MW2E.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}

/* Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
background-color: #E5E8EB; 
color: #000000}

/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #E5E8EB; 
color: #000000}

/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}



.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/Tlt5n9kHwsI/AAAAAAAAA3o/5L0sLvih3vU/s800/blue_textile_background.png);}
.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;
}


::-webkit-scrollbar{width:7px;height:5px;cursor:pointer}
::-webkit-scrollbar-track-piece{background:#000919;-webkit-border-radius:0px}
::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#00235f;-webkit-border-radius:0px;cursor:pointer}
::-webkit-scrollbar-thumb:horizontal{width:10px;background-color:#00235f;-webkit-border-radius:0px;cursor:pointer}