/*Убираем слово объявление из таблицы*/
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

/*Ставим шапку*/
body {
background-image: url("http://i.imgur.com/OzRahXI.png");
background-repeat: no-repeat;
background-position: top center; 
background-color: transparent; 

}

/*Ставим фон*/
HTML {background: url("http://i.imgur.com/rLqoVQf.png")center top repeat,url("-") center top repeat  #050d3f	;
}



/* Футер */
#pun-about  {
   background-color: transparent;
   background-image: url("http://i.imgur.com/t99RZVt.png");  
   background-repeat : no-repeat; 
 margin-left:-209px;
    width: 1200px;
height: 100px;
 background-position: 50% 0%;
   }
 font-size: 0em;}
div#html-footer {
   margin: -70px 0px 0px 0px;}

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

  
/* Меню - навигация
-------------------------------------------------------------*/
div#pun-navlinks {
  font-family: Open Sans Condensed;
position: absolute;
       top:6px;
margin-left:-90px;
 font-size: 18px;
  text-transform: uppercase;
 text-align: center;
width: 1000px;

      }

 div#pun-ulinks {
       position: absolute;
       width: 1000px;
font-size: 12px;
       text-align: center;
       top:305px;
margin-left:-80px;
 text-transform: lowercase;
       }


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

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

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #000000;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
text-align:center;
  color: #0F0D0F;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #000000;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #000000
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #000000
  }

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

/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  color: #f1f1f1;
  }

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

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent

  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
background-color: transparent;
 margin-right: 0px;
  margin-top: 40px;
height: 60;
text-transform: uppercase;

  }

/* CS2.4 */
.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;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: transparent;
  }

#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 transparent
  }

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


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

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #000000
text-decoration: none
  }

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

/* CS3.3 */
#pun-navlinks a {
  color: #e4e4ea;
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #52443c;
 text-decoration: none;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

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


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

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

/* Важные темы */
TR.isticky Div.icon {
background-image : url(http://i.imgur.com/khJlhuc.png);
background-repeat: no-repeat;
width: 50px;
height: 50px;}

   /* Закрытые темы */
TR.iclosed Div.icon {
background-image : url(http://i.imgur.com/ktvwIR9.png);
background-repeat: no-repeat;
width: 50px;
height: 50px;}


#pun-main #post-form h2, #pun-main h1  {

  font-family: Lora !important;
   font-width: bold !important;
   color: #11274F !important;
 letter-spacing: 1px;
 text-align:center;
}

/* репутация */
.pa-posts,.pa-respect {
text-align:center;
display:inline-block;
width:75px;
margin-left: 5px;
margin-right: 0;
   border-right: solid 2px #322521;
border-top: solid 2px #322521;
background-color: #e3dbe5	;
   border-radius: 3px;
}
 /*---------------------*/

/* цитаты, коды */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-left: 3px 	solid #322521;
border-bottom: 3px 	solid #322521;
box-shadow: 0px 0px 10px rgba(2, 6, 31, 0.33) inset;
border-radius: 3px;
background: url("http://i.imgur.com/In4UX4f.png")center top repeat #e3dbe5;}
 /*---------------------*/



/* ответить,посмотреть */
#post-form * input {
  border-radius: 3em; 
  -webkit-border-radius: 3em; 
  -khtml-border-radius: 3em; 
  -moz-border-radius: 3em; 
  -o-border-radius: 3em;
  color: black;
background-color: #c0c3ce;
  border: 3px outset #6C6B7D	 !important;
}
 /*---------------------*/

/*nnnnnnnnnn*/  
  .miy{  
  position: relative;  
  z-index: 0;  
  }  
  .miyl:hover{  
  background-color: transparent;  
  z-index: 50;  
  }  
  .miy span{ /*CSS for enlarged image*/  
  position: absolute;  
  background-color: #dd8822 !important;  
  box-shadow: inset 0 0 20px 5px #;
  padding: 5px;  
  left: -1000px;  
  border: none;  
  visibility: hidden;  
  color: black;  
  text-decoration: none;  
  border-radius: 10px;  
  -moz-border-radius: 10px 10px 10px 10px;  
  -webkit-border-radius: 10px 10px 10px 10px;  
  }  
  .miy span img{ /*CSS for enlarged image*/  
  border-width: 0;  
  padding: 2px;  
  }  
  .miy:hover span{ /*CSS for enlarged image on hover*/  
  visibility: visible;  
  bottom: 50px;  
  left: -20px; /*position where enlarged image should offset horizontally */  
  }  
  /*---------------------*/

