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

body {
	background-image: url("http://co.forum4.ru/files/0017/c3/d7/41203.jpg");
	background-color: #1cbace;
	background-repeat: repeat;
	background-position: top center;}

#pun {
	background-image: url("http://co.forum4.ru/files/0017/c3/d7/35554.jpg");
	width: 914px;
	background-color: transparent;
	background-repeat: repeat-y;
	background-position: center;
}

#pun-title.section {
	background-image: url("http://co.forum4.ru/files/0017/c3/d7/22742.png");
	background-repeat: no-repeat;
	background-position: top center;
	margin-left: -101px;
	width : 1070px;
	height: 560px; 
}

#pun-title .title-logo span {display: none; }

/*--------------- ссылки в форумах ---------------*/
#links_f { line-height: 7px; margin-top: 9px; }
#links_f a:link, #links_f a:visited, #links_f a:active 
{ background: #ffe277;
text-align: center;
padding-top: 0px;
padding-right: 8px;
padding-bottom: 1px;
padding-left: 8px;
margin-bottom: 5px; 
border-radius: 15px 0px 15px 0px; 
border: solid 2px #ffffff; 
color: #3b4244;
line-height: 90%;
text-transform: lowercase;
transition-duration: 1.2s;
-moz-transition-duration: 1.2s;
-webkit-transition-duration: 1.2s;
-o-transition-duration: 1.2s; }
#links_f a:hover { background: #e1fafe; color: #3b4244;
text-shadow: #d9d8d6 0px 0px 0px;}

.links_f {
width: auto;
text-transform: uppercase;
color: #3b4244; line-height: 90%; padding: 4px; text-decoration: none; text-transform: lowercase; text-shadow: #d9d8d6 1px 1px 1px;
background-color: #ffe277;
position:relative;
 right:0px;
 width: 93%;
}

/* 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: #3b4244; }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
	background-color: transparent;
	color: #3b4244;
	font-weight: normal;
	font-style: normal; 
        text–transform: uppercase;
}

/* CS1.3 */
#pun-stats h2, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
	background-color: transparent;
	color: #3b4244;
	font-weight: normal;
	font-style: normal; 
        text–transform: uppercase;
}

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


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

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

#pun th {  font-size: 0px;}

/* CS1.7 */
#pun-main .code-box {
	background-color: #e1fafe;
	color: #3b4244;
	border-radius: 20px 0px 20px 0px;
	border: solid 2px #ffffff;
        }

#pun-main .quote-box {
	background-color: #5ed4e2;
	color: #3b4244;
	border: solid 5px #ffffff;
	box-shadow: 0 3px 10px rgba(0,0,0,0.3);
	}

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

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

.punbb select, .punbb input {
	background-color: transparent;
	color: #3b4244;
        }

 .punbb textarea {
	background-color: #e1fafe;
	color: #3b4244;
	border-radius: 20px 0px 20px 0px;
	border: solid 2px #ffffff;
        padding: 5px !important;
        }


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

/* 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 */
#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: 0px solid transparent; }

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

.punbb .post-sig dt {
	border-top-color: #000000 !important; }


/* 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: #262a2b;
	border-bottom: 0px none #000;
	font-family: 'Cuprum';
	font-size: 14px !important;
	font-style: normal;
	text-decoration: none;
	}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
	color: #262a2b;
  }

/* 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: #262a2b;
	border-bottom: 0px none #000;
	font-family: 'Cuprum';
	font-size: 14px !important;
        font-style: normal;
	text-decoration: none; 
        }

/* CS3.3 */
#pun-navlinks a {
        font-size: 18px;
	color: #262a2b;
	font-style: normal;
	border-bottom: 0px none #000;
	text-decoration: none; 
	}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
        font-size: 18px;
	font-style: normal;
	border-bottom: 0px none #000;
	text-decoration: none; 
        }

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

