#pun-ulinks .container { text-align: center; position: absolute; z-index: 1000px; top: 464px; left: 80px;
}

/* навигация*/
.cat a:link {
font-family: Arial; font-size: 8px;
 padding: 3px;
 padding-left: 6px;
text-transform: uppercase; letter-spacing: 1px;
     color: #545448;
 text-shadow: 1px 1px 0px #ced9c9;
background: #e7d5ad;
   border: 1px solid #af9777; 
     color: #545448;}

.cat a:hover {
   border: 1px solid #af9777; 
background: #e7d5ad;
 text-shadow: 1px 1px 0px #dbcebc;
     color: #545448;
}



/* картинка при наведении */
.image.first,.image.second {
border:2px solid transparent;
margin:0;
padding:0;
}

.image.first {
opacity:1px;
display:block;
position:absolute;
z-index:100;
transition-duration:0.96s;
-webkit-transition-duration:0.96s;
-moz-transition-duration:0.96s;
-o-transition-duration:0.96s;
-ms-transition-duration:0.96s;
}

.image.first:hover {
opacity:0.00;
}
 
div.ImgField {
display:inline-block;
background-position:center center;
background-repeat:no-repeat;
margin:0;
padding:0;
}


/* hr-полоски*/
.hr1 {
  color:#87772a;
border-style: dotted; 
  height:1px;
 width=100%
}


/* размер шрифта в постах*/
#pun-main .post-content {font-size: 10px;}

/* профиль и лз */

#pun-main .post-author ul  {font-size: 9px; text-align: center;}
.pa-author{font-size: 12px; font-weight: bold; text-transform: uppercase;}
.punbb .post-sig dt {
    background: url("") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 43px;
    width: 314px;
}

li.pa-avatar.item2 img {
  border:#fadfb9 solid 1px;
box-shadow: 0px 0px 2px #000000;
margin-top: 5px;
margin-bottom: 3px;
}

/* фон поля профиля */
.pa-fld2 {
background-image: url("http://funkyimg.com/i/KtNe.png");
border-top: none;
border-bottom: none;
margin-top: 0px;
margin-left: 00px;
margin-bottom: 0px;
border-radius: 5px;
width: 183px;
}

.profinf {
background-image: url("http://se.uploads.ru/FQ0U5.png");
border-top: none;
border-bottom: none;
margin-top: 0px;
margin-left: 00px;
margin-bottom: 0px;
border-radius: 5px;
width: 183px;
}

.smiles {
background-image: url("http://se.uploads.ru/FQ0U5.png");
border-top: none;
border-bottom: none;
margin-top: 0px;
margin-left: 0px;
padding-right: 0px;
margin-bottom: 0px;
border-radius: 10px;

}

/* инфа*/
.pa-fld {
color: #000000;
text-shadow: 0px 0px 0px white;
width: 180px;
margin-left: 10px;
}

#pun-stats li.item3{ 
display:none;
 }

.hrlz {
  color:#75350e;
border-style: solid; 
  height:1px;
 width=100%
}

/* CS1.2 фон */
body {background-image : url(http://funkyimg.com/i/Ku6x.png); background-color: #482e05;  background-position: top-center; background-attachment: fixed; background-repeat: repeat; }


/* CS1.4 тело */
#pun {background-image: url(http://funkyimg.com/i/Ku7F.png); background-color: #efdcbd}


/* CS1.3 шапка форума*/
#pun-title table {
background-image : url(http://funkyimg.com/i/Ku8y.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
margin-left: -64px;
height: 454px;
width: 1025px;}


/* CS1.5 футер */
#pun-about p.container {background-color: #;
background-image : url(http://funkyimg.com/i/Ku7Q.png); 
background-position : center top; 
background-repeat : no-repeat;
height : 136px;
width: 949px; 
margin-left: -40px;
text-align: center;
border-color: transparent;
}


div#pun-about {
   margin-bottom: -60px;
}



div#pun-about {
   margin-bottom: -60px;
}




/* CS2 ссылки */

/* 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: #6b200c;
  text-decoration: none; }

/* 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 {
  color: #9a6d3e; 
  text-decoration: none; font-weight: }

/* CS2.3 */
#pun-navlinks a {
  color: #9b832e;
  text-decoration: none;

 }

/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #c3ac5b;
  text-decoration: none; font-weight: bold}



/* CS5 Прочие элементы */




