/* CS1 Background and text colours
-------------------------------------------------------------*/

/*Main*/
HTML {background: url('/files/0014/d9/d8/71101.jpg') #cacbcf scroll;}

body {background: transparent url('/files/0014/d9/d8/84242.jpg') scroll repeat-x top center;}

.punbb, #Login_Punbb > .container {background: url('/files/0014/d9/d8/98056.png') transparent repeat center; 
box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; khtml-box-shadow: 0 0 10px #000; o-box-shadow: 0 0 10px #000;}

#pun_wrap {background: transparent url('/files/0014/d9/d8/56006.jpg') scroll repeat-x bottom center; width: 100%;}

.punbb .main .container, .punbb td.tcl, .punbb td.tc3, .punbb td.tc2, .punbb td.tcr, 
.punbb .section .container, .punbb .section .formal .container, .punbb .formal fieldset, 
.punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span,
.punbb-admin #pun-admain legend span, #viewprofile li strong, #viewprofile li div, #setmods dd, 
#pun-crumbs2 .container, #pun-about .container, .punbb .post-body, .post-box, 
.punbb .post .container, .punbb .post h3, .punbb .post-links, .punbb .info-box, 
.punbb #pun-main .info-box .legend {background-color: transparent; color: #000;}

.multipage td.tc2, .multipage td.tc3 {font-size: 1em!important; font-family: tahoma; font-style: normal;}

/*Forums*/
.punbb th {color: #303342; background: transparent;}

.punbb td div.tclcon {margin-top: 30px; margin-left: 30px; background: url('/files/0014/d9/d8/98431.png') repeat-x 100% 0, #474b61 url('/files/0014/d9/d8/37630.png') repeat; border: 1px solid #e6e9f5; border-radius: 10px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.7);}

#pun-main .forum td div.tclcon, #pun-messages td div.tclcon {background: transparent; border: none; border-radius: 0px; box-shadow: none;}
#pun-messages td div.tclcon {height: 40px; margin-top: 0; padding-top: 30px;}
#pun-main .forum div.icon, #pun-messages td div.icon {margin-left: 10px;}

.shockarts {width: 250px; min-height: 60px; padding: 5px; margin: 24px 0px 10px 17px!important; background: rgba(202, 203, 207, 0.9);}

/*Modlist*/
.punbb td .modlist {color: #eceef5;}
.punbb td .modlist a {color: #eceef5; text-shadow: 0 0 5px #cacbcf;}
.punbb td .modlist a:hover, .punbb td .modlist a:focus, .punbb td .modlis a:active {text-shadow: none; color: #cacbcf;}

/*Profile*/
.punbb .post .post-author {background: url('/files/0014/d9/d8/87027.png') repeat 100% 0, #474b61 url('/files/0014/d9/d8/37630.png') repeat; border: 1px solid #e6e9f5; border-radius: 10px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.7);}

li.pa-online, li.pa-title {color: #cacbcf;}
.pa-fld1, .pa-fld2, .pa-fld3, .pa-fld4, li.pa-respect, li.pa-posts, li.pa-from, li.pa-reg {background-color: rgba(202, 203, 207, 0.9);}

/*Selectors*/
.punbb .quote-box, .punbb .code-box, .punbb textarea {background: rgba(48, 51, 66, 0.1); border-left: 1px dotted #303342; border-right: 1px dotted #303342; border-top: 4px solid #303342; border-bottom: 4px solid #303342; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;}

.punbb select, .punbb input, .punbb optgroup, .punbb.option {color: #000; background: rgba(48, 51, 66, 0.1); border: 3px solid #303342; border-top:none; border-bottom: none;border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px;}

.inner.post_reputation, #post .container[id$="-area"]{color: #000; border: 1px solid #303342; background: rgba(202, 203, 207, 0.9); }

/*Ñategories*/
.punbb .main h1 {background: #474b61 url('/files/0014/d9/d8/37630.png') repeat; color: #eef0f8; font-size: 1.3em; text-align: center; font-family: Times New Roman; text-transform: uppercase; text-shadow: 0px -1px 3px #202020; border-color: #797979 #5D5D5D #575757 #929292;}

#pun-category1 h2 {background: url('/files/0014/d9/d8/54733.png') no-repeat 0% 50%; height: 80px;}
#pun-category2 h2 {background: url('/files/0014/d9/d8/23230.png') no-repeat 100% 50%; height: 80px;}
#pun-category3 h2 {background: url('/files/0014/d9/d8/25671.png') no-repeat 0% 50%; height: 80px;}
#pun-category4 h2 {background: url('/files/0014/d9/d8/93278.png') no-repeat 100% 50%; height: 80px;}
#pun-stats h2 {background: url('/files/0014/d9/d8/11541.png') no-repeat 0% 50%; height: 80px;}

#pun-category1 h2, #pun-category2 h2, #pun-category3 h2, #pun-category4 h2, #pun-stats h2, .punbb .main h2, #pun-stats h2, #pun-debug h2 {color: transparent!important;}

.punbb .post h3 strong {font-size: 0.9em; color: #000;}

/*Hover back and transition*/
.shockarts, .pa-fld1, .pa-fld2, .pa-fld3, .pa-fld4, li.pa-respect, li.pa-posts, li.pa-from, li.pa-reg, .post-content table td, .punbb select, .punbb input, .punbb optgroup, .punbb .post-content img.postimg  {-webkit-transition: all .22s ease-in-out; -o-transition: all .22s ease-in-out; -moz-transition: all .22s ease-in-out; -ms-transition: all .22s ease-in-out; -kthtml-transition: all .22s ease-in-out; transition: all .22s ease-in-out;}

.shockarts:hover, .pa-fld1:hover, .pa-fld2:hover, .pa-fld3:hover, .pa-fld4:hover, li.pa-respect:hover, li.pa-posts:hover, li.pa-from:hover, li.pa-reg:hover {background: rgba(234, 235, 237, 0.9);} 

.post-content table td:hover, .punbb select:hover, .punbb input:hover, .punbb optgroup:hover {background: rgba(230, 233, 245, 0.2);} 

/*Admin*/
.punbb-admin #pun-admain .adcontainer {color: #666; background: #F5F5F5;}
.punbb-admin #pun-admain h2 {background: #b9b9b9; color: #333; font-weight: bold; 
border: none;}

/* CS3 Links
-------------------------------------------------------------*/

/*Navlinks*/
#navindex a {background: url('/files/0014/d9/d8/92901.png')  no-repeat top center; width: 90px; }
#navuserlist a {background: url('/files/0014/d9/d8/80671.png') no-repeat top center; width: 80px; }
#navsearch a {background: url('/files/0014/d9/d8/32754.png') no-repeat top center; width: 90px;}
#navprofile a {background: url('/files/0014/d9/d8/25140.png') no-repeat top center; width: 80px;}
#navpm a {background: url('/files/0014/d9/d8/40211.png') no-repeat top center; width: 60px;}
#navadmin a {background: url('/files/0014/d9/d8/72572.png') no-repeat top center; width: 90px;}
#navlogout a {background: url('/files/0014/d9/d8/94571.png') no-repeat top center; width: 90px;}
#navlogin a {background: url('/files/0014/d9/d8/37720.png') no-repeat top center; width: 60px;}
#navregister  a {background: url('/files/0014/d9/d8/84233.png') no-repeat top center; width: 140px;}

#pun-navlinks a {display: inline-block; height: 30px; margin-left: 5px; transition: none;}
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { 
  background-position: 0 -30px;}  
#pun-navlinks a span {display: none;}

/*User links*/
#pun-ulinks a {color: #eceef5; text-shadow: 0 0 5px #cacbcf;}
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {text-decoration: none; text-shadow: none; color: #cacbcf!important;}

#pun-ulinks a:before {content: "["; margin-right: 5px; opacity: 1; transform: translateX(0px);}
#pun-ulinks a:after {content: "]"; margin-left: 5px; opacity: 1; transform: translateX(0px);}
#pun-ulinks a:hover:before, #pun-ulinks a:focus:before {transform: translateX(20px);}
#pun-ulinks a:hover:after, #pun-ulinks a:focus:after {transform: translateX(-20px);}
#pun-ulinks a:hover:before, #pun-ulinks a:hover:after {display: inline-block; opacity: 0; transition: transform 0.3s ease 0s, opacity 0.2s ease 0s;}

/*Main links*/
.punbb a, .punbb a:link, .punbb a:visited  {color: #646972; text-decoration: none; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); font-size: 0.9em; font-weight: bold; -webkit-transition: all .22s ease-in-out; -o-transition: all .22s ease-in-out; -moz-transition: all .22s ease-in-out; -ms-transition: all .22s ease-in-out; -kthtml-transition: all .22s ease-in-out; transition: all .22s ease-in-out;}

.punbb a:hover, .punbb a:focus, .punbb a:active {color: #3b3e4f; text-decoration: none;}

/*Pa-author*/
.pa-author a {text-decoration: none; color: #eceef5!important; text-shadow: 0 0 5px #cacbcf!important; font-size: 1.3em!important;}
.pa-author a:hover, .pa-author a:focus, .pa-author a:active {text-shadow: none!important; color: #cacbcf!important;}

/*Main page — forum*/
#pun-index .tcl h3 a {color: #3b3e4f!important; font-size: 1.2em!important;}
#pun-index .tcl h3 a:hover {color: #646972!important; text-shadow: 1px 1px 2px #f6f7fa;}
#pun-index .tcl h3 a:before {content: "["; margin-right: 5px; opacity: 1; transform: translateX(0px);}
#pun-index .tcl h3 a:after {content: "]"; margin-left: 5px; opacity: 1; transform: translateX(0px);}
#pun-index .tcl h3 a:hover:before, #pun-ulinks a:focus:before {transform: translateX(-20px);}
#pun-index .tcl h3 a:hover:after, #pun-ulinks a:focus:after {transform: translateX(20px);}
#pun-index .tcl h3 a:hover:before, #pun-index .tcl h3 a:hover:after {display: inline-block; opacity: 0; transition: transform 0.3s ease 0s, opacity 0.2s ease 0s;}

/*Last post*/
td.tcr a, td.tcr a:link, td.tcr a:visited { height: 12px; background: transparent url('/files/0014/d9/d8/27847.png') no-repeat 0% 2px; padding-left: 14px;}

/*Admin links*/
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited,  .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {color: #666; text-decoration: none;}

/* CS4  Announcement container
-------------------------------------------------------------*/

/*Announcement*/
#pun-announcement .container {background: transparent; padding: 30px 8px 0 9px; font-family: Tahoma, Helvetica, sans-serif;}   
                    
/* CS5 Specific elements
 -------------------------------------------------------------*/

/*Login forme*/
#Login_Punbb > .container {position: fixed; top: 40%; padding: 1em; vertical-align: middle; z-index: 100000; border: 1px solid #303342;}

/*Arrows*/
.go-up, .go-down {display: block; position: fixed; right: 8px; z-index: 1000; cursor: pointer;  opacity: 1; margin-bottom: 185px; width: 53px; height: 185px;}
.go-up {bottom: 30px;}
.go-down {bottom: -10px; }
.go-down:hover, .go-up:hover {opacity: 0.7;}

/*PR*/
.Myimge {position:absolute; margin-top:-14px; cursor:pointer; opacity: 1;}
.Myimge:hover, .hot:hover {opacity: 0.8; -moz-transition: all 22s ease-in-out; -webkit-transition: all 22s ease-in-out; -o-transition: all 22ease-in-out; -ms-transition: all 22s ease-in-out;
transition: all 0.5s ease-in-out; -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg);}

/*Pa-avatar*/
.pa-avatar img, .punbb img.avatardemo, #profile-left img {border: 3px solid rgba(230, 233, 245, 1)!important;}

/*FNTslider*/
.FNTslider {border-radius: 4px; background: #e8e8e8; width: 110px; height: 5px; margin: 3px 5px;
border: solid 1px #303342; float: right; margin-right: 7%;}
.FNTslider .before {height: 5px; border: solid 1px #303342; border-right: none; border-radius:4px 0 0 4px; position: absolute; background: #d4d4d4; margin-top: -1px;}
.FNTslider .thumb {width: 8px; height: 13px; border-radius: 3px; position: relative; top: -4px; background: #303342; cursor: pointer;}

/*Table and postimg*/
.post-content table td {background: rgba(48, 51, 66, 0.1); border-width: 3px 0px 3px 0px!important; border-color: #303342!important; border-collapse: collapse;}

.postimg[alt="float:right"]{float: right;padding: 5px 0px 3px 15px;}.postimg[alt="float:left"]{float:left;padding: 5px 15px 3px 0px;}
  #add_float{position:absolute;padding:2px;top:-8px;left:50%;margin-left:-29px!important;width:57px!important;background: url('http://savepic.ru/7021157.png') no-repeat 50%!important;}
  #button-image #add_float img{display:block;position:relative;z-index:4;}
  #button-image>img{position:relative;z-index:2;}
  #button-image>center{opacity:0;visibility:hidden; transition-duration: .8s;}
  #button-image:hover>center{opacity:1; visibility:visible;}

.punbb .post-content img.postimg:hover {opacity: 0.7;}

/*Spoiler*/  
  .post-content .spoiler-box > div {background: url('/files/0014/d9/d8/76583.png') no-repeat 0 50%!important; cursor: pointer; color: #303342; font-weight: bold; padding-left: 18px;}
.post-content .spoiler-box > div.visible {background: url('/files/0014/d9/d8/29433.png') no-repeat 0 50%!important;}
  .quote-box.spoiler-box {border-left: 1px dotted #303342; border-right: 1px dotted #303342; border-top: 3px solid #303342; border-bottom: 3px solid #303342;}

/*Post-vote*/
.post-rating a, .post-vote a {background: #474b61 url('/files/0014/d9/d8/37630.png') repeat; color: #eef0f8!important; border-radius: 10px; border-color: #797979 #5D5D5D #575757 #929292; border-style: solid; border-width: 1px; text-shadow: 0px -1px 3px #202020; padding: 0px 3px; display: inline-block; min-width: 10px; margin: 0px 3px !important;}

/*Redirect*/
#pun-redirect.punbb {background: url('/files/0014/d9/d8/98056.png') scroll 0 0 #303342;}

/*Banners*/
.punbb element,.title-logo-tdr a *,.title-logo-tdr #bsbn290,#tieser-bottom a img,[width=88][height=31]{filter:progid: DXImageTransform.Microsoft.Alpha(opacity=70);filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7; -webkit-transition: all .22s ease-in-out; -o-transition: all .22s ease-in-out; -moz-transition: all .22s ease-in-out; -ms-transition: all .22s ease-in-out; -kthtml-transition: all .22s ease-in-out; transition: all .22s ease-in-out;}

.banneri a img,table.top a img{filter:progid: DXImageTransform.Microsoft.Alpha(opacity=70);filter:alpha(opacity=70);-moz-opacity:0.7;/-khtml-opacity:0.7;opacity:0.7; -webkit-transition: all .22s ease-in-out; -o-transition: all .22s ease-in-out; -moz-transition: all .22s ease-in-out; -ms-transition: all .22s ease-in-out; -kthtml-transition: all .22s ease-in-out; transition: all .22s ease-in-out;}

a:hover .postimg,.punbb a:hover element,.title-logo-tdr a:hover *,.title-logo-tdr a:hover #bsbn290, .banneri a:hover img,#tieser-bottom a:hover img,table.top a:hover img{filter:progid: DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

/* CS6 Post status icons
 -------------------------------------------------------------*/

/*Icons*/
div.icon {background: url('/files/0014/d9/d8/90369.png') no-repeat;}
tr.inew div.icon {background: url('/files/0014/d9/d8/64642.png') no-repeat;}
tr.iclosed div.icon {background: url('/files/0014/d9/d8/92572.png') no-repeat;}
tr.isticky div.icon {background: url('/files/0014/d9/d8/20902.png') no-repeat;}

/*Staticon*/
#pun-stats ul.container {background: transparent url('/files/0014/d9/d8/43704.png') no-repeat 10px 10px; padding-left: 115px;}