/* 1 графика и ссылки
-------------------------------------------------------------*/

/*------------- фон -------------*/
body {
background: url(http://funkyimg.com/i/2gzdD.png) 50% 0% repeat-x, url() 50% 100% repeat-x, url(http://funkyimg.com/i/2gzdD.png) 40% 0%;
background-color: #d6e7e7;
overflow-x: hidden}

/*------------- форум -------------*/
#pun {
background-image: url(http://funkyimg.com/i/2gzdL.png);
background-color: #e4e4e4; 
width : 924px; 
margin: auto;   
position: relative;
margin-bottom: 0px }

/*------------- шапка -------------*/
#pun-title table {
background-image : url(http://funkyimg.com/i/2gEqi.png);
width: 1003px;
height: 492px;
margin-left: -60px;
background-repeat : no-repeat;
background-position: top center;
border: none;   }

/*------------- футер -------------*/
#pun-about p.container {
background-image : url(http://funkyimg.com/i/2gzeH.png);
width: 952px;
height :170px;
margin-left: -41px;
margin-top: -20px;
margin-bottom: -29px;
background-color: #;
background-position : center top;
background-repeat : no-repeat;
border-color: transparent;
text-align: center;
color: #e5e5e5;
font-size:0 !important;}

/*------------- форма ответа -------------*/
#post-form h2 span {
   display:none;
}
#post-form h2 {
   background: url(ссылка на картинку) no-repeat;
  width:694px;
  height:50px;
margin-left: 106px;
margin-top:-30px;
margin-bottom: -50px;
}

/*------------- цитаты и коды в сообщениях -------------*/
#pun-main .quote-box, #pun-main .code-box {
background-color: #f2f2f2; 
padding: 11px;
padding-top:10px;
border: none;
 border: 3px #cacacc double;
  border-radius: 20px;
-moz-box-shadow: inset 0 0 10px 5px #e7e7e7;
-webkit-box-shadow: inset 0 0 10px 5px #e7e7e7;
box-shadow: inset 0 0 10px 5px #e7e7e7;
color: #35393a}

/*------------- кнопки -------------*/
.punbb input  {
background-color: #f2f2f2; 
padding: 11px;
padding-top:10px;
border: none;
 border: 3px #cacacc double;
  border-radius: 20px;
-moz-box-shadow: inset 0 0 10px 5px #e7e7e7;
-webkit-box-shadow: inset 0 0 10px 5px #e7e7e7;
box-shadow: inset 0 0 10px 5px #e7e7e7;
text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
font-family: cuprum!important;
font-style: italic!important;
text-transform: lowercase;
color: #74878f;
text-shadow: #f0f0f0 1px 1px!important;
padding: 5px 10px 5px 10px!important;
   font-size:13px!important;
  
}
.hashelp center div a button:active, .button:active {
position:relative;
top:1px;
}