/* полоса прокрутки */
 ::-webkit-scrollbar-thumb:vertical { background-color:  #33415B	;}
 ::-webkit-scrollbar-thumb:horizontal { background-color:  #33415B	;}
 ::-webkit-scrollbar {height: 10px;
 width: 10px;
 background-color: #8095BC;}



/* ссылки 2 */
.forminput {width: 150px;   
 text-align: center;  font: small-caps 700 12px Arial !important;  background-color: #894022; border-style: double; border-color: #9d9793; color: #000000 !important; padding: 2px 2px 2px 3px; box-shadow: 0 0 2px; }

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

#forumlinks { line-height: 9px; margin-top: 11px; }
#forumlinks a:link, #forumlinks a:visited, #forumlinks a:active {background: #748e35; color: #fff; display: inline; font: 7px arial; letter-spacing: 1px; line-height: 7px; padding: 5px; text-decoration: none; text-transform: uppercase; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s; text-shadow: #f0d77b 1px 1px 1px; -moz-border-radius: 10px;
border-radius:7px;}
#forumlinks a:hover { background: #4b6115; color: #fff; }
/*
 ---------------------------------*/
/*Åù¸ îäèí ýôôåêò êàðòèíîê - çàòåìíåíèå
 ---------------------------------*/

.ih-item {
  position: absolute;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.ih-item,
.ih-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ih-item a {
  color: #333;
}

.ih-item a:hover {
  text-decoration: none;
}

.ih-item img {
  width: 100%;
  height: 100%;

}

.ih-item.square {
  position: absolute;
  width: 250px;
  height: 150px;

}

.ih-item.square .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ih-item.square.effect6 {
  overflow: hidden;
}

.ih-item.square.effect6.colored .info {
  background: #73390A;
  background: rgba(26, 74, 114, 0.6);
}

.ih-item.square.effect6.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}

.ih-item.square.effect6 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.square.effect6 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.ih-item.square.effect6 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 5px;
  background: #111111;
  margin: 15px 0 0 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.ih-item.square.effect6 .info p {
  font-size: 10px;
  position: absolute;
  color: #bbb;
  padding: 10px 10px 10px;
  text-align: justify;
  -webkit-transition: all 0.35s 0.1s linear;
  -moz-transition: all 0.35s 0.1s linear;
  transition: all 0.35s 0.1s linear;
}

.ih-item.square.effect6 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.ih-item.square.effect6 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.square.effect6.from_top_and_bottom .info h3 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect6.from_top_and_bottom .info p {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect6.from_top_and_bottom a:hover .info h3,
.ih-item.square.effect6.from_top_and_bottom a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}


/* CS4 Çàãîëîâêè òåì*/
.emjtheme {background-color: #875949; 
padding: 11px;
padding-top:10px;
border: none; text-align: justify;
 border: 4px #452d25 double;
  border-radius: 20px;
-moz-box-shadow: inset 0 0 10px 5px #452d25;
-webkit-box-shadow: inset 0 0 10px 5px #452d25;
box-shadow: inset 0 0 10px 5px #452d25;
color: #352206}

.emjtheme1 { text-align: justify;
padding: 11px;
padding-top:10px;
 font-family: 'Arsenal';
font-size: 12px;
color: #352206}
.emjtheme2 { text-align: center;
padding: 11px;
padding-top:10px;
 font-family: 'Arsenal';
font-size: 12px;
color: #352206}



.emjthemename {font-family: 'Lobster'; font-size: 24px; text-shadow: 1px 1px 0px white, 2px 2px 0px #ffca86;    text-transform: lowercase; }
.emjthemename1 {font-family: 'Lobster'; font-size: 20px; text-shadow: 1px 1px 0px white, 2px 2px 0px #ffca86;   text-transform: lowercase; }
.emjthemename2 {font-family: 'Lobster'; font-size: 24px; color: #fff;   text-transform: lowercase; }

.emjthemebar {border-top: 3px double #875949; width: 300px;  }
.emjthemebar1 {border-top: 3px double #000; width: 300px;  }



.wantlist {width: 350px; height: 270px; overflow: auto; text-align: justify; margin-top: 20px; font-family: roboto;}
.wantlist female {color: #eb87cd; font-weight: 700;}
.wantlist male {color: #87bfeb; font-weight: 700;}

.emjclaim { position: relative;  width: 640px; height:  600px; clear: both; background-color: #decfbb; }

.emjc { float: left;  }

.emjc label {  width: 120px; height: 45px; background-color: transparent; display: block; }



.emjclaim .emjc [type=radio] { display: none;  baseline-tab-shift: true, retrieve; }

.emjclaimcon { position: absolute; top: 70px; width: 550px; height: 490px; padding: 10px; background-color: #dec8c1;  border: 4px #875949 double;  border-radius: 20px; font-family: 'Arsenal';-moz-box-shadow: inset 0 0 10px 5px #875949; -webkit-box-shadow: inset 0 0 10px 5px #875949; box-shadow: inset 0 0 10px 5px #875949; bottom: 0px; left: 25px; right: 0px; -webkit-transition: all .7s ease-in-out; -moz-transition: all .9s ease-in-out; -ms-transition: all .9s ease-in-out; -o-transition: all .9s ease-in-out; transition: all .9s ease-in-out; opacity: 0; overflow: auto;  }


.emjclaimcon2 { position: absolute; top: 70px; width: 500px; height: 490px; padding: 10px; background-color: #eff3ef;  border: 4px #875949 double;  border-radius: 20px; font-family: 'Arsenal';-moz-box-shadow: inset 0 0 10px 5px #875949; -webkit-box-shadow: inset 0 0 10px 5px #875949; box-shadow: inset 0 0 10px 5px #875949; bottom: 0px; left: 25px; right: 0px; -webkit-transition: all .7s ease-in-out; -moz-transition: all .9s ease-in-out; -ms-transition: all .9s ease-in-out; -o-transition: all .9s ease-in-out; transition: all .9s ease-in-out; opacity: 0; }
.emjclaim2 .emjc [type=radio]:checked ~ label ~ .emjclaimcon {
z-index: 1; opacity: 1;  }
.emjmal {color: #fff;  font-family: 'Marvel', sans-serif; font-size: 8px; }

.emjclaim .emjc [type=radio]:checked ~ label { height: 45px; }

.emjclaim .emjc [type=radio]:checked ~ label ~ .emjclaimcon {
z-index: 1; opacity: 1;  }
.emjmal {color: #fff;  font-family: 'Marvel', sans-serif; font-size: 8px; }


.emjcl { font-family: Oswald; line-height: 90%;   font-weight: bold; font-size: 16px;  letter-spacing: 1px; color: #ffffff; text-shadow: 1px 1px 0px #222222;  text-align: center; margin-top: 3px; text-transform: uppercase; }
.emjcl2 { font-family: 'Fira Sans Heavy'; font-weight: bold; font-size: 13px;  letter-spacing: 1px; color: #ffffff; text-shadow: 1px 1px 0px #222222; line-height: 100%; text-align: center; margin-top: 3px; text-transform: uppercase; }
.emjcl3 { font-family: 'Fira Sans Heavy'; font-weight: bold; font-size: 10px;  letter-spacing: 1px; color: #ffffff; text-shadow: 1px 1px 0px #222222; line-height: 100%; text-align: center; margin-top: 3px; text-transform: uppercase; }
.fcleftbox {width: 110px; height: 310px; background-image: url('http://i.imgur.com/mmU0xSv.png'); margin-right: 10px;}

.fcleftimage {position: relative; top: 50px; margin-left: 10px; height: 80px; width: 80px; border: 5px solid #ffffff; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; }

.fclefttext {position: relative; top: 110px; margin-left: 15px; width: 80px; font-family: Marvel; color: #ffffff; font-size: 16px; text-align: center; text-transform: uppercase; line-height: 110%;}
.fcbg2 { width: 238px; height: 30px; padding: 6px; background-color: #854f32; margin-bottom: 7px; }
.fg { width: 238px; height: 50px; padding: 6px; background-color: #854f32; margin-bottom: 7px; }
.fm { border-radius: 50%;width: 40px; height: 40px; border: 1px solid #7a4a2d; background-size: 40px 40px; float: left; margin-right: 6px; }
.fcim2 { border-radius: 50%;width: 30px; height: 30px; border: 1px solid #fff; background-size: 40px 40px; float: left; margin-right: 6px; }
.fht { width: 182px; height: 40px; padding: 6px; background-color: #fff; float: left; }
.fcright1 { width: 182px; height: 20px; padding: 6px; background-color: #fff; float: left; }
.fn { width: 160px; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 14px; color: #000; font-style: italic; margin-top: 2px; text-align: center; line-height: 100%; }
.fn a { width: 160px; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 14px; font-style: italic; margin-top: 2px; text-align: center; line-height: 100%; }
.fa { width: 160px; font-family: 'Marvel', sans-serif; font-size: 8px; text-transform: uppercase; color: #000; line-height: 100%; text-align: right; padding-top: 3px; border-top: 1px solid #cbcacc; letter-spacing: 1px; margin-top: -6px;}

.emjclaimcon2 { height: 310px; overflow: auto; padding-right: 15px;}

.emjclaimcon2::-webkit-scrollbar { height: 12px; width: 8px; background-color: #8a3324;} 
.emjclaimcon2::-webkit-scrollbar-thumb { background: #000000; } 
.emjclaimcon2::-webkit-scrollbar-corner { background: #000000; }
.emjclaimcon2::-webkit-scrollbar-track { background: #8e402a; }

.emjclaimcon2  black { color: #000000;}
.emjclaimcon2  blue { color: #4a97dc;}
.emjclaimcon2  brown { color: #a57458;}
.emjclaimcon2  green { color: #43ac4b;}
.emjclaimcon2  grey { color: #8d8c8c;}
.emjclaimcon2  orange { color: #e58632;}
.emjclaimcon2  pink { color: #e96faa;}
.emjclaimcon2  purple { color: #ad60c8;}
.emjclaimcon2  red { color: #c83535;}
.emjclaimcon2  turquoise { color: #37cac8;}
.emjclaimcon2  yellow { color: #e5c827;}



.emjclaimtitl { font-family: Oswald; font-weight: 700; color: #000000; font-size: 25px; text-align: left; text-transform: uppercase; line-height: 30px; margin-bottom: 2px;}

.emjfgen {background-color: #3333ff; width: 270px; font-family: Oswald;font-weight: bold;
font-size: 16px;letter-spacing: 1px;color: #ffffff;text-shadow: 1px 1px 0px #222222;line-height: 100%;text-align: center;margin-top: 3px;text-transform: uppercase;}

.emjfladies {background-color: #cf2175; width:270px; font-family: Oswald;font-weight: bold;font-size: 16px;letter-spacing: 1px;color: #ffffff;text-shadow: 1px 1px 0px #222222;line-height: 100%;text-align: center;margin-top: 3px;text-transform: uppercase;}

/* Hoverbox Code размытость*/ 
.hoverbox {cursor: default;list-style:none;} 
.hoverbox a {cursor: default;} 
.hoverbox a .preview {display:none;} 
.hoverbox a:hover .preview {display: block;position: absolute;top:-33px;left:-45px;z-index:1;} 
.hoverbox img {background: #fff;border-color: #a6dcf5;border-style: solid;border-width: 1px;color: inherit;padding: 0px;vertical-align:top;} 
.hoverbox li {background: #eaf8fe;color: inherit; display: inline;float:left;margin: 3px;padding:1px;position: relative;} 
.hoverbox .preview {border-color: #a6dcf5;}