/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Боди или фон форума */
body {background: url(http://funkyimg.com/i/2qSeR.png) top center repeat;
background-color: #9ba5b3;}

/* Шапка */
#pun-title table {
background-image : url(http://funkyimg.com/i/2qSE8.png);
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 337px;
width: 947px;
margin-left: -40px;
margin-top: 30px;
}

/* Пан или "тело" форума */
#pun {background-color: #9ba5b3; background-image: url(http://funkyimg.com/i/2qSeQ.png);}

/* CS1.1 */
.punbb .section , .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 {
#pun {background-image: url(
); }
  background-color: transparent;
  color: #000000;
  }

/* CS1.2 */
.punbb .main , .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
#pun {background-image: url(http://i.imgur.com/hlc4uCq.png); }
  background-color: transparent;
  color: #000;
  }

/* CS1.3 */
.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: #212445;
  text-decoration: none;
  }
.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: #9194bf;
  }

/* CS1.4 */
#pun-title, #pun-title , .punbb .modmenu .container {
#pun {background-image: url(http://i.imgur.com/hlc4uCq.png); }
  background-color: transparent;
  color: #000000;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
#pun {background-image: url(http://i.imgur.com/hlc4uCq.png); }
  background-color: transparent;
  color: #00000;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
#pun {background-image: url(http://i.imgur.com/hlc4uCq.png); }
  background-color: transparent;
  color: #00000;
  }


/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
 background-color: rgba(173, 179, 188, 0.4);
}

/* CS1.8 */
#pun-navlinks .container {
#pun {background-image: url(http://i.imgur.com/hlc4uCq.png); }
  background-color: transparent;
  color: #000000;
  }

/* CS1.9 */
.punbb textarea, .punbb select, .punbb input {background-image: url();background-color: rgba(55, 46, 38, 0.0980392);
  color: #000000; background-image: url();color:#000000;
border: none; }


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

/* CS2 Border colours
-------------------------------------------------------------*/
.punbb .container, .punbb .post-body, .post h3, #pun-title {border-color: transparent;}

.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: transparent;}

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: transparent;}

#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
color: transparent;}

.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;}

.punbb th {
border-color: transparent;}

.punbb .quote-box, .punbb .code-box {
border-color: #e7e3d8;}

#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: 1px solid #e7e3d8}

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

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


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

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

/* 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: #405169;
  border-bottom: 0px none #000;
  text-decoration: none;
  }


/* cs3.3. верхняя навигация до наведения */
#pun-navlinks a {
  color: #5c7598;
  font-family: 'Russo One';
  font-size: 25px !important;
  font-style: Medium;
  text-transform: none;
  padding: 2px 10px;
  text-shadow: 1px 1px 0px white;
  
}
/* cs3.4. нижняя навигация до наведения */
#pun-ulinks a {
  color: #5c7598;
  font-family: 'Open Sans';
  font-size: 11px !important;
  border-bottom: 0px none #000;
  letter-spacing: 0px;
  text-transform: lowercase;}

/* cs3.5. верхняя навигация после наведения */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #7b9cc9;}

/* cs3.5. нижняя навигация после наведения */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  border-bottom: 0px none #000;
  color: #7b9cc9;}

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

#pun-main div.left, #pun-main div.right {display: none}