/*------------- форма ответа и админка -------------*/
.punbb textarea  {
background-color: #f2f2f2; 
padding: 11px;
padding-top:10px;
border: none;
 border: 3px #cacacc double;
  border-radius: 20px;
-moz-box-shadow: inset 0 0 10px 5px #e7e7e7;
-webkit-box-shadow: inset 0 0 10px 5px #e7e7e7;
box-shadow: inset 0 0 10px 5px #e7e7e7;
color: #35393a}

/*------------- модерирование тем и др -------------*/
.punbb select  {
background-color: #f2f2f2; 
padding: 11px;
padding-top:10px;
border: none;
 border: 3px #cacacc double;
  border-radius: 20px;
-moz-box-shadow: inset 0 0 10px 5px #e7e7e7;
-webkit-box-shadow: inset 0 0 10px 5px #e7e7e7;
box-shadow: inset 0 0 10px 5px #e7e7e7;
color: #35393a}


/*------------- профиль -------------*/
.punbb .post .post-author {
float: left;
width: 221px;
min-height: 100px;
margin-top: -1.5em;
margin-left: 3px;
padding-top: 20px;
font-family: arial; font-size: 10px;
text-align: center;
background: url(http://funkyimg.com/i/2gBHL.png) 52% 0% repeat-x, url(http://funkyimg.com/i/2gBHK.png) 50% 100% repeat-x, url(http://funkyimg.com/i/2gBHJ.png) 60% 42%;
overflow-x: hidden;}


/*------------- последний визит -------------*/
.pa-last-visit, li.pa-online {margin-bottom: 31px!important;}
.pa-last-visit {margin-bottom: 20px;
height:25px; }


/*------------- название подфорума -------------*/
#pun-index .tcl h3 a, li#pun-index .tcl h3 {
    text-shadow: 1px 1px #ffffff;
    font-family: 'bebas neue';
    font-weight: bold!important;
    font-size: 22px!important;
    color: #a2bfd7!important;
-webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

#pun-index .tcl h3 a:hover {
  color: #b6aac7!important;
  text-shadow: 1px 1px 0px #ffffff!important;
}

/*------------- ник в профиле -------------*/
.pa-author a, li#profile-name {
width: 200px!important; 
margin-top: 50px;
margin-left: 0px!important;
text-align: center;
color: #a2bfd7!important;
text-shadow: 1px 1px #ffffff!important;
font-size: 18px;
font-family: "bebas neue"!important;
font-style: bold;
font-weight: 900;
-webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
 }

.pa-author a:hover {
  color: #b6aac7!important;
  text-shadow: 1px 1px 0px #ffffff!important;
}

.pa-author {margin-left: -15px;
text-align: center!important;
margin-bottom: 20px}




/*------------- респекты и сообщения -------------*/
.pa-posts {
text-align: center; 
display: inline-block;
padding: 3px;
width: 55px;
  border-radius: 20px;
  background-color: #f2f2f2;
  border: 3px double #e7e1f0;
  font-family: "cuprum";
  font-size: 11px; !important;
  text-transform: lowercase;
}

.pa-respect {
text-align: center;
display: inline-block;
padding: 3px;
width: 55px;
  border-radius: 20px;
  background-color: #f2f2f2;
  border: 3px double #e7e1f0;
  font-family: "cuprum";
  font-size: 11px; !important;
  text-transform: lowercase;
}

.pa-fld1 {
    text-align: center;
    display: inline-block;
    padding: 2px;
    width: 53px;
  border-radius: 20px;
  background-color: #f2f2f2;
  border: 3px double #e7e1f0;
  font-family: "cuprum";
  font-size: 11px; !important;
  text-transform: lowercase;
}


/*------------- большой профиль -------------*/
#profile-left {
height: 400px;
/ width: 20%!important; /
left: -50px!important}

#profile-name strong {
margin-top: -50px;
height: 150%}


/*------------- иконки -------------*/
.punbb table Div.icon {
background-image : url(http://funkyimg.com/i/2gzzf.png);
width: 80px;
height: 80px;
float: right;
display: block;
border-style: none;
display: inline-block;
background-repeat: no-repeat;
margin-right: -5px;
margin-top: -12px;
}

/* новая */
TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/2gzze.png);
background-repeat: no-repeat;
width: 80px;
height: 80px;
opacity: 1.0;}

/* закрытая*/
TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/2gzzc.png);
background-repeat: no-repeat;
width: 80px;
height: 80px;
opacity: 1.0;}

/* важная */
TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/2gzzd.png);
background-repeat: no-repeat;
width: 80px;
height: 80px;
opacity: 1.0;}

/*------------- категории -------------*/
#pun-category1.category h2 {font-size:0 !important;
width: 417px;
height: 75px;
background-image: url("http://funkyimg.com/i/2gJMo.png");
margin-left: 220px;}

#pun-category2.category h2 {font-size:0 !important;
width: 417px;
height: 75px;
background-image: url("http://funkyimg.com/i/2gJMn.png");
margin-left: 220px;}

#pun-category3.category h2 {font-size:0 !important;
width: 417px;
height: 75px;
background-image: url("http://funkyimg.com/i/2gJMm.png");
margin-left: 220px;}


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

/*------------- статистика 24/7 -------------*/
#pun-stats ul.container {
background-image: url("http://funkyimg.com/i/2gAzz.png");
padding-left: 90px;
margin-left: 0px;
padding-top: -20px;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;
text-align: justify;}

/*------------- скролл-бар -------------*/
::-webkit-scrollbar {
  width: 10px; height: 9px;
}
::-webkit-scrollbar-track {  width: 4px;
background: #e4e4e4 ;
}
::-webkit-scrollbar-thumb {
   background: #a0ceca;  border-radius: 25px;
}


/*------------- ссылки -------------*/

