/* Simply.Hao. for "Sapphire Lotus"
-------------------------------------------------------------*/

@font-face {
    font-family: "quimbie";
    src: url("https://www.dropbox.com/s/vkjp5xpkg3qagyb/Quimbie.ttf");
   font-style: normal;
}

@font-face {
    font-family: "mira";
    src: url("https://www.dropbox.com/s/rrzt4in1rfyhbbw/Myra%204F%20Caps%20Light.ttf");
  
}
  
/* ВД0 Основное
 -------------------------------------------------------------*/

/* ВД5.1 боди, врап, пан и пан-титл */
body {
background: url(http://forumfiles.ru/files/0012/95/9c/65978.png) center top no-repeat, url(http://forumfiles.ru/files/0012/95/9c/66295.jpg) center -20px repeat;
background-color: #f4eadf;
}

#pun-redirect {
background: url(http://forumfiles.ru/files/0012/95/9c/65978.png) center bottom no-repeat, 
url(http://forumfiles.ru/files/0012/95/9c/36989.png) center top no-repeat,
url(http://forumfiles.ru/files/0012/95/9c/12300.png) repeat-y center 470px,
background-color: #f4eadf;
}

#pun-redirect h1 {
padding-right: 500px;
padding-top: 430px;
padding-bottom: 10px;
}

#pun {
background: url(http://forumfiles.ru/files/0012/95/9c/65978.png) center top no-repeat,  
url(http://forumfiles.ru/files/0012/95/9c/12300.png) repeat-y center 470px;
background-color: #ddd8e8;
text-shadow: #ddd8e8 0px 0px 10px;
padding-bottom: 20px;
padding-top: 470px;
}

#html-footer {
background: url(http://forumfiles.ru/files/0012/95/9c/69745.png) center top no-repeat; 
position: absolute;
width: 911px;
height: 160px;
margin-top: -12px
}



/* ВД1 Цвета фона и текста
-------------------------------------------------------------*/

/* ВД1.1 цвет текста */
body, body *  {
  color: #000;
  }

/* ВД1.7 цитата и код */
#poll-special h1 {
  background: none;
  padding: 0 !important;
  margin: 0 !important;
  background-color: rgba(255, 255, 255, 0.4);
}

.punbb .quote-box, .punbb .code-box,
#pun-main .formal textarea, .punbb select, .punbb input {
  background-color: rgba(255, 255, 255, 0.3);
}

#pun-main .formsubmit input {
  background-image: url("") 
}


/* ВД2 Отмена бордюров
-------------------------------------------------------------*/

#pun_wrap * {
  border: none !important;
}


/* ВД3 Ссылки
-------------------------------------------------------------*/

/* ВД3.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: #811f5c;
  }

/* ВД3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active {
  color: #c31f6e;
  }

/* ВД3.3 ссылки в навлинкс */
#pun-navlinks a, #stre a {
  opacity: 0.7;
text-shadow: #fff 0px 0px 4px;
  }

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active,
#stre a:hover {
  opacity: 1.0;
  }

#stre {
position:fixed;
right: 1%;
bottom: 20%;
z-index: 1400;
opacity: 0.8
}


/* ВД4 Иконки тем шсщ
 -------------------------------------------------------------*/

div.icon {
  background: url(http://forumfiles.ru/files/0012/95/9c/30401.png) 50% 50%
}

tr.inew div.icon {
  background: url(http://forumfiles.ru/files/0012/95/9c/19294.png) 50% 50%
}

tr.iclosed div.icon {
  background: url(http://forumfiles.ru/files/0012/95/9c/82574.png) 50% 50%
}

tr.isticky div.icon {
  background: url(http://forumfiles.ru/files/0012/95/9c/29910.png) 50% 50%
}

.stickytext, .closedatafield {
display: none;
}

/* ВД5.2 Код, цитата, текстареа и тп*/

.punbb .quote-box, .punbb .code-box, .punbb textarea  { 
border-radius: 15px;
padding: 10px;
 }

.punbb input, .punbb select { 
  border-radius: 5px;
}


#pun-redirect h1 {
float: center;
height: 0px;
background: none;
margin: auto;
left: 0px;
}


/* Слайдер */
#privet {
width: 220px;
display: inline-block;
text-align: center;
vertical-align: top;
}

#privet img {
vertical-align: text-top
}

#slideshow {
display: inline-block;
margin:0 auto;
width:500px;
height:220px;
position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:420px;
  height:220px;
  overflow:auto; /* поддержка прокрутки */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:400px;
  height:220px;
}
.control {
  display:block;
  width:39px;
  height:220px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;
}
#leftControl {
  top:40%;
  left:0;
  background:transparent url(http://forumfiles.ru/files/0012/95/9c/37049.png) no-repeat 0 0;
}
#rightControl {
  top:40%;
  right:0;
  background:transparent url(http://forumfiles.ru/files/0012/95/9c/74201.png) no-repeat 0 0;
}
.slide div {
display: inline-block;
margin-right: 15px;
text-align: center;
vertical-align: top;
width: 45%;

}

span.punkt {
  display: block;
  font-family: "artvic", "garamond" , serif;
  font-size: 2.4em;
  font-weight: 100;
  line-height: 80%;
  margin-top: 8px;
  margin-bottom: 8px;
  
}

.scroll3 {
overflow-y: auto!important;
overflow-x: auto!important;
height: 200px;   
width: 320px;
scrollbar-face-color: #5f1b1b;
scrollbar-highlight-color: #212126; 
scrollbar-shadow-color: #ae5151;
scrollbar-3dlight-color: #212126; 
scrollbar-arrow-color: #5f1b1b; 
scrollbar-track-color: #761a1a;
scrollbar-darkshadow-color: #ae5151;
}

.scroll2 {
overflow-y: auto!important;
overflow-x: auto!important;
height: 340px;   
width: 180px;
scrollbar-face-color: ##1b5f53;
scrollbar-highlight-color: #212126; 
scrollbar-shadow-color: #adddd9;
scrollbar-3dlight-color: #212126; 
scrollbar-arrow-color: ##1b5f53; 
scrollbar-track-color: #75b8a9;
scrollbar-darkshadow-color: #adddd9;
}


.scroll {
overflow-y: auto!important;
overflow-x: auto!important;
height: 220px;   
width: 180px;
}

#skr {
display: none;
}

.slide #skr {
display: inline-block;
}

/*jump2*/

#JampPanel,#JampPanel .container{
background: url(http://forumfiles.ru/files/0012/95/9c/15209.png) left top no-repeat
}
#JampPanel {opacity:1;
position:fixed;z-index:1600;
height:200px; top: 10px; left:0;margin-left:-202px;
background: transparent url(http://forumfiles.ru/files/0012/95/9c/72182.png) 202px 2px no-repeat;
   transition-duration: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
width: 255px;
}
#JampPanel .container{
text-align: center;
padding:12px;
height:450px;
width:100%; margin:-1px 0 0 -58px;
   

}

#JampPanel .container > div {
width: 200px;
padding: 20px;
}
#Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/
position:absolute;
height:190px;width:255px;
background: transparent;
margin:-12px 0 0 234px;
}
#Klicalka{ /*прикрывает "УХО"*/
position:absolute;
height:190px;width:44px;
margin:-12px 0 0 234px;
}