/* Закругленные края цитаты и кода с тенью */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
background-color: #; 
background-image: url("http://se.uploads.ru/ZLBVX.png");
padding: 11px;
padding-top:10px;
border: none;
  border-left: 3px clearly dashed #;
  border-radius: 10px;
-moz-box-shadow: inset 0 0 10px 5px #;
-webkit-box-shadow: inset 0 0 10px 5px #;
box-shadow: inset 0 0 10px 5px #;
color: #000000}



/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #f5d69f; 
 border:#6f5335 solid 3px;
padding: 11px;
padding-top:10px;
border: none;
  border-left: 3px clearly dashed #;
  border-radius: 10px;
-moz-box-shadow: inset 0 0 10px 5px #;
-webkit-box-shadow: inset 0 0 10px 5px #;
box-shadow: inset 0 0 10px 5px #;
color: #000000}


/* CS5.5 Двигаем верхний баннер */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: 250px; 
top: 0px;}

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: left; 
display: block; 
border-style: none none none none;
margin-left: 10px;
margin-right: 10px;
width: 45px;
height: 43px;
background-image : url(http://funkyimg.com/i/K4qL.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/K4qE.png);
background-repeat: no-repeat;
width: 45px;
height: 43px;
top: 5px;
}
/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/K4qE.png);
background-repeat: no-repeat;
width: 45px;
height: 43px;
}

/* CS3.4 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/K4qL.png);
background-repeat: no-repeat;
width: 45px;
height: 43px;
}

/* CS4 Картинки категорий */

#pun-category1.category h2 {
background: url(http://funkyimg.com/i/Ku12.png);
height: 54px;
width: 403px;
font-size:0 !important;
margin-left: 255px}

#pun-category2.category h2 {
background: url(http://funkyimg.com/i/Ku11.png);
height: 54px;
width: 403px;
font-size:0 !important;
margin-left: 255px}


#pun-category3.category h2 {
background: url(http://funkyimg.com/i/KtZZ.png);
height: 54px;
width: 403px;
font-size:0 !important;
margin-left: 255px}


#pun-category4.category h2 {
background: url(http://funkyimg.com/i/KtZY.png);
height: 54px;
width: 403px;
font-size:0 !important;
margin-left: 255px}


#pun-category5.category h2 {
background: url(http://funkyimg.com/i/Kugd.png);
height: 54px;
width: 403px;
font-size:0 !important;
margin-left: 255px}

#pun-category6.category h2 {
background: url(http://funkyimg.com/i/KtZX.png);
height: 54px;
width: 403px;
font-size:0 !important;
margin-left: 255px}

/* CS5 Прочие элементы */

/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://funkyimg.com/i/Ku17.png");
background-origin: padding-box;
background-position: 10px 12px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 50px;
padding-top: 10px;}

/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 54px;
width: 403px;
font-size:0 !important;
margin-left: 255px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/KtZV.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}

/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}

#pun-main .post-author ul {text-align: center}
#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: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

#pun-main h2, #pun-stats.section h2 {
  padding: 3px 1em;
  border-style: none solid solid none;
  border-width: 0 1px 1px 0;
  }

a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: tahoma;
font-size: 11px;
background-color:#bdb8be;
color: #2d1b34; 
font-weight: normal;
text-align:center;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: #2d1b34;
border-left-width: 5px;
width: 170px;
}

a.tvm:hover {
font-family: tahoma;
font-size: 11px;
color: #bdb8be; 
background-color:#2d1b34;
display: block;
font-weight: bold;
text-align:center;
cursor:crosshair; 
text-decoration: none;
border-left-style: solid;
border-left-color: #bdb8be;
border-left-width: 5px;
width: 170px;
}