.punbb table Div.icon {float: right;
display: block; 
border-style: none none none none;
width: 50px;
height: 50px;
background-image : url(http://i.imgur.com/GnQwiDP.png);
background-repeat: no-repeat;
}

TR.inew Div.icon {
background-image : url(http://i.imgur.com/uW6Pdkh.png);
background-repeat: no-repeat;
width: 50px;
height: 50px;
}

TR.isticky Div.icon {
background-image : url(http://i.imgur.com/5cJBvpf.png);
background-repeat: no-repeat;
width: 50px;
height: 50px;
}

TR.iclosed Div.icon {
background-image : url(http://i.imgur.com/EhaQNyS.png);
background-repeat: no-repeat;
width: 50px;
height: 50px;
}


.lastedit {display:none}
.category .container table thead tr .tcl{font-size:0px;}

/* выравнивания параметров профиля */
#pun-main div.catleft, #pun-main div.catright {display: none} 
#pun-announcement .container {margin-top: -2em;} 
#pun-main .post-author ul {margin-left: 0px !important; 
background-color: rgba(173, 179, 188, 0.2); /*фон*/ 
text-align: center; /*расположение содержимого*/ 
width: 191px; 
border: 1px solid #5e7799;
} 
#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: left;} 
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

.pa-author a, .pa-author {
    width: 190px;
    padding: 2px !important;
    font-family: 'Permanent Marker', sans-serif;
    font-size: 20px;
    margin-top: 5px !important;
    margin-left: 0px !important;
    color: #405169!important;
    text-align: center;
    position: center;
}

li.pa-avatar img {
    border: 1px solid #5e7799;
    max-width: 180px !important;
    height: auto;
    position: center!important;
    margin-top: 5px !important;
    margin-left: 0px !important;
}

.pa-title{ 
    width: 200px;
    text-align: center;
    padding: 2px!important;
    font-family: Open Sans;
    font-size: 9px;
    color: #405169!important;
    position: center;
    margin-left: -10px !important;
}


.lz {
width: 184px;
background-color: rgba(173, 179, 188, 0.4);
text-align: justify;
text-transform: lowercase;
padding: 3px;
font-size: 11px;
color: #000!important;
font-family: Open Sans;
margin-left: 0px !important;
margin-top: 19px !important;}

/* --- сообщений --- */
.pa-posts{ 
    text-align: center;
    width: 180px;
    font-size: 10px;
    padding: 2px !important;
    color: #405169;
    line-height: 1.2em;
    text-transform: lowercase;
    margin-left: 0px !important;
}
/* --- репутация --- */
.pa-respect{ 
  text-align: center;
    width: 174px;
    margin-left: 0px !important;
    font-size: 10px;
    padding: 5px !important;
    color: #405169!important;
    line-height: 1.2em;
    text-transform: lowercase;
}

.pa-online {
margin-top: 2px !important;
margin-left: 0px !important;
position: center;
text-align: center;
}

/*------------------------полоски прокрутки-----------------------*/

::-webkit-scrollbar-thumb:vertical {
    background-color:#a4afbf;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color:#a4afbf;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color:#5c7598; margin-top:
   
}

.punbb td div .tclcon, .category .container table .hasicon .tc1 {text-align: center;
font-size: 20px;
line-height: 11px;
font-family: 'Russo One', sans-serif;
background-color: #c6c9ce;
border-top: 1px solid #99a9ba;
border-bottom: 1px solid #99a9ba;
padding: 10px;
}

.for {
padding: 10px;
font-size: 10px;
font-style: normal;
text-align: justify;
font-family: 'verdana';
}

.renoheaderhover { 
width: 253px; 
height: 151px; 
opacity: 0; 
transition-duration: 1s; 
-moz-transition-duration: 1s; 
-webkit-transition-duration: 1s; 
-o-transition-duration: 1s; 
} 

.renoheaderhover:hover { 
width: 292px; 
height: 143px; 
padding: 5px;
background-color: #e7e3d8;
opacity: 10; 
}


/*------------------------СОЦИАЛЬНАЯ СЕТЬ-----------------------*/
.momomor {width: 400px; height:700px; box-shadow: 10px 10px 6px -6px #777777;  background: #fff; font-family:arial;}
.momor {height: 150px; background-repeat: no-repeat; background-position: bottom;}
.moor {width: 400px; height:45px; background-image:url(http://i.imgur.com/N1KFeYF.png); background-repeat: no-repeat; background-position: top;}
.momo {width: 100px; height:100px; padding-top: 20px;  background-repeat: no-repeat; background-position: bottom;}
.mom {box-shadow: 5px 5px 2px -2px #777777;}
.mo {background-image:url(http://funkyimg.com/i/2hpPE.png); height:70px; background-repeat: no-repeat; background-position: top; align:center; color: #fff; font-size: 23px; padding-top:5px; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 0px #777777, 0 0 0px;}
.woow {align:center; color: #fff; padding-top: 3px; font-size: 11px; font-weight: italic; text-transform: lowercase; text-shadow: 1px 1px 0px #777777, 0 0 0px;}
.wooow {height:20px; color: #313332; font-size: 13px; padding-top:15px; font-weight: bold; text-transform: uppercase; }
.woooow {background-image:url(http://funkyimg.com/i/2hpRu.png); height:120px; background-repeat: no-repeat; background-position: top; }
.bra {width: 380px; align:center; padding-left:15px}
.woooww {width: 300px; height:150px; border: 3px solid #e5b606; text-align:justify; padding:5px; overflow-y: auto; background: #fff}
.wooowww {width: 400px; height:84px; background-image:url(http://funkyimg.com/i/2hq1p.png); background-repeat: no-repeat; background-position: bottom;}
.wooowwo {width: 400px; height:200px; background: #e5b606}
.mosk {background-color:#e5b606; height:70px; background-repeat: no-repeat; background-position: bottom; padding-top:15px;}
.momomorg {width: 400px; height:445px; box-shadow: 10px 10px 6px -6px #777777;  background: #fff; font-family:arial;}
.momomorgg {width: 400px; height:823px; box-shadow: 10px 10px 6px -6px #777777; background: #fff; font-family:arial;}

/*------------------------СМАЙЛЫ-----------------------*/
.notebook2 {
    white-space: nowrap;
    overflow: hidden;
background: #;
}

.notebook2 > input {
    display: none;
}

.notebook2 > input + label {
    display: inline-block;
    border: none;
    padding: 4px;
    cursor: pointer;
    position: relative;
color: #6e6e70;
background: ;
width: 67px;
height: 35px;
text-align: center;
}

.notebook2 > input + label:not(:last-of-type)  {
    border-right: none;
}

.notebook2 > input + label:hover {
    color: #6e6e70;
background: ;
}

.notebook2 > input + label:last-of-type::after {
    display: block;
    border-bottom: none;
background: ;
    width: 600px;
    content: "";
    position: absolute;
    bottom: -1px;
    left: 100%;
}

.notebook2 > input:checked + label {
    color: #6e6e70;
background: ;
    border-bottom: none;
    padding-bottom: 5px;
}

.notebook2 > input:checked + label:last-of-type::after {
    bottom: 0px;
}

.notebook2 > div {
    white-space: normal;
    display: none;
    border: none;
    border-top: none;
    margin: 0px;
    padding: 20px;
background: ;
text-align: justify;
color: #6e6e70;
}

.notebook2 > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.notebook2 > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.notebook2 > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.notebook2 > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.notebook2 > input:nth-of-type(5):checked ~ div:nth-of-type(5),
.notebook2 > input:nth-of-type(6):checked ~ div:nth-of-type(6) {
    display: block;
}

.ponycomms {width: 370px; padding: 25px; margin-top: 15px; font-size: 11px; font-family: courier; letter-spacing: 0px; text-transform: lowercase; color: #6e6e6e; text-align: justify; line-height: 115%;}
.ponycomms2 {border: 1px solid #F0F0F0; width: 235px; margin-left: 100px; height: 130px; padding: 15px; background-color: #fff;}
.ponycomms3 {border: 1px solid #F0F0F0; width: 194px; padding: 5px; margin-left: 100px; margin-top: 5px; height: 12px; background-color: #f4f4f4;}
.ponycommsend {background-color: #779d89; color: rgb(255, 255, 255); width: 45px; text-align: center; margin-left: 205px; padding: 5px; margin-top: -5px; height: 12px; font-family: raleway; text-transform: uppercase; font-weight: 800; font-size: 12px;}
.ponycommstat {background-color: #779d89; color: #FFF; width: 257px; text-align: center; margin-left: 100px; padding: 5px; height: 10px; font-family: raleway; text-transform: uppercase; font-weight: 800; font-size: 10px;}

#instapost {width: 350px; background-color: #fff; border: 1px solid #edeeee;}
#posttop {width: 350px; height: 42px; background-image: url(http://i.imgur.com/Qdm3Saj.png); background-position: center; margin-left:0px; margin-top:0px;}
#postinfo {width: 340px; padding: 5px;}
#postav {width: 40px; height: 40px; background-size: cover; background-position: left; border-radius: 100%; border: 1px solid #edeeee; display: inline-block; vertical-align: top; margin-left: 0px;}
#post1 {width: 290px; height: 40px; display: inline-block; vertical-align: top}
#post2 {height: 10px; overflow: hidden}
#post3 {height: 40px; overflow: hidden}
#postuser {font-family: tahoma; font-size: 11px; text-align: left; letter-spacing: 1px; font-weight: 400; padding: 5px; margin-top: 8px;}
#postphoto { width: 350px; height: 350px; background-size: cover; background-position: center center; display: inline-block; vertical-align: top; margin-right: 0px!important }
#postlike {width: 350px; height: 42px; background-image: url(http://i.imgur.com/2Xg3Hun.png); background-position: center; margin-left:0px; border-bottom: 1px solid #edeeee;}
#postbot {width: 330px; padding: 5px 10px; max-height: 100px; overflow-y: auto; } 
#likes {font-family: trebuchet ms; font-size: 11px; text-align: left; font-weight: 700; height: 13px;}
#postcom {font-family: trebuchet ms; font-size: 10px; letter-spacing: 1px; text-align: left;}
#postcom b { font-weight: 900; display: inline }
#postcom i {font-style: oblique; color: #165786; display: inline }
#postcom i:hover { color: #0f3c5e; cursor: pointer }
#postlink {width: 350px; height: 42px; background-image: url(http://i.imgur.com/I2MBdvK.png); background-position: center;}

#deepinsta {width: 400px; background-color: #fff; border: 1px solid #edeeee; }
#instatop {width: 400px; height: 43px; background-image: url(http://i.imgur.com/t7oYXUo.png); background-position: center; border-bottom: 1px solid #edeeee;}
#instauser{font-family: tahoma; font-size: 19px; text-align: center; letter-spacing: 1px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; padding: 8px 0px;}
#instaprof {width: 390px; padding: 5px;}
#instaav {width: 85px; height: 85px; background-size: cover; background-position: center; border-radius: 100%; border: 1px solid #edeeee; display: inline-block; vertical-align: top; margin-right: 0px;}
#insta1 {width: 250px; height: 100px; display: inline-block; vertical-align: top}
#insta2 {height: 10px; overflow: hidden}
#insta3 {height: 75px; overflow: hidden}
#instastat::after {content: "following"; background-color: #fff; padding: 5px 20px; color: #000; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; margin-left: 10px; margin-top: 5px; float: left; border: 1px solid #edeeee;}
#instainfo {font-family: trebuchet ms; font-size: 10px; letter-spacing: 1px; text-align: left; margin-left: 20px; }
#instastat {font-family: trebuchet ms; font-size: 11px; text-align: center; padding-top: 15px;}
#instamen {width: 400px; height: 43px; background-image: url(http://i.imgur.com/7g0ZDD2.png); background-position: center; margin-left:-5px; border-top: 1px solid #edeeee;}
#c-for { width: 390px; padding: 0px;}
#instafoto { width: 125px; height: 125px; background-size: cover; background-position: center center; display: inline-block; vertical-align: top; margin-right: 0px!important }
#insta4 { height: 4px }
#instalink {width: 400px; height: 43px; background-image: url(http://i.imgur.com/EHXN2oy.png); background-position: center; margin-left:-5px; margin-bottom:-5px;}

#deeptwit {width: 500px; background-color: #f5f8fa; border: 1px solid #e1e8ed; }
#twittop {width: 500px; height: 200px; background-color: #f5f8fa; background-position: center;}
#twitstat {width: 500px; height: 30px; background-color: #fff; background-position: center;}
#instauser{font-family: Josefin sans; font-size: 21px; text-align: center; letter-spacing: 1px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; padding: 8px 0px;}
#twitav {width: 100px; height: 100px; background-size: cover; background-position: center; border-radius: 50%; border: 3px solid #fff; display: inline-block; vertical-align: top; margin-top:-50px;}
#twit1 {width: 380px; height: 100px; display: inline-block; vertical-align: top}
#twit2 {height: 10px; overflow: hidden}
#twit3 {height: 20px; overflow: hidden}
#twitfol {font-family: open sans; font-size: 11px; text-align: center;}
#twitall {width: 500px; background-position: center;}
#twitprof {width: 100px; padding: 5px; margin-left: 10px; margin-top: -150px; }
#twituser {font-family: open sans; font-size: 9px; text-align: left; padding: 20px 10px; color: #8899a6; vertical-align: top;}
#twituser h1 {font-size: 12px; letter-spacing: 1px; color: #292f33;}
#twituser i {font-style: normal; font-size: 9px; letter-spacing: 1px; color: #292f33;}
#twit4 {width: 360px; display: inline-block; vertical-align: top;}
#lentatop {width: 360px; height: 23px; border-radius: 0px 0px 0px 0px; background-image: url(http://i.imgur.com/bJJKnfU.png); background-position: center; border-top: 1px solid #e1e8ed; border-left: 1px solid #e1e8ed; border-right: 1px solid #e1e8ed; margin-left:0px;}
#lenta {width: 360px; border-top: 1px solid #e1e8ed; border-left: 1px solid #e1e8ed; border-right: 1px solid #e1e8ed; background-color: #fff;}
#lentauser {font-family: open sans; font-size: 10px; text-align: left; padding: 5px 10px; color: #8899a6; vertical-align: top;}
#lentauser b {font-size: 10px; letter-spacing: 1px; color: #292f33;}
#lentatwit {font-family: open sans; font-size: 11px; text-align: left; padding: 10px 10px; color: #292f33; vertical-align: top;}
#lentabot {width: 360px; height: 23px; background-image: url(http://i.imgur.com/i4DWhgW.png); background-position: center;  border-bottom: 1px solid #e1e8ed; margin-left:0px;}
#lentatom {width: 360px; height: 23px; border-radius: 0px 0px 0px 0px; background-color: #fff; border-bottom: 1px solid #e1e8ed; border-left: 1px solid #e1e8ed; border-right: 1px solid #e1e8ed; margin-left:0px;}

#twitdeep {width: 360px; background-color: #fff; border: 1px solid #e1e8ed; border-radius: 10px;}
#toptwit  {width: 360px; height: 60px;}
#avtwit {width: 50px; height: 50px; background-size: cover; background-position: center; border-radius: 50%; display: inline-block; vertical-align: top; margin-left: -3px; margin-top: 8px;}
#twit5 {width: 290px; height: 60px; display: inline-block; vertical-align: top}
#twit6 {height: 60px; overflow: hidden}
#usertwit {font-family: open sans; font-size: 11px; text-align: left; padding: 20px 10px; color: #8899a6; vertical-align: top;}
#usertwit b {font-size: 12px; letter-spacing: 1px; color: #292f33;}
#twit7 {width: 350px; margin-top: 10px;}
#texttwit {font-family: open sans; font-size: 11px; text-align: left; padding: 10px 10px; color: #292f33; vertical-align: top;}
#texttwit i {font-style: oblique; color: #165786; display: inline }
#texttwit i:hover { color: #0f3c5e; cursor: pointer }
#phtwit {width: 350px; height: 350px; background-size: cover; background-position: center center; display: inline-block; vertical-align: top; margin-right: 0px!important }
#bottwit {width: 360px; height: 23px; background-image: url(http://i.imgur.com/i4DWhgW.png); background-position: center;}