.pa-title { 
        background-color: #4ce6ef;
        width: 180px;
        font-size: 11px;
	color: #2a8098; 
        font-family: lobster;
        text-transform: lowercase;
        vertical-align: middle;
        text-align: center;
        letter-spacing: 0px;
        text-decoration: none;
        margin-top: 15px!important;
        margin-left: 0px!important;
        padding-top: 3px!important;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
       }



/* CS4 Post status icons
 -------------------------------------------------------------*/
div.icon {
	background: url("http://co.forum4.ru/files/0017/c3/d7/96573.png") no-repeat; }

tr.inew div.icon {
	background: url("http://co.forum4.ru/files/0017/c3/d7/22205.png") no-repeat; }

tr.iclosed div.icon {
	background: url("http://co.forum4.ru/files/0017/c3/d7/40984.png") no-repeat; }

tr.isticky div.icon {
	background: url("http://co.forum4.ru/files/0017/c3/d7/32441.png") no-repeat; }



/* CS5 Categories
------------------------------------------------------------- */

#pun-category1.category h2 {
	background: url(http://co.forum4.ru/files/0017/c3/d7/20319.png) no-repeat top center;
	height: 150px;
	width: 914px;
	font-size: 0px !important;
	margin-left: -23px;
	margin-top: -25px;
	margin-bottom: -25px; }

#pun-category2.category h2 {
	background: url(http://co.forum4.ru/files/0017/c3/d7/58062.png) no-repeat top center;
	height: 150px;
	width: 914px;
	font-size: 0px !important;
	margin-left: -23px;
	margin-top: -25px;
	margin-bottom: -25px; }

#pun-category3.category h2 {
	background: url(http://co.forum4.ru/files/0017/c3/d7/72987.png) no-repeat top center;
	height: 150px;
	width: 914px;
	font-size: 0px !important;
	margin-left: -23px;
	margin-top: -25px;
	margin-bottom: -25px; }

#pun-category4.category h2 {
	background: url(http://co.forum4.ru/files/0017/c3/d7/88211.png) no-repeat top center;
	height: 150px;
	width: 914px;
	font-size: 0px !important;
	margin-left: -23px;
	margin-top: -25px;
	margin-bottom: -25px; }

#pun-category5.category h2 {
	background: url(http://co.forum4.ru/files/0017/c3/d7/26045.png) no-repeat top center;
	height: 150px;
	width: 914px;
	font-size: 0px !important;
	margin-left: -23px;
	margin-top: -25px;
	margin-bottom: -25px; }

#pun-category6.category h2 {
	background: url(http://co.forum4.ru/files/0017/c3/d7/95855.png) no-repeat top center;
	height: 150px;
	width: 914px;
	font-size: 0px !important;
	margin-left: -23px;
	margin-top: -25px;
	margin-bottom: -25px; }

#pun-stats h2 {
	background: url(http://co.forum4.ru/files/0017/c3/d7/56144.png) no-repeat top center;
	height: 150px;
	width: 914px;
	font-size: 0px !important;
	margin-left: -23px;
	margin-top: -25px;
	margin-bottom: -25px; } 


/* CS6 Footer, alignment and etc.
-------------------------------------------------------------*/

#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container .post-author ul {
	text-align: center; }
#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container .pa-author {
	text-align: center; }
#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container  ul .pa-title {
	text-align: center; }

#pun-about p.container { 
	background-color: transparent;
	background-image: url("http://co.forum4.ru/files/0017/c3/d7/81867.png"); 
	background-position: center top; 
	background-repeat: no-repeat; 
	height: 210px; 
	width: 982px;
	margin-left: -58px;
	margin-top: 10px; 
	margin-bottom: -100px;
        font-size: 0px;
        text-align: center;}
div#html-footer {margin: 0 px 0px 0px 0px;}


#pun-navlinks .container a {
  font-size: 24px!important;
  font-family: 'bebas neue';
  color: #ffffff;
  text-shadow: 2px 2px #efcc4c;
  text-decoration: none;
  font-weight: bold;
}