/*------------- выравнивание навигации по форуму -------------*/
 div#pun-navlinks {
   text-transform: uppercase;
   font-family: "bebas neue";
   font-weight: bold;
       font-size: 20px;
       position: absolute;
       margin-left: 55px;
       width: 984px;
       top: 1000px;
      }

div#pun-ulinks {
   text-transform: uppercase;
   font-family: "bebas neue";
   font-weight: bold;
   letter-spacing: 1px;
       position: absolute;
       font-size: 10px;
       margin-left: 110px;
       width: 984px;
       top: 130px;
       }

/*------------- цвет навигации до наведения -------------*/
#pun-navlinks a {
  font-weight: bold;
  font-style: normal;
  color: #a4c2da;
  text-shadow: 1px 1px 0 #ffffff;
  text-decoration: none;}

#pun-ulinks a {
  font-style: normal;
  color: #c5c5c5;
  text-shadow: 1px 1px 0 #ffffff;!important;
  text-decoration: none;
-webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
 }

#pun-ulinks a:hover {
  color: #a4c2da!important;
  text-shadow: 1px 1px 0px #ffffff!important;
}


/* 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: #656a71;
  text-decoration: none;  
  text-shadow: 1px 1px #efefef;}

/* 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 {uppercase; transition: all 0.4s ease-out;
-o-transition-transition: all 0.4s ease-out; 
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out;
  color: #b3c2c5; 
  text-decoration: none;
  text-shadow: 1px 1px #ffffff; }


/* CS2.4 ------------- цвет навигации после наведения ------------- */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {uppercase; transition: all 0.4s ease-out;
-o-transition-transition: all 0.4s ease-out; 
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out;
  color: #bdb3cc;
  text-decoration: none;
  text-shadow: 1px 1px #efefef; }

/*------------- время отправки соо -------------*/
.permalink{
  font-size: 14px;
  font-family: cuprum;
font-style: italic;
text-transform: lowercase;
text-align: left;
  font-weight: normal!important;
  color: #8ca2b3!important;
text-shadow: 1px 1px 0px #ffffff;
  letter-spacing: 1px;
}

/*------------- рамка аватара -------------*/
li.pa-avatar img {
border-style: solid;
border-width: 2px;
border-color: #f2f2f2;
max-width: 180px !important;
max-height: 180px !important;
}


/*навигация для подфорума*/
.desbox {font-size: 9px; text-align: justify;}
.fornavi a {display:inline-block; font-size: 10px; background: #e5e5e5;
    color: #5d5d5d!important;
    text-shadow: none;
    padding: 2px 2px 4px 0px;
    margin: 1px!important;
    text-transform: lowercase;
    transition: 0.1s;
    text-align: center;
    width: 70px;}
.fornavi a:hover {background: #a298b0;
    color: #757575!important;
    border-radius: 7px;}
.fornavi {text-align:center; margin-top:9px!important;}


/*------------- описание форумов -------------*/
.forum1 { 
padding-top: 45px!important;  
line-height: 90%; 
font-family: arial; 
font-style: none; 
font-size: 9px; 
text-align: justify; 
letter-spacing: 1px;
margin-top: -35px!important;}

.forum2
{padding-top: 0px; text-align: center; font-family: bebas neue; font-size: 10px; letter-spacing: 1px;}

.navforum 
{text-align: center;font-family: arial;font-size: 9px;background-color: #ebf0f5;color: #f4e7da;border-radius: 10px;border: 1px solid #c6d4ea;padding: 3px;box-shadow: 0px 0px 0px #d3def0 inset;}



/*------------- оформление тем -------------*/
.wine12 { width: 593px; min-height: 260px; overflow: hidden; position: relative; background: url(http://funkyimg.com/i/2gHnv.png) 52% 0% repeat-x, url(http://funkyimg.com/i/2gErq.png) 50% 100% repeat-x, url(http://funkyimg.com/i/2gErp.png) 70% 42%; padding: 0px; padding-top: 20px; border-radius: 25px; }

.winename {text-align: center; color: #84b7bd!important;
    text-shadow: 1px 1px #fefefe!important;
    font-family: "bebas neue" !important;
    font-size: 24px;
    margin-top: 18px!important;
font-weight: 900;}

.winee1 {width: 500px;margin-left: 50px;text-align: justify;font-family: "cuprum";font-size: 12px;}




/*------------- анкета -------------*/
.light-main {position: relative;width: 500px;height: 600px;}
.light-img {position: absolute;width: 500px;height: 600px;bottom: 0px;left: 0px;background-size: cover;background-position: center;background-image: url(http://co.forum4.ru/files/0017/cb/06/23335.png)}

.light-img img {position: absolute; border-radius: 100px;width: 100px;margin: 141px -90px;}
.light-img social img {width: 60px;margin: 188px 31px; position: absolute; }
.light-img name {    font-family: bebas neue!important; font-size: 44px; color: #ececec; position: absolute;  width: 380px; text-align: center;margin: 282px 0px 0px -188px; font-weight: 600;text-shadow: 0px 1px 5px #be3427;  line-height: 18px;}
.light-img rus { font-family: Myriad Pro;  font-size: 12px; font-weight: 100;}

.light-words {    width: 500px;    height: 600px;position: absolute;    background-image: url(http://co.forum4.ru/files/0017/cb/06/24745.png);    bottom: 0;    left: 0;    color: #000;    font-family: tahoma;    font-size: 8pt;    text-align: justify;   line-height: 1.2;    opacity: 0;   -moz-transition: all 1s ease-in-out;   -webkit-transition: all 1s ease-in-out;    -o-transition: all 1s ease-in-out;}

.light-words:hover {opacity: 1; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;
}

.light-words birthday {color: white;    font-family: bebas neue; font-size: 15px; text-transform: uppercase;     position: absolute;  text-align: center;  width: 100px;  margin: 7px 25px;}
.light-words orientation {color: white;    font-family: bebas neue;  font-size: 15px; text-transform: uppercase;     position: absolute;  text-align: center;  width: 100px;     margin: 7px 139px;}
.light-words  sp {color: white;font-family: bebas neue;  font-size: 15px; text-transform: uppercase;     position: absolute;  text-align: center;  width: 100px;     margin: 7px 258px;}
.light-words  profession {color: white;font-family: bebas neue;  font-size: 15px; text-transform: uppercase;     position: absolute;  text-align: center;  width: 100px;     margin: 7px 376px;}
.light-words plus {color: white; font-family: bebas neue!important; position: absolute;  width: 50px;  margin: 35px 105px; font-size: 20px; text-shadow: 0px 1px 5px #be3427; font-weight: 600;}
.light-words minus {color: white; font-family: bebas neue!important; position: absolute;  width: 60px;  margin: 35px 340px; font-size: 20px; text-shadow: 0px 1px 5px #be3427; font-weight: 600;}
.light-words plusinfo {    width: 200px; height: 95px; position: absolute; margin: 67px 35px; overflow: auto;}
.light-words minusinfo {    width: 200px; height: 95px; position: absolute; margin: 67px 270px; overflow: auto;}
.light-words urname {color: white; font-family: bebas neue!important; position: absolute; text-shadow: 0px 1px 5px #be3427; font-weight: 600; width: 500px; margin-top: 180px; text-align: center; font-size: 35px;}
.light-words info {margin: 240px 35px; position: absolute; width: 435px; overflow: auto; height: 320px;}
  .light-words plusinfo:first-letter {float: left; color: #fff; background-color: #d77b4d; margin-right: 1px; font-size: 15px; text-transform: uppercase; line-height: 100%; padding: 6px;padding-left: 6px; font-weight: bold;}
  .light-words minusinfo:first-letter {float: left; color: #fff; background-color: #d77b4d; margin-right: 1px; font-size: 15px; text-transform: uppercase; line-height: 100%; padding: 6px;padding-left: 6px; font-weight: bold;}
  .light-words info:first-letter {float: left; color: #fff; background-color: #d77b4d; margin-right: 1px; font-size: 15px; text-transform: uppercase; line-height: 100%; padding: 6px;padding-left: 6px; font-weight: bold;}

.light-words plusinfo::-webkit-scrollbar-track {background-color: #f1f1f1;}
.light-words plusinfo::-webkit-scrollbar-thumb {background-color: #cb5c52;}
  .light-words minusinfo::-webkit-scrollbar-track {background-color: #f1f1f1;}
.light-words minusinfo::-webkit-scrollbar-thumb {background-color: #cb5c52;}
  .light-words info::-webkit-scrollbar-track {background-color: #f1f1f1;}
.light-words info::-webkit-scrollbar-thumb {background-color: #cb5c52;}
.light-words b { color: #B98F4F; }
.light-words i { color: #031999; }