/*ОРГ. ОФОРА BY SKYWALKER*/
.skywalker {width:620px;min-height:130px;margin-top:-1.5em;overflow:hidden;margin-left:-31px;background: url(http://savepic.net/6451593.png) 0 bottom no-repeat,url(http://savepic.net/6442377.png) 0 top no-repeat,url(http://savepic.net/6445449.png) 0 top repeat-y;}
.johnnie {width:620px;text-align:center;padding-top:52px;font-size:29px;font-family:Marck Script, cursive;color:#195b08;text-shadow:2px 2px 2px#fde4c9;}
.sw {text-align:justify;padding-top:10px;color:#4c4138;width:545px;padding-left:37px;padding-bottom:30px;}
.sw:first-letter {font-size:27px;font-family:Marck Script,cursive;color:#4c4138;text-shadow:2px 2px 2px #fde4c9;text-transform:uppercase;}
.js {width:545px;padding-left:37px;text-align:center;text-transform:lowercase;font-size:9px;color:#4c4138;font-family:arial;letter-spacing:1px;margin-top:3px;}



html, body {
background-color: #dfecc0;
background-image: url("http://savepic.net/6372967.png");background-attachment: fixed;} 
#pun {background-color: #e0e4b2; background-image: url(http://savepic.net/6400613.png); background-position: top center;}#pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {display: none; }
.pa-fld2 {
    text-align: justify}

.miniprofile { 
width: 180px;
text-align: center;
}

.hoverprofile { width: 180px; height: 180px; background-color: #000000; opacity: 0; position: absolute; z-index: 2; margin-top: 5px; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s; }

.hoverprofile:hover { opacity: 0.8; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s;}

.pa-fld1 {color: #ffffff !important; font-size:10px;}

/* 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: #000;
font-weight: normal;
font-style: normal;}


/* CS1.5 Футеркопирайниз */
#pun-about p.container {background-color: #;
background-image : url(http://savepic.net/6393465.png); 
background-position : center top; 
background-repeat : no-repeat; 
height : 342px;
width: 1200px; 
margin-left: -175px;
text-align: center;
margin-top: 10px;
border-color: transparent;
 color: #947222;
margin-bottom: -18px;
font-size:0 !important;
}

div#pun-about {margin-bottom: 00px;}

/* CS1.10 Профиль*/
.pa-respect {content: ".";
shadow: inset 0 0 10px 5px #e5d3c4;
padding:11px; text-shadow: #f0d77b 1px 1px 1px; width: 83px; height: 30px;
display: inline-block; margin-left: 0px; 
 text-align: center;font-family: 'Beer money'; font-size: 15px;}

.pa-posts { margin-left: 30px; content: ".";
shadow: inset 0 0 10px 5px #e5d3c4;
 text-shadow: #f0d77b 1px 1px 1px;
    display: inline-block;
    text-align: center; font-family: 'Beer money'; font-size: 15px;
width: 83px; height: 30px;padding:11px;
}


/* 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: #0b1a01;text-shadow: 1px 1px 1px #dbfcbd;
  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 {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: #456b14; text-shadow: 1px 1px 1px #d0fea8;
  text-decoration: none; }

/* CS2.3 */
#pun-navlinks a {
  color: #0b1a01;text-shadow: 1px 1px 1px #fee9a8;
  text-decoration: none;}

/* 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: #e6dca7;text-shadow: 1px 1px 1px #fee9a8;
  text-decoration: none; }



/* CS4 Something parts
-------------------------------------------------------------*/
div.icon {
        background: url(http://savepic.net/6402646m.png) no-repeat;
}

tr.inew div.icon {
        background: url(http://savepic.net/6377046m.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(http://savepic.net/6381142m.png) no-repeat;
}

tr.isticky div.icon {
        background: url(http://savepic.net/6374998m.png) no-repeat;
}

#pun-main div.catleft, #pun-main div.catright {display: none}
/* CS4 Картинки категорий */


#pun-category1.category h2 {
background: url(http://savepic.net/6396508.png);
height: 70px;
width: 339px;
font-size:0 !important;
margin-left: 267px;}

#pun-category2.category h2 {
background: url(http://savepic.net/6387292.png);
height: 70px;
width: 339px;
font-size:0 !important;
margin-left: 267px;}

#pun-category3.category h2 {
background: url(http://savepic.net/6365788.png);
height: 70px;
width: 339px;
font-size:0 !important;
margin-left: 297px;}


#pun-category4.category h2 {
background: url(http://savepic.net/6360668.png);
height: 70px;
width: 339px;
font-size:0 !important;
margin-left: 267px;}

#pun-category5.category h2 {
background: url(http://savepic.net/6422111.png);
height: 70px;
width: 339px;
font-size:0 !important;
margin-left: 287px;}


/* CS5 Прочие элементы */

/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://savepic.net/6415967m.png");
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 120px;
 text-align: justify;
padding-top: -20px;}

/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 76px;
width: 339px;
font-size:0 !important;
margin-left: 267px;
background-color: transparent;
background-image: url("http://savepic.net/6421087.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}


/* Модерирование тем и другие селекты*/
.punbb select {border-top: 3px solid #748e35;
border-left: solid 1px #fff;
border-right: solid 1px #fff;
border-bottom: 3px solid #748e35;
-webkit-border-radius: 15px;
border-radius: 15px;
content: ".";
background: #ebfbc5 repeat-y top center;
padding:2px 2px; text-shadow: #f0d77b 1px 1px 1px;}

/* кнопки */
.punbb input {border-top: 3px solid #748e35;
border-left: solid 1px #fff;
border-right: solid 1px #fff;
border-bottom: 3px solid #748e35;
-webkit-border-radius: 15px;
border-radius: 15px;
content: ".";
background: #ebfbc5 repeat-y top center;
padding:6px 6px; text-shadow: #f0d77b 1px 1px 1px;}


/* Формы ответа */
.punbb textarea {border-top: 6px solid #748e35;
border-left: solid 1px #fff;
border-right: solid 1px #fff;
border-bottom: 6px solid #748e35;
-webkit-border-radius: 15px;
border-radius: 25px;
content: ".";
background: #eaedca repeat-y top center;
padding: 9px 10px; text-shadow: #f3cd86 1px 1px 1px;}



/* Фоны под репутацией и наградами */
#pun-reputation div, #pun-popup_awards div {background-color: #eaedc9; 
padding: 11px;
padding-top:10px;
border: none;
border: 4px #f3cd86 double;
  border-radius: 20px;
-moz-box-shadow: inset 0 0 10px 5px #e5d3c4;
-webkit-box-shadow: inset 0 0 10px 5px #e5d3c4;
box-shadow: inset 0 0 10px 5px #e5d3c4;
color: #182959}
div#smiles-area.container {background-color: #eaedc9;}



/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -82px}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
 #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: center;  margin-top: 20px;  }
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}
#pun-stats li.item3 {display: none;}
li#navawards {display: none;}

#pun-main .post-author ul, #pun-main .post .container {line-height: 12px; margin-top: 5px;  }
#pun-main h2, #pun-stats.section h2 {
  padding: 3px 1em;
  border-style: none solid solid none;
  border-width: 0 1px 1px 0;
  }




#pun-main .post-author ul {margin-left: -15px;}



#img {width: 196px; height: 203px; margin: 1px 1px 1px 0px; border: 1px #635854 solid;  }
#img .ttwo { width: 196px; height: 203px; opacity: 0.0; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out;}
#img:hover .ttwo {opacity: 1.0;}



#img1 {width: 100px; height: 100px; margin: 0px 1px 1px 1px; border: 1px #635854 solid;  }
#img1 .ttwo1 { width: 100px; height: 100px;  opacity: 0.0; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out;}
#img1:hover .ttwo1 {opacity: 1.0;}


#img2 {width: 100px; height: 100px; margin: 0px 1px 0px 1px; border: 1px #635854 solid;  }
#img2 .ttwo2 { width: 100px; height: 100px; opacity: 0.0; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out;}
#img2:hover .ttwo2 {opacity: 1.0;}



#img3 {width: 100px; height: 100px; margin: 0px 1px 1px 0px; border: 1px #635854 solid;  }
#img3 .ttwo3 { width: 100px; height: 100px;  opacity: 0.0; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out;}
#img3:hover .ttwo3 {opacity: 1.0;}

#img4 {width: 100px; height: 100px; margin: 0px 1px 0px 0px; border: 1px #635854 solid;  }
#img4 .ttwo4 { width: 100px; height: 100px;  opacity: 0.0; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out;}
#img4:hover .ttwo4 {opacity: 1.0;}


#img5 {width: 100px; height: 100px; margin: 0px 1px 1px 0px; border: 1px #635854 solid;  }
#img5 .ttwo5 { width: 100px; height: 100px;opacity: 0.0; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out;}
#img5:hover .ttwo5 {opacity: 1.0;}

#img6 {width: 100px; height: 100px; margin: 0px 1px 0px 0px; border: 1px #635854 solid;  }
#img6 .ttwo6 { width: 100px; height: 100px; opacity: 0.0; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out;}
#img6:hover .ttwo6 {opacity: 1.0;}



/* бегунок */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
background: #ebfbc5;
}
::-webkit-scrollbar-thumb {
    background: #748e35;
}



/* картинка при наведении */
.tooltip {
 position: relative;
 }
.tooltip em {
 display: none;
 }
.tooltip:hover em {border-top: 3px solid #397702;
border-left: solid 1px #fff;
border-right: solid 1px #fff;
border-bottom: 3px solid #397702;
-webkit-border-radius: 15px;
border-radius: 15px;
content: ".";
background: #e3ffcb repeat-y top center;
padding:6px 6px; text-shadow: #f0d77b 1px 1px 1px;
 font-style: normal;
 display: block;
 position: absolute;
 background: #e3ffcb;
 color: #5b9428;
 padding: 5px 5px;
 bottom: 20px;
 right: 0px;
 box-shadow: 0 0 0px #fff;
 border-radius: 20px;
 -webkit-border-radius: 20px;
 -moz-border-radius: 0px;
 -webkit-box-shadow: 0 0 0px #fff;
 -moz-box-shadow: 0 0 0px #fff;
}
.tooltip:hover em i {
 position: absolute;
 bottom: -7px;
 right: 5px;
 border-top: 7px solid #fff;
 border-left: 7px solid transparent;
 display: block;
}




.tooltip2 {
 position: relative;
 }
.tooltip2 em {
 display: none;
 }
.tooltip2:hover em {border-top: 3px solid #397702;
border-left: solid 1px #fff;
border-right: solid 1px #fff;
border-bottom: 3px solid #397702;
-webkit-border-radius: 15px;
border-radius: 15px;
content: ".";
background: #e3ffcb repeat-y top center;
padding:6px 6px; text-shadow: #f0d77b 1px 1px 1px;
 font-style: normal;
 display: block;
 position: absolute;
 background: #e3ffcb;
 color: #5b9428;
 padding: 5px 5px;
 bottom: 0px;
 right: 5px;
 box-shadow: 0 0 0px #fff;
 border-radius: 20px;
 -webkit-border-radius: 20px;
 -moz-border-radius: 0px;
 -webkit-box-shadow: 0 0 0px #fff;
 -moz-box-shadow: 0 0 0px #fff;
}
.tooltip2:hover em i {
 position: absolute;
 bottom: -7px;
 margin-left: 150px;
 border-top: 7px solid #fff;
 border-left: 7px solid transparent;
 display: block;
}




/* CS1.7 Оформление форумов*/
.enjfor {width:310px; padding: 30px; background: url(http://savepic.net/6419070.png) top no-repeat, url(http://savepic.net/6408830.png) bottom no-repeat, url(http://savepic.net/6406782.png) repeat-y;  margin-top: -0px; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; -o-border-radius: 20px 20px 20px 20px;}

<style type="text/css">
.enjttitle { width: 550px; padding: 10px; background: transpanent;  font-family: 'Nautilus Pompilius'; font-size: 25px; color: #195b08;  text-align: center; }
.enjcita{ font-size:9px;font-family:arial;letter-spacing:1px;margin-top:3px; color:#3c0c00; }
.enjcontent { width: 550px; background: transpanent; padding: 10px; font-family: arial; font-size: 10px; color: #111;letter-spacing: 1px; line-height: 10px; text-align: justify; }
.enjcontente { width: 550px; background: transpanent; padding: 10px; font-family: arial; font-size: 10px; color: #111;letter-spacing: 0px; line-height: 10px; text-align: justify; }
.enjcontent p:first-letter { font-size: 30px; font-family: 'Nautilus Pompilius'; color: #3c0c00; text-transform: uppercase; float: left; margin: 5px 0px 5px 0px; }
.enjcontent22 { width: 180px; font-size: 9px; color: #000;letter-spacing: 1px; line-height: 7px; text-align: center; margin-left: 8px; font-family:Tahoma; }
.enjcontentprof { width: 148px;  background: transpanent; padding: 17px; font-size: 8px;font-family: arial; color: #000;letter-spacing: 1px; line-height: 7px; margin-left: 5px; font-family:Tahoma; text-align: center; background: url( ) top no-repeat, url( ) bottom no-repeat, url( ) repeat-y;}
.enjcontentprof p:first-letter { font-size: 30px; font-family: 'Nautilus Pompilius'; color: #e77a07; text-transform: uppercase; float: left; margin: 5px 0px 5px 0px; }
</style>


<style type="text/css">
#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; }</style>