#pun-main h1 {
  font-size: 14px!important;  
  font-family: 'bebas neue';
  color: #262a2b!important;
  text-shadow: 2px 2px #efcc4c;
  text-decoration: none;
  font-weight: bold;
        text-transform: uppercase;
        vertical-align: middle;
        text-align: center;
        letter-spacing: 0px;
        text-decoration: none;
        }

#pun-main h1 {
font-weight: bold;
        text-align: center;
        }

#pun-main h2 {
        font-size: 14px;
	color: #262a2b;
        font-family: Oranienbaum;
        text-transform: uppercase;
        vertical-align: middle;
        text-align: center;
        letter-spacing: 0px;
        text-decoration: none;
        }

#pun-main h2 {
font-weight: bold;
        text-align: center;
        }

#pun-crumbs2 .crumbs {
	font-family: Cuprum !important;
	font-size: 12px;
        vertical-align: middle;
        letter-spacing: 0px;
        text-decoration: none;
        }

#pun-navlinks a {
 color: #ffffff;  text-decoration: none;   font-family: 'bebas neue'; }
#pun-ulinks a {
 color: #ffffff;  text-decoration: none;   font-family: 'bebas neue';  }

::-webkit-scrollbar { background: transpatent; width: 5px;  height: 5px; }
::-webkit-scrollbar-thumb { background: #efcc4c; width: 5px; height: 5px; }
::-webkit-scrollbar-corner { background: transpatent; }


li.pa-avatar.item2 img {
	border: solid 0px #ffffff; 
	margin-top: 0px;
	margin-left: -6px;
}

.post-author ul {
	background-color: transparent;
	color: #3b4244 !important;
}

.pa-respect a {
	background-color: transparent;
	color: #3b4244 !important;
}

/* репутация и сообщения на одной строчке*/
.pa-posts {
	display: inline-block;
	margin-left: 0px;
	display: inline-block;
	background-color: transparent;
	text-align: center;
	text-transform: lowercase;
	padding: 0px 0px;
	width: 80px;
	color: #3b4244;
}

.pa-respect {
	display: inline-block;
	margin-left: 0px;
	display: inline-block;
	background-color: transparent;
	text-align: center;
	text-transform: lowercase;
	padding: 0px 0px;
	width: 80px;
	color: #3b4244;
}

/*---------------оформление названий подфорумов}---------------*/
#pun-index.punbb .tclcon h3 > a {
        color: #ffffff;
        text-align: center !important;
        font-family: 'Georgia';
        text-transform: lowercase;
        font-size: 24px !important;
	font-style: italic;
        font-weight: 900;
        text-shadow: 2px 2px #efcc4c;
}

#pun-index.punbb .tclcon h3 > a:hover {
   color: #ffffff;
}



