/* шапка*/
#pun-title table {
background-image : url("http://funkyimg.com/i/28Wr8.png");}

body {background-color: #9e9e9e;
background: url("http://funkyimg.com/i/28JsY.png") repeat-x top center, 
url("http://i.imgur.com/lVUtiUw.png") repeat;}

#pun { background-image :  url("");
background-color : #ffffff;
background-position : center;}

.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #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 {background-color: transparent;
color: #000000;}

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

#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div {
background-color: transparent;
color: #000000;
font-style: normal;}

.punbb .quote-box, .punbb .code-box {
background-color: transparent;
color: #000000;}

#pun-navlinks .container, #pun-ulinks .container {
background-color: transparent;
color: #000000;
text-align: center;}

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

.punbb textarea, .punbb select, .punbb input {
background-color: transparent;
color: #000000;}

li#navawards {display: none;}
#pun-reputation div, #pun-popup_awards div {background-color: #b1c5d7;}
BODY {overflow-x: hidden}

/* 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: #b1c5d7;}

#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 #b1c5d7;}

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

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


/* CS3 Links
-------------------------------------------------------------*/
/* CS3.1 старые сообщения*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-top: 3px;
margin-right: 54px;
width: 57px;
height: 57px;
background-image : url(http://i.imgur.com/Wyxqas7.png);
background-repeat: no-repeat;}

/* CS3.2 новые сообщения*/
TR.inew Div.icon {
background-image : url(http://i.imgur.com/LTfUSer.png);
background-repeat: no-repeat;
margin-right: 54px;
width: 57px;
height: 57px;
}
/* CS3.3 важных сообщения*/
TR.isticky Div.icon {
background-image : url(http://i.imgur.com/E4ysRZe.png);
background-repeat: no-repeat;
margin-right: 54px;
width: 57px;
height: 57px;
}
/* CS3.4 закрытая тема*/
TR.iclosed Div.icon {
background-image : url(http://i.imgur.com/Wyxqas7.png);
background-repeat: no-repeat;
margin-right: 54px;
width: 57px;
height: 57px;
}

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

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

.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: #000000;
border-bottom: 0px none #000;
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: #c57b9d; 

  text-decoration: none;}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #73b3d1;
  text-decoration: none; }

#pun-navlinks a {
  color: #73b3d1;
  text-decoration: none;}



/* CS4 Something parts
-------------------------------------------------------------*/
#pun  .section {border-style: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}



/* CS5 Post categorys
-------------------------------------------------------------*/
#pun-category2.category h2 {
background: url(http://i.imgur.com/AYNFdSt.png) no-repeat;
height: 100px;
width: 940px;
border-style: none;
margin-left: -45px;
font-size:0 !important;}

#pun-category3.category h2 {
background: url(http://i.imgur.com/AMLaNoD.png) no-repeat;
height: 100px;
width: 940px;
border-style: none;
margin-left: -45px;
font-size:0 !important;}

#pun-category4.category h2 {
background: url(http://i.imgur.com/3p8wH6s.png) no-repeat;
height: 100px;
width: 940px;
border-style: none;
margin-left: -45px;
font-size:0 !important;}

#pun-category5.category h2 {
background: url(http://i.imgur.com/uokJ0BP.png) no-repeat;
height: 100px;
width: 940px;
border-style: none;
margin-left: -45px;
font-size:0 !important;}

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


/* CS7 Post status icons and other options
------------------------------------------------------------*/
/* Футеркоп */
#pun-about p.container {background-color: #;
background-image : url(http://i.imgur.com/ZvT0dxl.png); 
background-position : center top; 
background-repeat : no-repeat; 
height : 286px;
width: 952px; 
margin-left: -63px;
text-align: center;
border-color: transparent;
}

div#pun-about {
margin-bottom: -130px;
}


/* 24 часа */
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://i.imgur.com/Pdbu7Ch.png");
background-origin: padding-box;
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 80px;
padding-top: 0px;}