.tip {
	padding: 10px; /* расстояние текста от края окна */
	color: #050221; /* цвет шрифта */
	background-color: #d7e5f9; /* фоновый цвет окна */
	display: none;
	position: absolute;
	z-index: 1000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


 
#pun-main .post-author ul, #pun-main .post .container {line-height: 11px}



/** jQuery plugins
---------------------------------------------------------------*/
.tipsy { padding: 5px; font-size: 11px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('/i/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
.uploadifyQueueItem {background-color: #F5F5F5; border: 2px solid #E5E5E5; font: 11px Verdana, Geneva, sans-serif; margin-top: 5px; padding: 10px; width: 350px;}
.uploadifyError {background-color: #FDE5DD !important; border: 2px solid #FBCBBC !important;}
.uploadifyQueueItem .cancel {float: right;}
.uploadifyQueue .completed {background-color: #E5E5E5;}
.uploadifyProgress {background-color: #E5E5E5; margin-top: 10px; width: 100%;}
.uploadifyProgressBar {background-color: #0099FF; height: 3px; width: 1px;}






a.men:link, a.men:visited, a.men:active{
text-decoration: none;
background: #dcd4f9;
width: 85px;
padding-top: 5px;
padding-bottom: 5px; 
font-family: Verdana;
font-size: 12px;
color: #a5a9db;
display: block;
-moz-border-radius: 7px;
border-radius:7px;
text-align:center;
}
a.men:hover {
background: #0099ef;
-moz-border-radius: 7px;
border-radius:7px;
cursor: default;
}






#ex3 {
	width: 730px;
	height: 133px;
	line-height: 0px;
	color: transparent;
	font-size: 50px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	   font-weight: 300;
	text-transform: uppercase;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
 
#ex3:hover {
	line-height: 133px;
	color: #575858;
}
 
#ex3 img{
	float: left;
	margin: 0 15px;
}











/*--Column Styles--*/
ul.columns {
 width: 960px;
 list-style: none;
 margin: 0 auto; padding: 0;
}
ul.columns li {
 width: 150px;
 float: left; display: inline;
 margin: 10px; padding: 0;
 position: relative;
}
ul.columns li:hover {z-index: 99;}
/*--Thumbnail Styles--*/
ul.columns li img {
 position: relative;
 filter: alpha(opacity=30);
 opacity: 0.3;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*--IE8 Specific--*/
}
ul.columns li:hover img{
 z-index: 999;
 filter: alpha(opacity=100);
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

/* CS1 Фон и цвет текста*/
#pun .tcr {text-align: right;}
li#navawards, .pa-positive, .lastedit {display: none;}
.linkst .pagelink { 
right: 15px;
position: absolute;
top: -4em;
width: 24em;
 }
li#navawards {display: none;}
#pun-reputation div, #pun-popup_awards div {background-color: #f4d8b2;}
div#smiles-area.container {background-color: #f4d8b2;}
BODY {overflow-x: hidden}

/* CS1.1 Цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #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, #pun-navlinks .container  { background-color: transpanent;
color: #050221;
font-weight: normal;
font-style: normal;}


/* подсказки */
.hint {
	position: relative;
	}
.hint em {
	display: none;
	}
.hint:hover em {
	font-style: normal;
	display: block;
	position: absolute;
 	background: #f4de91;
	color: #FFF;
	padding: 10px 10px;
	bottom: 13px;
	right: 5;
	box-shadow: 0 0 1px #ccc;
 	border-radius: 5px;
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px #251010;
	-moz-box-shadow: 0 0 5px #251010;
}
.hint:hover em i {
	position: absolute;
	bottom: -7px;
	right: 5px;
	border-top: 7px solid #000;
	border-left: 7px solid transparent;
	display: block;
}

/* подсказки тарифы*/

.hintrate {
	position: relative;
	}
.hintrate open {
	display: none;
	}
.hintrate:hover open {
	font-style: normal;
	display: block;
	position: absolute;
 	background: #f4de91;
	color: #FFF;
	padding: 10px 10px;
	bottom: 13px;
	right: 5;
        top: 15px;
         height: 100px;
height: 150px;
	box-shadow: 0 0 1px #ccc;
 	border-radius: 5px;
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px #251010;
	-moz-box-shadow: 0 0 5px #251010;
}
.hintrate:hover open i {
	position: absolute;
	bottom: -7px;
	right: 5px;
	border-top: 7px solid #000;
	border-left: 7px solid transparent;
	display: block;
}


/* ссылки табла*/
a.sbla:link, a.sbla:visited { display: block; margin-bottom: 1px; text-transform: lowercase; font-style: italic; font-family: georgia; font-size: 9px; letter-spacing: 1px;border-radius: 2px; background: #dac05a; color: #421a0f; text-align: center; padding: 1px 2px 2px 10px;}

a.sbla:hover, a.sbla:active { display: block; margin-bottom: 1px; text-transform: lowercase; font-style: italic; font-family: georgia; font-size: 9px; letter-spacing: 1px;border-radius: 2px; background: #dac05a; color: #421a0f; text-align: center; padding: 1px 2px 2px 10px;}




.forumlinks { padding: 5px; font-family: arial; font-size: 7px; text-align: center; line-height: 100%; color: #111; background-color: #e1e1e1; -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; } .forumlinks:hover { padding: 5px; font-family: arial; font-size: 7px; text-align: center; line-height: 100%; color: #111; background-color: #f6e29a; }




h1.cch1 {width: 200px; height: 10px; text-transform: uppercase; letter-spacing: -1px; color: #fff; text-align: right; margin-top: 10px; margin-right: 10px; background-color: #aa8736;; border: 0px; margin-bottom: 3px;-webkit-transition-duration: 1s; transition-duration: 1s;}
h1.cch1:hover{-webkit-transform: translate(20px,0); -moz-transform: translate(20px,0); -o-transform: translate(20px,0); -ms-transform: translate(20px,0); transform: translate(20px,0); -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function:ease-out;}







/* описание подфорума */
.forstyle1{
padding: 20px;
font-size: 10px;
left: 10px;
width: 430px;
height: 128px;
text-align: justify;
background-image: url("http://se.uploads.ru/ZLBVX.png");
border-top: none;
border-bottom: none;
margin-top: 0px;
margin-left: 00px;
margin-bottom: 0px;
border-radius: 5px;
}
</style>





nav.ph-lift1 > ul > li {
    float: left; }
  nav.ph-lift1 ul li {
    height: 60px;
    line-height: 80px;
    background: #bbd478;
    -webkit-transition: all.6s ease;
    -moz-transition: all.6s ease;
    -o-transition: all.6s ease;
    -ms-transition: all.6s ease;
    transition: all.6s ease; }
    nav.ph-lift1 ul li ul {
      max-height: 0;
      -webkit-transition: all.6s ease;
      -moz-transition: all.6s ease;
      overflow: hidden;
      display: block; }
    nav.ph-lift1 ul li:hover {
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.3) inset;
      background: #94a662; }
    nav.ph-lift1 ul li:hover ul {
      max-height: 300px; }
    nav.ph-lift1 ul li a {
      display: block;
      overflow: hidden;
      text-decoration: none;
      color: #cee58f;
      height: 80px; }
    nav.ph-lift1 ul li ul li a {
      color: #ebe1fb; }
    nav.ph-lift1 ul li ul li:hover {
      background: olive; }
    nav.ph-lift1 ul li a span {
        -webkit-transition: all.6s ease;
        -moz-transition: all.6s ease;
        -o-transition: all.6s ease;
        -ms-transition: all.6s ease;
        transition: all.6s ease;
        display: block;
        padding: 0 40px; }
    nav.ph-lift1 ul li:hover > a span {
      margin-top: -80px;
      color: #cee58f;
      text-shadow: 0 1px 2px  black; }
      nav.ph-lift1 ul li a span:after {
        content: attr(data-title);
        display: block; }
/* тест */

/*прокрутка*/

::-webkit-scrollbar-thumb:vertical {
    height: 18px;
    border: 2px;
    background-color:#c68837; margin-top: 35px;
    }
::-webkit-scrollbar-thumb:horizontal {
    background-color:#c68837;
    }
::-webkit-scrollbar {
    width: 14px;
    height: 10px;
    border: 5px solid #цвет;
    background-color:#5b310c; margin-top: 35px;
    }


/*картинка при наведении на текст*/
.tooltip {
	position: relative;
	}
.tooltip em {
	display: none;
	}
.tooltip:hover em {
	font-style: normal;
	display: block;
	position: absolute;
 	background: #cdbca9;
	color: #FFF;
	padding: 10px 10px;
	bottom: 13px;
	right: 5;
	box-shadow: 0 0 5px #ccc;
 	border-radius: 5px;
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px #0e0a09;
	-moz-box-shadow: 0 0 5px #0e0a09;
}
.tooltip:hover em i {
	position: absolute;
	bottom: -7px;
	right: 5px;
	border-top: 7px solid #000;
	border-left: 7px solid transparent;
	display: block;
}



#slideshow {
	margin:0 auto;
	width:860px;
	height: 200px;
	position:relative;
line-height: 10px;}
#slideshow #slidesContainer {
  margin:0 auto;
  width:860px;
  height: 200px;
  overflow:auto; /* allow scrollbar */
  position:relative;}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:800px; 
  height:200px;}
.control {
  display:block;
  width: 100px;
  height: 200px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;}
#leftControl {
  top: 45px;
  left: -58px;
  background:transparent url(http://funkyimg.com/i/LuJt.png) no-repeat 0 0;}
#rightControl {
  top: 45px;
  right: -134px;
  background:transparent url(http://funkyimg.com/i/LuJs.png) no-repeat 0 0;}

.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  letter-spacing:-1px;
}
.slide img {
  float:center;
  margin:0 2px;
}