/*---------------оформление описаний подфорумов---------------*/
.punbb td div .tclcon, .category .container table .hasicon .tc1 {
   line-height: 12px;
   padding: 29px 45px 20px 25px;
   background: url(http://co.forum4.ru/files/0017/c3/d7/31640.jpg) 0px top no-repeat,
                      url(http://co.forum4.ru/files/0017/c3/d7/27018.jpg) 0px bottom no-repeat, 
                      url(http://co.forum4.ru/files/0017/c3/d7/66902.jpg) 0px repeat-y;}

.pf {
    width: 343px;
    padding: 51px 0px 67px 22px;
    margin-top: -4em !important;
    font: 10px tahoma;
    color: #ffffff;
    }

#post1 {
    margin-top: 4px;
    margin-left: 72px;
    color: #ffffff;
    overflow-y: auto;
    height: 88px;
    width: 129px;
    text-align: justify;}
#post1::-webkit-scrollbar {width: 0px; height: 0px;}


/*--------------- доп.информация ---------------*/
.pa-fld1 {
   background-color: #4ce6ef!important;
   color: #2a8098!important;
   font-family: Tinos; 
   font-size: 13px;
   text-align: justify !important;
   line-height: 85% !important;
   width: 180px !important;
   margin-top: -46px !important;
   margin-left: 0px !important;
   margin-bottom: 7px !important;
   padding-top: 46px !important;
-webkit-border-bottom-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;}

/*--------------- плашки ---------------*/
.pa-fld2 {
   margin-top: -45px !important;
   margin-left: -3px !important;}

/*--------------- смена картинок при наведении ---------------*/
.image.UP,
.image.Down {
   border:2px solid transparent;
   margin:0;
   padding:0;
}
.image.UP{
opacity:1.0;
   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; /* IE9+ */
}
.image.UP:hover {
   opacity:0.00;
}
 
div.ImgWrap{
display:inline-block;
padding:0;margin:0;
background-position:center center;
background-repeat:no-repeat;
}

/*--------------- нужники ---------------*/
#kray {height: 300px; width: 500px; border: 5px solid #fff; position: relative; margin: auto; background: #5ed4e2; box-shadow: 0 5px 10px rgba(0,0,0,0.3)}
.reggie {height: 300px; width: 200px; position: absolute; left: 0; top: 0; background: #5ed4e2; overflow: hidden}
.reggie1 {height: 200px; width: 200px; position: absolute; left: 0; top: 0; background-color: #5ed4e2; background-blend-mode: luminosity; background-size: cover; background-repeat: no-repeat; opacity: 0.5;}
.reggie2 {height: 86px; width: 196px; position: absolute; margin-top: -50px; bottom: 0; border: 2px solid transparent; text-align: center; font-family: Bebas Neue; font-weight: 600; font-size: 16px; color: #ffffff;}
.reggie2 b {font-family: Bebas Neue; font-weight: 600; text-align: center; font-size: 26px; color: #ffffff;  text-shadow: 3px 3px #fcce49; letter-spacing: 0px; line-height: 90%}
.reggie2 p {font-family: Bebas Neue; font-weight: 600;  text-transform: uppercase; line-height: 10px; color: #3b4244; margin-top: -8px; font-size: 10px; line-height:  90%; text-align: justify; padding: 5px; letter-spacing: 0px; }
.ronnie {height: 300px; width: 300px; position: absolute; right: 0; }
.ronnie1 {height: 30px; width: 300px; line-height: 30px; font-family: Bebas Neue; font-weight: 600; background: #5ed4e2; color: #ffffff; text-align: center; font-size: 16px; position: absolute; top: 0}
.ronnie2 {height: 250px; width: 280px; border-color:#5ed4e2; border-style: solid; border-width: 10px 5px 10px 10px; padding-right: 5px; position: absolute; bottom: 0; font-size: 11px; line-height: 90%; text-align: justify; overflow: auto; color: #3b4244}
.ronnie2::-webkit-scrollbar {width: 2px}
.ronnie2::-webkit-scrollbar-track {background: fcce49}
.ronnie2::-webkit-scrollbar-corner {background: #fcce49}
.ronnie2 b {font-family: cuprum; color: #3b4244; text-transform: uppercase; font-size: 12px; letter-spacing: -0.2px}

/*--------------- анкета ---------------*/
.title2 {font-family: Bebas Neue; font-weight: 600; color: #fff; font-size: 36px; text-align: center; text-shadow: 3px 3px #fcce49;}

.text2 { width: 230px;
background-color: #ffe277;
text-align: center;
padding: 4px;
margin-bottom: 5px; 
border-radius: 20px 0px 20px 0px; 
border: solid 2px #ffffff; 
color: #3b4244; 
letter-spacing: 2px;
line-height: 90%;
text-transform: lowercase;
transition-duration: 1.2s;
-moz-transition-duration: 1.2s;
-webkit-transition-duration: 1.2s;
-o-transition-duration: 1.2s; }

.text2:hover { background-color: #e1fafe; color: #3b4244;  }

#togglecontainer {
width: 500px;
height: 530px;
background-color: #5ed4e2;
padding: 20px;
overflow: hidden;
border-radius: 0px 0px 0px 0px;
border: solid 5px #ffffff;
box-shadow: 0 3px 10px rgba(0,0,0,0.3);
margin-bottom: 10px;
}

#togglecontent {
opacity: 0;  
-webkit-transition: ease-in-out 1.5s;	
-ms-transition: ease-in-out 1.5s;	
-moz-transition: ease-in-out 1.5s;	
-o-transition: ease-in-out 1.5s;	
transition: transform 1s;
height: 185px;
overflow: auto;
font-family: 'arial';
font-size: 10px;
background-color: #ffe277;
padding: 8px;
margin-top: -8px;
text-align: justify;
border-radius: 20px 0px 20px 0px;
border: solid 2px #ffffff;
}

#togglecontent::-webkit-scrollbar { width: 2px; } 

#togglecontent::-webkit-scrollbar-thumb { background: #fcce49; }

#togglecontent::-webkit-scrollbar-corner { background: #fcce49;} 


#toggleimg {
width: 500px !important;
height: 200px !important;
-webkit-transition: ease-in-out 1.5s;	
-ms-transition: ease-in-out 1.5s;	
-moz-transition: ease-in-out 1.5s;	
-o-transition: ease-in-out 1.5s;	
transition: transform 1s;
margin-top: -8px;
border-radius: 20px 0px 20px 0px;
border: solid 2px #ffffff;
}

input[type=checkbox]:checked ~ #toggleimg {
margin-left: 602px;
opacity: 0;
transform: rotate(1080deg);
}
input[type=checkbox]:checked ~ #togglecontent {
margin-top: -200px;
 opacity: 1;	
transform: rotate(1080deg);
}
#togglecontainer label {
text-transform: uppercase;
font-family: arial;
color: #545454;
padding: 3px;
font-weight: bold;
font-size: 8px;
letter-spacing: 4px;
}
#togglecontainer label:hover {
color: black;	
}
#togglecontainer input[type=checkbox] {
display: none;
}

.toppic {width: 500px;
height: 200px;
background-color: #5ed4e2;
border-radius: 20px 0px 20px 0px;
overflow: hidden;
border: solid 2px #ffffff;
margin-bottom: 7px;
}

/*--------------- эпизоды ---------------*/
.thingy::-webkit-scrollbar { width: 2px; }
.thingy::-webkit-scrollbar-thumb { background: #fcce49}
.thingy::-webkit-scrollbar-corner { background: #fcce49}

#episodes { width: 400px; height: 200px; border: 5px solid #ffffff; position: relative; overflow: hidden; box-shadow: 0 3px 10px rgba(0,0,0,0.3);}

#episodes .left { -webkit-transition: 2s all ease-in-out; -moz-transition:0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; 
position: absolute; left: 0px; bottom: 0px; width: 200px; height: 200px; }

#episodes:hover .left {-webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; left: -200px; } 

#episodes .right { -webkit-transition: 2s all ease-in-out; -moz-transition:0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; 
position: absolute; right: 0px; bottom: 0px; width: 200px; height: 200px; }

#episodes:hover .right {-webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; right: -200px; }

.episodestitle {font-family: Bebas Neue; font-weight: 600; color: #fff; font-size: 36px; text-align: center; text-shadow: 3px 3px #fcce49;}

.episodestext {
background-color: #ffe277;
text-align: center;
padding: 4px;
margin-bottom: 5px; 
border-radius: 20px 0px 20px 0px; 
border: solid 2px #ffffff; 
font-family: 'Cuprum';
color: #3b4244; 
letter-spacing: 2px;
line-height: 90%;
text-transform: lowercase;
transition-duration: 1.2s;
-moz-transition-duration: 1.2s;
-webkit-transition-duration: 1.2s;
-o-transition-duration: 1.2s; }

.episodestext:hover { background-color: #e1fafe; color: #3b4244;  }