/* CS1 Background and text colours
-------------------------------------------------------------*/
#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;
}

li.pa-avatar.item2 img {
  border:#d0a43b solid 2px;
}


/* CS1.1.2  */

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

/* CS1.2  */
body {background-image : url(); background-color: #f3e3bc;  background-position: top center; background-repeat: repeat; }


/* CS1.4*/
#pun {background-image: url(http://funkyimg.com/i/H78Y.png);}


/* CS1.3 */
#pun-title table {
background-image : url(http://funkyimg.com/i/H7ET.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
  margin-left: -92px;
height: 339px;
width: 995px;}

/* CS1.5 */
#pun-about p.container {background-color: #;
background-image : url(http://funkyimg.com/i/H78H.png); 
background-position : center top; 
background-repeat : no-repeat;
height : 195px;
width: 908px; 
margin-left: -77px;
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: #7a52c8;
  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: #d5b875; 
  text-decoration: none; font-weight: bold }

/* CS2.3 */
#pun-navlinks a {
  color: #bc902b;
  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: #ffefc8; 
padding: 11px;
padding-top:10px;
border: none;
  border-left: 3px clearly dashed #ffefc8;
  border-radius: 10px;
-moz-box-shadow: inset 0 0 10px 5px #f1ddac;
-webkit-box-shadow: inset 0 0 10px 5px #f1ddac;
box-shadow: inset 0 0 10px 5px #f1ddac;
color: #000000}

.punbb input { background-color: #ffefc8; 
border: none;
padding: 11px;
padding-top:10px;
  border-left: 3px clearly dashed #f1ddac;
  border-radius: 10px;
-moz-box-shadow: inset 0 0 10px 5px #f1ddac;
-webkit-box-shadow: inset 0 0 10px 5px #f1ddac;
box-shadow: inset 0 0 10px 5px #f1ddac;
color: #000000}


/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #ffefc8; 
padding: 11px;
padding-top:10px;
border: none;
  border-left: 3px clearly dashed #ffefc8;
  border-radius: 10px;
-moz-box-shadow: inset 0 0 10px 5px #f1ddac;
-webkit-box-shadow: inset 0 0 10px 5px #f1ddac;
box-shadow: inset 0 0 10px 5px #f1ddac;
color: #000000}

/* CS5.5 Двигаем верхний баннер */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: 0px; 
top: 215px;}

 /* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-left: 5px;
margin-right: 5px;
width: 55px;
height: 55px;
background-image : url(http://funkyimg.com/i/H79e.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/H79f.png);
background-repeat: no-repeat;
width: 55px;
height: 55px;
}
/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://s8.uploads.ru/shn7V.png);
background-repeat: no-repeat;
width: 50px;
height: 50px;
}

/* CS3.4 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/H79e.png);
background-repeat: no-repeat;
width: 50px;
height: 50px;
}

/* CS4 Картинки категорий */




/* CS5 Прочие элементы */


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



#slideshow {
	margin:0 auto;
	width:700px;
	height: 240px;
	position:relative;
line-height: 10px;}
#slideshow #slidesContainer {
  margin:0 auto;
  width:700px;
  height: 250px;
  overflow:auto; /* allow scrollbar */
  position:relative;}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:700px; 
  height:250px;}
.control {
  display:block;
  width: 100px;
  height: 250px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;}
#leftControl {
  top: 45px;
  left: -38px;
  background:transparent url(http://uploads.ru/i/I/y/X/IyXKA.png) no-repeat 0 0;}
#rightControl {
  top: 45px;
  right: -94px;
  background:transparent url(http://uploads.ru/i/F/U/v/FUvOR.png) no-repeat 0 0;}

.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  letter-spacing:-1px;
}
.slide img {
  float:;
  margin:0 2px;
}




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





nav.ph-lift1 > ul > li {
    float: left; }
  nav.ph-lift1 ul li {
    height: 60px;
    line-height: 80px;
    background: #b9b6be;
    -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: #7962a6; }
    nav.ph-lift1 ul li:hover ul {
      max-height: 300px; }
    nav.ph-lift1 ul li a {
      display: block;
      overflow: hidden;
      text-decoration: none;
      color: #ebe1fb;
      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: #ebe1fb;
      text-shadow: 0 1px 2px  black; }
      nav.ph-lift1 ul li a span:after {
        content: attr(data-title);
        display: block; }
/* тест */








#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)";}



.tooltip {
	position: relative;
	}
.tooltip em {
	display: none;
	}
.tooltip:hover em {
	font-style: normal;
	display: block;
	position: absolute;
 	background: #e9e0fb;
	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;
}


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: 10px; background: #a197de; color: #290a43;  padding: 1px 2px 2px 10px;}
a.sbla:hover, a.sbla:active { -moz-transition: 1s ease; -webkit-transition: 1s ease;  display: block; text-transform: lowercase; font-family: georgia; font-size: 9px; letter-spacing: 5px; background: #dcd5f4; text-decoration: none; color: #290a43; text-align: center; padding: 1px 2px 2px 20px;border-radius: 10px;}