/* CS8 Other
 -------------------------------------------------------------*/
/* Закругленные края цитаты и кода с тенью */
#pun-main .quote-box, #pun-main .code-box 
{background: #e4e7eb;
border-radius: 7px;
border: 1px solid #acc2d0;
}

/*окно сообщения*/
.punbb textarea, .punbb select, .punbb input {
background: #e4e7eb;
border-radius: 7px;
border-radius: 7px;
border: 1px solid #acc2d0;
padding: 9px 10px;
}


/* =Hoverbox Code= */
.hoverbox { cursor: default; list-style: none; padding: 0;}
.hoverbox a { cursor: default; }
.hoverbox a .preview { display: none; }
.hoverbox a:hover .preview { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; }
.hoverbox img { background: #none; border-color: none; border-style: solid; border-width: 0px; color: inherit; padding: 1px; vertical-align: top; }
.hoverbox li { background: none; color: inherit; display: inline; float: left; margin: 0px 0px 0px 0px; padding: px; position: relative; }
.hoverbox li.text { background: none; color: inherit; display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px; position: relative; }
.hoverbox .preview { border-color: #ffaf19; } 


/*линки */
a.menu2:link, a.menu2:visited, a.menu2:active{
background-color:#441b6b;  /*сам фон*/
color:#f6fcff;  /*цвет шрифта*/
width:200px;
font-family: Century Gothic;
font-size: 11px;
font-style: italic;
font-weight: ;
display: block;
text-align: center;
text-decoration: none;
line-height: 8px;
text-transform: lowercase;
-webkit-border-radius:15px;
padding: 2px 0px 5px 0px;
}
a.menu2:hover {background-color: #ff5100;color: #f6fcff;}


/*прокрутка*/
::-webkit-scrollbar-thumb:vertical {
    height: 10px;
    background-color:#cccfd2; margin-top: 20px;
    }
::-webkit-scrollbar-thumb:horizontal {
    background-color:#cccfd2;
    }
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    border: 5px solid #цвет;
    background-color:#8c9599; margin-top: 20px;
    }


/*стрелки */
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right: 100px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
text-align:center; /*выравнивание*/
font-size: 20px; /*размер стрелок*/
text-shadow:0 1px 2px #000, 0 0 10px #E0F1FF;
opacity: .3; /*прозрачность*/
padding:0 3px 5px 3px; /*отступы внутри*/
width: 70px; /*ширина кнопки*/
height: 30px; /*высота кнопки*/
}
.go-up {
bottom: 175px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom: 135px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
/*стили при наведении курсора*/
.go-down:hover,.go-up:hover {
opacity:1;
}

/*линки 2*/
a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
color:#075969;
background : #98bcdb;
font-family: 'Mint Spirit';
font-weight: normal;
font-size : 12px;
letter-spacing: 1px;
line-height: 20px; 
padding: 0px 10px 1px 10px; 
margin: 2px;
text-align: center;

}

a.tvm:hover {
color : #310101!important;
font-family: 'Mint Spirit';
background : #c57b9d;
font-size : 12px;
letter-spacing: 1px;
line-height: 20px;
	}

/* team */
.team {opacity: 0.0;
transition-duration: 0.6s; 
padding-top: 9px; width: 55px; height: 55px; font-size: 12px;
color: white;
text-align: center;} 
.team:hover { opacity: 0.95}


/* rep + sms*/
.pa-respect {
width: 63px;
font-family: 'cuprum';
text-shadow: 1px 1px 0px white; 
font-size: 11px;
font-style: italic;
line-height: 11px;
text-align: center;
text-transform: lowercase;
border-radius: 10px;
background: #e6ecef;
border: 3px #8bb5c8 double;
box-shadow: inset 0 0 10px 2px #97c4d8;
display: inline-block;
}

.pa-posts {
width: 61px;
font-family: 'cuprum';
text-shadow: 1px 1px 0px white; 
font-size: 11px;
font-style: italic;
line-height: 11px;
text-align: center;
text-transform: lowercase;
border-radius: 10px;
background: #e6ecef;
border: 3px #8bb5c8 double;
box-shadow: inset 0 0 10px 2px #97c4d8;
display: inline-block;
}

/* budget */
.pa-fld4 {
width: 59px;
font-family: 'cuprum';
text-shadow: 1px 1px 0px white; 
font-size: 11px;
font-style: italic;
line-height: 11px;
text-align: center;
text-transform: lowercase;
border-radius: 10px;
background: #e6ecef;
border: 3px #8bb5c8 double;
box-shadow: inset 0 0 10px 2px #97c4d8;
display: inline-block;
 }

/*over av*/
.pa-fld1 {
color: #000;
font-size: 10px;}


/* rating */
.pa-fld1 {
position:relative;
background-image : url("");
left: 22px;
top: 12px;
}

.blackstar { width: 180px; height: 38px; background-image : url("http://i.imgur.com/PeDck2N.png"); background-repeat : no-repeat; 
}

.house { width: 180px; height: 38px; background-image : url("http://i.imgur.com/EjkRn3j.png"); background-repeat : no-repeat; 
}

.tomorrow { width: 180px; height: 38px; background-image : url("http://i.imgur.com/EfvVVS6.png"); background-repeat : no-repeat; 
}

.polosa { width: 180px; height: 38px; padding-top: 7px; padding-left: 58px; color: #000000; background-image : url("http://i.imgur.com/9F9wfJB.png"); background-repeat:no-repeat; font-family: 'Mint Spirit';  font-weight: bold; font-size: 21px; color: #ffffff;  text-shadow: 1px 1px 0px #000000;
}


.number { font-family: Oswald; font-size: 40px; line-height: 24px; letter-spacing: 1px; text-shadow: 1px 1px 0px #000000;}
.numb { width: 50px; background: #fff; font-family: Oswald; font-size: 7px; text-transform: uppercase; text-align: center; letter-spacing: 1px; color: #000000;  padding: 1px; }
.num {box-shadow: 0px 2px 5px #000000; text-align: center; padding: 3px; font-size: 13px; color: #FFFFFF; font-family: Oswald; text-shadow: 1px 1px 0px #000; line-height: 12px; letter-spacing: 1px;}
.numpy {background-color: #fff; color: #000; line-height: 9px; }
.min { width: 60px; height: 60px; border-radius: 100%;  background-color: #fff; position: relative; top: 0px; border-bottom: 1px solid #b0cddd;
border-left: 2px solid #ffffff; 
border-right: 1px solid #b0cddd; 
border-top: 2px solid #ffffff;}
.mini { width: 60px; height: 60px; border-radius: 100%; overflow: hidden; text-align: center;}

.infoav { 
width: 180px;
line-height: 9px;}
.hoverinfo { opacity: 0; width: 180px; height: 180px; background-color: #fff;  position: absolute; overflow: auto; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.hoverinfo:hover { opacity: 1; background-color: #fff; color: #fff;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}


/*instagram*/
.instagram a .bigram {
display: none;
}

.instagram a:hover .bigram {
position: absolute;
top: -202px;
left: -85px;
z-index: 999;
display: block;
}



/* код кнопки */
#button-record {background-image:url('http://funkyimg.com/i/VraT.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}

/* сокрытие зарегин */
#pun-stats li.item3{ 
display:none;
 }



/*  the relationship */
.fearofsleep { width:580px; -webkit-box-shadow: 1px 1px 5px 0px #eee, -1px -1px 5px 0px #eee; -moz-box-shadow:1px 1px 5px 0px #eee, -1px -1px 5px 0px #eee; box-shadow:1px 1px 5px 0px#eee, -1px -1px 5px 0px #eee; }
.fearofsleep ::-webkit-scrollbar { background:#fff; width:3px; height:3px; }
.fearofsleep ::-webkit-scrollbar-thumb { background:#eee; width:3px }
.fearofsleep ::-webkit-scrollbar-corner { background:#fff; }
.fearofsleep .box { width:180px; height:180px; overflow:hidden; position:relative; background-color:#eee; }
.fearofsleep .headers { position:absolute; top:0px; left:0px; width:180px; height:170px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .box:hover .headers { -ms-transform: scale(2,4); -webkit-transform: scale(2,4); transform: scale(2,4); opacity:0; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .headers h1 { position:absolute; width:170px; top:120px; left:5px; color:#fff; text-align:center; text-transform:uppercase; font-family:arial; font-weight:700; font-size:10px; letter-spacing:2px; line-height:18px; padding-bottom:10px; border-bottom:1px solid #fff; margin:0; }
.fearofsleep .white { position:absolute; top:-300px; width:180px; height:180px; background-color:#fff; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .box:hover .white { top:0px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.fearofsleep .white .words { width:160px; height:160px; padding:10px; overflow:scroll; text-align:justify; font-size:10,5px; color:#222; line-height:100%; }


/*  flash */
#ellecontainer {margin-top:10px;position:relative;border-bottom:0px solid #fff;border-top:0px solid #fff;width:350px;height:300px;background:#fff;}
#ellecontainer ::-webkit-scrollbar {width: 5px;}
#ellecontainer ::-webkit-scrollbar-track { background:#eee;}
#ellecontainer ::-webkit-scrollbar-thumb {background:#222;}
.elle-info {box-sizing:border-box; background:#fff; width:350px; height:300px; position:absolute; top: 0px; left:0;padding:80px;}
.elle-pic {box-sizing:border-box;position:absolute;top:0px;left:0;width:175px;height:300px;overflow:hidden;background:#aaa;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-brief {box-sizing:border-box;position:absolute;top:0px;right:0;width:175px;height:300px;background:#fff;border-left:3px solid #fff;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-brief:after, .elle-bpanel:after {content:"";height:0;width:0;position:absolute;top:135px;left:-32px; border-right:32px solid #fff; border-top:25px solid transparent;border-bottom:25px solid transparent;}
#ellecontainer:hover .elle-pic{-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;left:-110px;}
#ellecontainer:hover .elle-brief {-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;right:-120px;}
.elle-name {position:absolute; top:-7px;left:70px;right:0px;color:#000000;font:400 27pt/28pt 'Mrs Saint Delafield', arial;letter-spacing:2px;}
.elle-want {position:absolute; top:20px;left:70px;right:40px;border-top:1px solid #003399; border-bottom:1px solid #003399; width:auto;padding:0 0 7px;color:#003399;font:200 34pt/25pt 'Six Caps', arial;}
.elle-tag {position:absolute; top:65px;left:205px;right:5px;width:auto;color:#000000;font:400 10pt/11pt 'Playfair Display', arial;letter-spacing:2px;text-transform:lowercase;}
.elle-scroll {margin-top: 70px; box-sizing:border-box; width:190px;height:200px;overflow:auto;padding:2px 10px;padding-right:5px;text-align:justify;color:#000;font:400 8pt/10pt 'Garamond;', georgia;}
.scredit {margin:5px;text-align:center;letter-spacing:2px;font-family:'arial narrow';font-size:7pt;line-height:9px;text-transform:lowercase; -webkit-transition:0.6s all ease-in-out;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s all ease-in-out;}.scredit, .scredit a {color:#999; text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0); -webkit-transition:0.6s all ease-in-out;transition:0.6s all ease-in-out;}.scredit a:hover{text-shadow:0 0 10px rgba(0,0,0,0.6);color:rgba(0,0,0,0);letter-spacing:10px;visibility: hidden;}

.gold { position:absolute; width: 60px; height: 60px; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);  }