/* DESIGNED & CODED BY: MAUUZETA.COM 2022 (c)
   VERSION: Jessica Simpson Media */ 
   @import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap');
   @import url('https://fonts.googleapis.com/css2?family=Pangolin&display=swap');
   @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
   @import url('https://fonts.googleapis.com/css2?family=Blinker:wght@300&display=swap');
   @import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap');
   @import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&family=Pangolin&display=swap');
   @import url('https://fonts.googleapis.com/css2?family=Chathura:wght@300;400;700;800&display=swap');
   @import url('https://fonts.googleapis.com/css2?family=Bahianita&display=swap');


body {
	    background-image: url(./imgs/jjbg.png);
	background-attachment: fixed;
	 background-attachment: fixed;		     
	 background-position: center center;
     background-repeat:repeat;image-rendering: pixelated;
 

}
body,td,th {
	color: #efefef;
     font-family: 'Inconsolata', monospace;
    font-size: 8.25pt; 
    font-weight: 400;

}::selection {
	background: #009fae;
	color: #000; text-shadow: #009fae 1px 0px 0px;

}

::-moz-selection {
	background: #000;
	color: #fff; text-shadow: #000 1px 0px 0px;

}::-webkit-scrollbar {
	width: 10px;
    height: 8px;
    border-width: 1px 5px;
    border-style: solid;
    border-color: #000;
    background: #000;
}
::-webkit-scrollbar-thumb {
    height: 40px;
    border:4px solid #000;
    		background-color:#dadb39;

}
 	a{
	text-decoration: none;
	color: #ff0178;
	-moz-transition-property: all;-moz-transition-duration: 1s;
	-webkit-transition-property: all;-webkit-transition-duration: 1s;
	-o-transition-property: all;-o-transition-duration: 1s;
	transition-property: all;transition-duration: 1s;
}
a:hover{
	color: #ff0178;
}
strong, bold, b {
    color:#ffbc07;
} 
/*SITE HEADER*/ 
.site-bg {  float:center;
            width:1200px;
	    background-image: url(./imgs/content3.png);
	 background-attachment: fixed;
	 background-attachment: fixed;		     background-position: center top;
     	background-repeat:repeat; border: 1px solid #;080808 
    margin-top:0px;  

}/*----------------------------------------------------------------------------- SOCIAL LINKS KIM */
.social {
    background-color:#fff;
    border:1px solid #efefef;
    width:366px;
} .about {
    padding:10px;
    background-color:transparent;
    border:1px solid #ff0178;
    width:356px;
}.elites {    padding:10px;

    background-color:transparent;
    border:1px solid #ff0178;
    width:366px;
} 
.social ul { text-align: center; 
    
}
 .social li {  
    padding: 4px;
    margin: 2px 0;
    color: #121212;
    border:1px solid #ff0178;
    background: #fff;
    float:center;
    transition: all .9s;
    -webkit-transition: all .9s;
    -o-transition: all .9s;
    -moz-transition: all .9s;
    overflow: hidden;
     letter-spacing: 3px;
          width:96%; 
 }.social li a {
    color: #121212; 
    border-bottom:1px solid #000;
   
}.social li i {color: inherit;padding: 0 0px;}
  .social li a { }
 .social li:hover {background:#efefef;
    
}ul#affiliates{
	list-style: none;
	overflow: hidden;
    text-align: center;}

#affiliates li {
    display: inline-block;
    text-align: center;
    margin: 3px;
    position: relative;
    border: 1px solid #efefef;
    background-color: #fff;
    padding: 16px 18px;
}

#affiliates li a {
	color: #2c1c30;
    font-family: 'Roboto Mono', monospace;
    font-size: 8.25pt; 
    font-weight: 400;
	line-height: 9px;
}

#affiliates li a:hover {
	font-weight: 800;
	color: #2c1c30;
}

#affiliates li span {
	text-transform: uppercase;
    font-size: 8px;
    font-weight: 100;
    font-family: tahoma;
}
.social-links{
    font-size: 14px;

}
.social-links a{
    display: inline-block;
    line-height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 100px;
    color: #ddb41f;
    background: #000;
    margin: -2px 0px 3px 3px;-webkit-box-shadow: 0 0 13px #000;
	-moz-box-shadow: 0 0 13px #000;
	box-shadow: 0 0 13px #000;            	    	border: 2px solid #000;box-shadow: inset 0 0 8px 8px #000; 
}
.social-links a i{
    line-height: 30px;
}
.social-links a:hover{
    color: #fff;
    background: #000;box-shadow: inset 0 0 8px 8px #000; 
}
/*footer*/
.footertwo{	font-size: 8.25pt;	
    font-weight: 200;
    	background-color:transparent;
	padding: 6px;font-family: 'Roboto Mono', monospace;	
    color:#e8de01; 
width: 1188px; 
height: 165px;
 float:center;   
text-shadow: #000 1px 2px 0px;
}
.footertwocontent {
    text-align:justify;
	  width:92%; margin-left:-5px;
    	font-family: 'PT Sans', sans-serif;
	  padding:15px 15px 15px 15px;	 
        color: #fff; border:1px dashed #ff0178;
        margin-top:6px;
       font-size: 12px; 
background:transparent;
text-shadow: #000 1px 0px 0px;
 word-spacing: 6px;
line-height: 14px; 

}
.disclaimer{   
     text-transform: uppercase;
	text-align:justify; width:90%;
    padding:5px 5px 5px 5px;	letter-spacing:  2px;
	border:1px solid #000;
	background-color:#121212; 
    color: #efefef;
      font-family: 'Roboto Mono', monospace;
    font-size: 8.25pt; 
    font-weight: 300;
    display: block;    border: 0.100em solid; 
  border-image: linear-gradient(60deg, #009fae, #009fae);
  border-image-slice: 1;
   }.disclaimer2{   
     text-transform: uppercase;
	text-align:justify; width:90%;
    padding:5px 5px 5px 5px;	letter-spacing:  5px;
	border:1px solid #000;
	background-color:#000; 
    color: #efefef;
      font-family: 'Roboto Mono', monospace;
    font-size: 8.25pt; 
    font-weight: 300;
    display: block;    border: 0.100em solid; 
  border-image: linear-gradient(60deg, #000, #ff0178);
  border-image-slice: 1;
   }
.disclaimer i{
	padding:0px 7px;
	font-size:10px;
	color:#fff;
}.disclaimer a{
	padding:0px 7px;
	font-size:10px;   font-weight: 100;    
	color:#e7d44a;
	background-color:#000;padding:2px;
}
.catrow .thumbnail {	margin-right:30px;	
background-color:#e9b000;
padding:0px;
border:2px solid #e9b000;
border-radius:100px; padding-left:10px;
vertical-align:middle;	width:60px;	height:auto;
    
}.catrow:hover .thumbnail:hover {background-color:#fff;
padding:0px;
border:2px solid #e9b000;
border-radius:100px;
vertical-align:middle;	width:60px;	height:auto;	 }



.cpgnav { 
    background: transparent;
      font-family: 'Roboto Mono', monospace; 
    font-size: 8.25pt;    line-height: .9; padding: 6px;
	text-align: center;  margin-top:-3px;
	letter-spacing: -.3px;  
	text-transform: uppercase; -moz-transition-property: all;-moz-transition-duration: 1s;
	-webkit-transition-property: all;-webkit-transition-duration: 1s;
	-o-transition-property: all;-o-transition-duration: 1s;
	transition-property: all;transition-duration: 1s; 
}

.cpgnav a {
     background: linear-gradient(to left, #fff, #fff );
 	display:inline-block;
	cursor:pointer;
	color:#000;
	  font-size: 8.25pt;
	padding:12px 20px;
	text-decoration: none;
     padding: 4px 7px;margin-bottom:2px;-moz-transition-property: all;-moz-transition-duration: 1s;
	-webkit-transition-property: all;-webkit-transition-duration: 1s;
	-o-transition-property: all;-o-transition-duration: 1s;
	transition-property: all;transition-duration: 1s; 
}

.cpgnav a:hover,
.cpgnav a:focus {
    background: linear-gradient(to left, #fff, #fff );    
	color: #000;	text-shadow:1px 1px 0px #fff; 
   -moz-transition-property: all;-moz-transition-duration: 1s;
	-webkit-transition-property: all;-webkit-transition-duration: 1s;
	-o-transition-property: all;-o-transition-duration: 1s;
	transition-property: all;transition-duration: 1s;
}.cpgnav a i{
    		background-color:#009fae;
	display:inline-block;
	cursor:pointer; 
	border-radius:100px;
	color:#000;
	font-size:11px;
	padding:5px;
	text-decoration: bold;
	text-shadow:1px 1px 0px #009fae;
 }
table {
font-size: 10px;}

color: #a40b0b;
text-decoration: none;
}
a:hover {
color: #efefef;
text-decoration: none;
}

bblink a {
color: #a40b0b;
text-decoration: none;
}

bblink a:hover {
color: #c8a2b7;
text-decoration: none;
}
h1 {
text-decoration: none;
line-height: 100%;
color: #efefef;
margin: 0px;}

h2 {color: #808080;
background-image: url();
border: 0px solid #a95478;
background-repeat: no-repeat;
background-position: left;
padding-left: 6px;
font-size: 12px;
margin: 0px;
}

h3 {
font-weight: normal;
font-size: 9px;
margin: 0px;}

img {
    border: 0 none;
    outline: none;
    line-height: 100%;
    text-decoration: none;
}

a img {
	border: 0 none;
}
p {
font-family: Trebuchet MS;
font-size: 11px;
margin: 2px 0px;}

ul {
margin-left: 5px;
padding: 0px;}

li {
margin-left: 10px;
margin-top: 4px;
margin-bottom: 4px;
padding: 0px;
list-style-position: outside;
list-style-type: disc;}

/*coppermine content */
/*SITE HEADER*/ 
.site-header {     		    	     
    width: 100%; height: 0x;    	
    	background:transparent;
 	background-position: center center;
	background-repeat: no-repeat;	 
	margin: 0 auto; padding: 0;
	position: relative; z-index: 30;  
      
}.title {
    font-size:14px;
    letter-spacing:-1px;
    font-family:arial; color:#5e2e5e;
        font-weight: 900;
}
.date {
    color:#121212; padding:2px;
    border:1px solid #5e2e5e; 	font-family: 'Roboto Mono', monospace;	
    letter-spacing:1px;    font-size: 8.15pt;	text-transform: uppercase;

}
.links{padding:2px;
    background-color:#fff;
    
}
.content{   
	  text-align:justify;
	  width:99.4%;  
   color: #000;     		background-color:transparent;
       font-size: 11px;  
       
}
.maintable {
	transition-duration: 0.5s;
   -moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s; margin-bottom:36px;    margin-left:2px;
  border-bottom:1px dashed #dadb39;
  border-image-slice: 1;
padding: 8px;background-attachment: fixed;
	 background-attachment: fixed;		     
	 background-position: center center;
     background-repeat:repeat;
text-align:justify; 
 }
.maintable td.statlink h2{
     color:#121212;
	vertical-align:middle;
    background: transparent;
    margin: 5px 15px;
    font-size: 8.25pt;	
	font-weight: 200;
 	font-family: 'Roboto Mono', monospace;	
    color:#121212; 	text-transform: uppercase;
    letter-spacing: 8px;text-align: left;
}
.filmstip_related {padding: 5px;color: black;letter-spacing: 2px;display: inline-block;
        
    }.tile-background{
    background-color: #ff0178;
}
.filmstrip_background {
	background: linear-gradient(to bottom, #000, #121212 ); border:0px;
}
.prev_strip {
	text-align: left;
}
.next_strip{
	text-align: right;
}
#pic_info_button img{
    display: none;
}
#pic_info_button a:before{
    display: block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f15c";
}
#slideshow_button img{
    display: none;
}
#slideshow_button a:before{
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f144";
}
.prev_strip img{
    display: none;
}
.prev_strip a:before{
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f104";
    font-size: 200%;
}
.next_strip img{
    display: none;
}
.next_strip a:before{
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    font-size: 200%;
}
/** Swfupload css **/
div.fieldset {
	border:  2px solid #0E72A4;
	margin: 10px 0;
	padding: 20px 10px;
}
div.fieldset span.legend {
	position: relative;
	padding: 3px;
	top: -30px;
	background-color:  #121212;
	color: #FFF;
	font-weight: bold;
}
div.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #CCD7E0;
}

/*menus*/
.menu-navigation {
	vertical-align: middle;
	text-align: center;
}

.menu-navigation div {
	margin: 0 auto;
	text-align: center;
}

.menu-navigation a {
    font-size: 12px;
font-family: 'Roboto Mono', monospace;
    font-weight: 800;
    color: #fff;
  	text-decoration: none;
	padding: 5px 5px;
    margin: 0 10px 0;
     letter-spacing: -1px;
    display: inline-block;
}

 

.menu-login a {
    background-color: #ffffff;
    font-size: 12px;
font-family: 'Roboto Mono', monospace;
    font-weight: 800;
    color: #72467d;
    padding: 10px 15px;
    margin: 0 3px 0;
    text-decoration: none;
    letter-spacing: -1px;
    display: inline-block;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

 
.header-admin{
	background: #233469;
    padding: 0px;
}

.header-admin img {
	display: none;
}

.admin_menu_wrapper {
    padding: 10px;  
    text-align: justify;
}

.admin_menu a {
    color: #fff;
    background: #3f455b;
    padding: 8px;
    text-align: justify;
}

.admin_float {
    display: block;
    float:left;
    margin:10px 5px 12px;
}

.topmenu a{
	color:#8bcaeb;
	text-decoration:none;
}

.topmenu a:hover {
	color:#85d0e2;
	text-decoration:none;
}
/*metas-alb*/
.sortorder_cell {
color: #20292E;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 10px;
margin: 0px;}

.sortorder_options {
 color: #20292E;
padding: 0px;
margin: 0px;
font-weight: bold;
font-size: 75%;
white-space: nowrap;}

.sortorder_cell{
    display:none;
}

.img_caption_table {
	width:100%;
	background-color:#202f68;
	border:none;
	margin:0px;
}

.img_caption_table {
border: none;
background-color: #101010;
width: 100%;
margin: 0px;}

.img_caption_table th {
background: #101010;
font-size: 100%;
color: #618ab9;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
border-top: 1px solid #101010;}

.img_caption_table td {
background: #FCFCFC;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
border-top: 1px solid #101010;
white-space: normal;}

.thumbnail{        outline: 0.0em dashed #fff;
                outline-offset: 8px; padding:10px;
transition: all .9s;-webkit-transition: all .9s;-o-transition: all .9s;-moz-transition: all .9s; 
}
   .thumbnail:hover{      
 } 

.navmenu { bold:none; 
	font-family: "Roboto", Verdana, Geneva, Arial, sans-serif;
	color: #7589c7;
	font-weight: bold;
	background:  #000 ;
     text-align: center;
}
.navmenu a {text-align:none; bold:none; 
	display: block;
    font-size: 14px;
    padding: 7.6px;
 	color: #ff0178;
}
.navmenu a:hover {
	background: #F2F5F7 ;
	text-decoration: none;
	color: #cccccc;text-align:none; bold:none; 
}

.menu-navigation i {
	padding-right: 6.6px;
	text-align:none; bold:none; 
}

.admin-menu ul.nnv-cpp-admn, .nnv-cpp-admn ul {
    margin: 0px;
    text-align:center; 
    float:center;
    width: 100%;   
    padding: 0px; 
}

.nnv-cpp-admn nav {
    background: transparent;
    color: #cccccc;
    width: 24.1%; float:left;  
	display: block;
	margin-left: 6px auto;
    padding: 0;margin-bottom:10px;
    border-bottom: #fff 0px dashed;
    border-top: #fff 0px dashed;
    font-style:none; bold:none;     position: relative;
}

.nnv-cpp-admn nav a.menu-admin span.menu-admin {    text-align: center; margin-left:5px;
    position: relative;    display: block; margin-bottom:0px;
    font-size: 12px;	padding: 8px; background-color:transparent; border: 0.100em solid; 
  border-image: linear-gradient(60deg, #ff0178, #ff0178);
  border-image-slice: 1;
    font-weight: 100;    text-transform: uppercase; margin-left:26px;
} 

.nnv-cpp-admn nav ul {
    position: absolute;
    display: none;
    z-index: 60;
    text-align:none; bold:none; 
}

.nnv-cpp-admn nav:hover ul {
    display: block;
}

.nnv-cpp-admn nav li {
     width: 100%; text-transform: uppercase;
    display: block;  margin-bottom:-4px;
    background-color:#000;
    border-top: #cccccc solid 1px;
       font-size: 8.25pt;	
       font-weight: 200;    
       transform: skew(0deg, 0deg); 
       letter-spacing: 2px;

}

.nnv-cpp-admn nav nav a span {
    display: block;
    padding: 10px;
}

.nnv-cpp-admn a  i {
     margin-bottom: 0px; color:#000;
    font-size: 14px;  
    padding:4px; background-color:#f2f006; border-radius:100px;
}
/*oth*/
 .tableh1, .tableh1_compact{	
     font-size: 22pt;	  
    font-weight: 400; 
     font-family: 'Lalezar', cursive;
text-transform:uppercase;     letter-spacing: -2px;
    	 margin-bottom:5px;
         transform: skew(0deg, 0deg); 
         color:#fff; 
         text-align: center; 
     	 height: 50px; max-width:90%;
     
         background: transparent; /* Old browsers */ margin-top:5px; 
	    background-image: url(./imgs/hbg.png);
    		background-repeat:no-repeat; 
    		background-position:bottom;
    }.tableh1 i{
     font-size:10.25pt;
     background-color:#e4ae00;
     color:#fff;
     border-radius:100px;
     padding:4px;    text-shadow: 0 1px 0 #e4ae00, 0 2px 0 #e4ae00, 0 3px 0 #e4ae00, 0 4px 0 #e4ae00, 0 5px 0 #e4ae00, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);

 }
.cat-desc{
    margin-left:30px; margin-top:0px; 
    color:#efefef; 
 	  background: transparent;
 	display:inline-block;text-transform: uppercase; 
 	 font-family: 'Inconsolata', monospace;
    font-size: 8.15pt; 
	padding:12px 20px;
    font-weight: 600;
    border-left:1px solid #ff0178;
	text-decoration: none;
     padding: 4px 7px;margin-bottom:2px;-moz-transition-property: all;-moz-transition-duration: 1s;
	-webkit-transition-property: all;-webkit-transition-duration: 1s;
	-o-transition-property: all;-o-transition-duration: 1s;
	transition-property: all;transition-duration: 1s; 
 	
}.alb-count{
    color:#4c2c5d;  font-size: 8.25pt;	font-weight: 600; 	font-family: 'Roboto Mono', monospace;	

   	text-transform: uppercase; padding-top:2px;
    background-color:transparent;
}
.tableh2, .tableh2_compact{ font-size:12px; 
     color: #cccccc;
	background:transparent; 	padding: 6px;
 	text-align: left; 
	color: #cccccc;
}
.tableb{
    padding:10px;text-align:justify;
	 font-size:13px;
    	font-family: 'PT Sans', sans-serif;
}
.tableb_compact {
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
border-bottom:1px solid #ff0178;

}

.tablef {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;}


/** ESTADO DEL ALBUM **/ 
.album_stat {  
    color: #cccccc;
 font-family: 'Roboto Mono', monospace;
    font-size: 7.25pt;
    margin-left:10px;
    background-color:#121212;	display: block;
 width:180px;
 padding:10px;
margin-top: -10px; 
border-left:3px solid #ff0178;
margin-left:10px;	
text-align:justify; 
}
.buttonlist  {     font-size: 8.25pt;
     color: #000;	display:inline-block;
	cursor:pointer;	text-transform: uppercase;
    background: transparent; 
    margin-top:-5px; margin-bottom:1px;
          margin-left: 20px;
    transition: all .9s;-webkit-transition: all .9s;-o-transition: all .9s;-moz-transition: all .9s;overflow: hidden;letter-spacing: 1px;
 }

.buttonlist  a {
    padding:3px;
    color: #000;
    background: #cccccc;
    margin-top:-5px; 
    margin-bottom:1px;
        margin-left: -15px;    
        margin-right: 10px;
    transition: all .9s;-webkit-transition: all .9s;-o-transition: all .9s;-moz-transition: all .9s;overflow: hidden;letter-spacing: 1px;
     	display:inline-block;
	cursor:pointer;
}

.buttonlist  a:hover,
.buttonlist  a:focus {
    color: #000;
     transition: all .9s;-webkit-transition: all .9s;-o-transition: all .9s;-moz-transition: all .9s;overflow: hidden;letter-spacing: 1px;
  }.buttonlist, .align_right a i, ..buttonlist li , ..buttonlist lu{
 padding: 4px;	display:inline-block;
	cursor:pointer;
    margin: 2px 0;
    color: #cccccc;
    background: #000; margin-top:-5px; margin-bottom:1px;
        margin-left: -25px;    margin-right: 10px;
    transition: all .9s;-webkit-transition: all .9s;-o-transition: all .9s;-moz-transition: all .9s;overflow: hidden;letter-spacing: 1px;
 }

.statlink{
	color: #fff; 
	float:center; 
	  text-align:center; 
	  background-color:#000;
	padding: 1px 5px;letter-spacing: 0px;
 	text-decoration: none;
	vertical-align: middle;
    font-size: 16.25pt;
        font-weight: 400; 
     font-family: 'Lalezar', cursive;
     text-transform: lowercase;
     letter-spacing: -1px;
 	margin-bottom:5px;

}
.statlink i{
	color: #fff; 
 
}
.statlink a {
	color: #fff;
	letter-spacing: 0px;
	line-height: 16px;
	text-decoration: none;
}

.statlink a:hover {
	color: #ffffff;
	text-decoration: dotted;
}

.statlink strong, .statlink b {
    color: #fff;
}

.maintable td.statlink h2{
	letter-spacing:0px;
	padding-right:3px;
    transform: skew(0deg, 0deg); 
   letter-spacing: 0px;
 	font-size:15px;
    font-weight: 400; 
  font-family: 'Lalezar', cursive;
   letter-spacing: -1px;
 	margin-bottom:5px;     
   text-align: left; color:#fff;
	vertical-align:middle;
    background: #000;  
    margin: 0px; padding-left:2px;
}

.maintable td.statlink{ margin-top:-3px;
    display: table; color:#fff;
    background: #000; margin-left:140px;
}



.tablef {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;}

 


/* Categories
-------------------------------------------------------------- */
.count2 {
    margin-left:30px;
     background: linear-gradient(to left, #000, #000 );
 	display:inline-block;
	color:#cccccc;  
	  font-size: 7.25pt;
	padding:12px 20px;
	font-family: 'Inconsolata', monospace;
    font-weight: 600; border:1px solid #009fae;
	text-decoration: none;
     padding: 4px 7px;margin-bottom:2px;-moz-transition-property: all;-moz-transition-duration: 1s;
	-webkit-transition-property: all;-webkit-transition-duration: 1s;
	-o-transition-property: all;-o-transition-duration: 1s;
	transition-property: all;transition-duration: 1s; 

}
.catrow_noalb,
.catrow {
	padding: 5px 5px; 
	background:transparent; 
	border-bottom:1px dashed #dadb39;
}

.catlink{
	font-size:16px;
   font-weight: 200; 
  font-family: 'Lalezar', cursive;
   letter-spacing: 0px;
 	margin-bottom:-3px;
	display:block;
}
.catlink a {
	color: #fff;
	   border-bottom:1px solid #ff0178;
 }

.catlink a:hover,
.catlink a:focus {
	color:#ff0178;
	box-shadow:inset 0 -2px 0 #ff0178;
}
.catlink a:before {
	margin-right:10px;
	content:'\f07c';
	font-family:fontawesome;
	font-weight:400;
	font-size:12px;
	color:#009fae;
}
.catrow .thumbnail {
	margin-right:15px!important;
	vertical-align:middle;
	width:90px;
	height:auto;
}



.alblink {
	color: #000;
	margin: 0px;
	padding: 5px 15px;
	text-transform:u ppercase;
	text-shadow: rgba(0,0,0,0.05) 1px 1px 1px;
	vertical-align: middle;
font-size: 8.25pt;	
	font-weight: 200;
 	font-family: 'Roboto Mono', monospace;	
    color:#fff; 	text-transform: uppercase;
    letter-spacing: 8px;text-align: left;    background: #ff0178;
    box-shadow: 0 0 35px 0 rgba(0,0,0, 0.2); 
	-moz-box-shadow: 0 0 35px 0 rgba(0,0,0, 0.2); 
	-webkit-box-shadow: 0 0 35px 0 rgba(0,0,0, 0.2);
}

.alblink a{
    color:#000;
    letter-spacing:0px;
	line-height:16px;
	text-decoration: none;
}

.alblink a:hover {
	color:#000;
    text-decoration: none;
}

/*thumbs*/
    .image {
 	padding: 6px;
    		background-color:#121212;
	margin: 1px;
	border-radius:0px;
     width:auto;
    height:auto;
    text-align:auto;
    border:1px solid #383838;
    
 }

.image:hover, .strip_image:hover{
 
}

.strip_image {
    padding: 7px;
	margin: 1px;
	border-radius: 0px;
    background: #ff0178;
    border:1px dashed #000;
    width:auto;
    height:auto;
    text-align:auto;
}

.imageborder{
	border: 1px solid;
	border: #0b5b73 1px solid;
	margin:5px;
}

.display_media {
	padding: 16px 9px;
	background:transparent;
}

.display_media .image {
    max-width:1280px !important;
    margin: 15px 10px;
}

.thumb {
    vertical-align:middle;
    width: 110px;
}

.albums .image {
    padding:8px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.thumbnails {
	padding: 10px;
    vertical-align:top;
}

.pic_thumbnail img.thumbnail{
	background-position:left top;
	background-repeat:repeat;
	border:none;
	padding:10px;
	margin:auto;
	margin-bottom:0px;
	margin-top:10px;
	text-decoration:none;
}

.thumbLink{
	margin:18px;
}

.thumbLink {
    margin:5px;
    float:none !important;
}

.imageborder{
	border: 1px solid;
	border:#797979 1px solid;
	margin:25px;
}

#film, .tape {
    width: 99% !important;
    margin:0px !important;
}

.prev_strip, .next_strip{
    width: 40px !important;
    vertical-align: middle !important;
}

/*thumb content*/
.thumb_filename,
.thumb_num_comments {
    line-height: 12px;
    position: relative;
    height: auto;
    font-size: 9px;
    font-family: 'PT Sans', sans-serif;    font-size: 9px; font-weight: 200;
     color:#000;	text-transform: uppercase;
}

.thumb_caption_caption {
    padding: 8px 5px;
    background: #2f2f2f;
    color: #ffffff;
    font-size: 12px;
    display: inline-block;
    font-family: 'PT Sans', sans-serif;    font-size: 9px; font-weight: 200;
   	text-transform: uppercase;
}

.thumb_filename {
    font-size: 80%;
    display: block;
}



.thumb_title_title {
    font-family: 'Inconsolata', monospace;    
    font-size: 8.15pt; 
    line-height: 14px;  
    color: #efefef; font-weight: 500;   
	background-color: rgba(0, 0, 0, 0.99);
	transition-duration: 0.5s;
   -moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;  text-transform:uppercase;
display: block;
position: relative;
padding: 5px; letter-spacing:2px;
outline-offset: 4px;
left: 0;
margin-bottom: 0px;
}



.thumb_title_views, .thumb_caption, .thumb_resolution {
	margin: 0 0 10px 0;
	padding: 5px;
	color: #fff;
    font-family: 'Open Sans', sans-serif;    font-size: 9px; font-weight: 200;
	line-height: 100%; font-weight: 400;   
	letter-spacing: 0.05em;
	text-transform: uppercase;
	display: inline;
	position: relative;
	z-index: 25; 
}
.thumb_title_views:before {margin-left:0px;
	margin-right:2px;
	content:'\f06e';
	font-family:fontawesome;  
	font-weight:f0e7;
	font-size:10px; 	
    border-radius:100px;
    background-color:#009fae;
   padding:6px;
	color:#000; 
}


.thumb_title_views {  
    background-color: transparent;
font-family: 'PT Sans', sans-serif;font-size: 9px; color:#efefef;
font-weight: 200;  
font-style : none;
}.thumb_title_views:hover { 
    background-color: #cccccc;
font-family: 'PT Sans', sans-serif;font-size: 9px; color:#000;
font-weight: 200;   
font-style : none;text-shadow: 2px 2px 0px #cccccc, 5px 4px 0px rgba(0,0,0,0.15); 
}
.thumb_resolution { background-color: #000; text-shadow: none;color: #efefef;	z-index: 25;text-shadow: 2px 2px 0px #121212, 5px 4px 0px rgba(0,0,0,0.15); 
}
.thumb_caption { font-size:8px; 
margin: 6px 0 0 0; 
background-color: transparent; border-bottom:1px solid #ff0178;
color: #4d4d4d; display: inline-block; 	z-index: 25;
text-shadow: 0px 0px 0px #000, 0px 0px 0px rgba(0,0,0,0.15); 

}.thumb_caption_rating {
 background-color: transparent;
font-family: 'PT Sans', sans-serif;font-size: 9px; color:#616160;
font-weight: 200;   width:40%;
font-style : none;display: block;
}
.thumb_caption a {
    text-decoration: underline;
    color: inherit;
}

.thumb_num_comments {
    font-weight: normal;
    font-size: 85%;
    padding: 2px;
    font-style : italic;
    display : block;
}


.thumbnails {color: #000;
    padding: 15px;  margin:2px;
	background: transparent; 
}

.thumbnails {color: #000;
    padding: 15px;  margin:2px;
	background: #000; 
}


.thumb_num_comments {
    font-weight: normal;
    font-size: 80%;
    padding: 2px;
    font-style: italic;
    display: block;
}

.thumb_num_comments {
    font-weight: normal;
    font-size: 80%;
    padding: 2px;
    font-style: italic;
    display: block;
}

.thumbnails {color: #000;
    padding: 15px;  margin:2px;
	background: transparent; 

	-moz-transition-property: all;-moz-transition-duration: 1s;
	-webkit-transition-property: all;-webkit-transition-duration: 1s;
	-o-transition-property: all;-o-transition-duration: 1s;
	transition-property: all;transition-duration: 1s;
	border-left:1px solid  #0a0a0a;}

.thumbnails:hover {color: #0a0a0a;
    padding: 15px;  margin:2px;
	background-color: rgba(0, 0, 0, 0.30);
}
.thumb_num_comments {
    font-weight: normal;
    font-size: 80%;
    padding: 2px;
    font-style: italic;
    display: block;
}




.thumbnails .image {
    background-position: left;            	 
	background-color:#121212;
-webkit-transition: background-image 100ms, border 100ms;
-moz-transition: background-image 100ms, border 100ms;
-o-transition: background-image 100ms, border 100ms;
-ms-transition: background-image 100ms, border 100ms;
transition: background-image 100ms, border 100ms;
-webkit-transition:  0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
padding:7px;
margin: 3px;
 }


.thumbnails .image:hover {
background-position: right;    		background-color:#121212;
-moz-transition-property: background-position;   -moz-transition-duration: 6s;
-webkit-transition-property: background-position;   -webkit-transition-duration: 6s;
-o-transition-property: background-position;   -o-transition-duration: 6s;
-webkit-transition:  0.5s;
-moz-transition: 0.5s;
transition: 0.5s;

}




/*cttcpp*/
.cpg_user_message{
	color:#fff;
    filter: alpha(opacity=85);
	opacity:0.85;
	-moz-opacity:0.85;
	vertical-align:middle;
}

 

.album_text{
	display:block;
}




.textinput {
	border:none;
	margin-right:8px;
	padding:12px;
	padding-right:0px;
	font-family: Tahoma, Verdana;
	font-size:100%;
}

.textinput {
    width: 80% !important;
}

.textinput, .listbox {
    background-color:#cdd1dd;
}
.textinput, .listbox {
    padding: 5px;
    letter-spacing: 0px;
    border: 0px;
}

.listbox {
body,td,th {
font-family: 'Roboto Mono', monospace;
 font-size:80%;
    border:none;
    vertical-align:middle;
}

.debug_text {
border: #BDBEBD;
background-color: #101010;
width: 100%;
margin: 0px;}

.clickable_option {
cursor: default;}

.listbox_lang {
color: #efefef;
background-color: #FCFCFC;
border: 1px solid #808080;
font-size: 80%;
font-family: 'Roboto Mono', monospace;
vertical-align: middle;}

#vanity a {
display:block;
width:57px;
height:20px;
margin: 3px 20px;}

.checkbox {
font-family: 'Roboto Mono', monospace;
	font-size:100%;
	vertical-align:middle;
}

.radio {
font-family: 'Roboto Mono', monospace;
    font-size:100%;
    vertical-align:middle;
}

.button, .update_config{
	color:#fff;
	background-color:#72467d;
	border:none;
	padding:5px;
}

.icon{
    padding-right: 8px;
}

#cpgform .maintable .tableb.tableb_alternate, 
#cpgform .maintable .tableb {
    padding: 8px 20px !important;
}

#cpgform .tableb.tableb_alternate .maintable, 
#cpgform .tableb .maintable {
    margin: 8px 0 5px !important;
}

#cpgform .maintable {
    max-width: 1100px !important;
    margin: 0 auto;
}

.user_thumb_infobox {
margin-top: 1px;
margin-bottom: 1px;}

.user_thumb_infobox th {
font-weight: bold;
font-size: 100%;
margin-top: 1px;
margin-bottom: 1px;
text-align: center;}

.user_thumb_infobox td {
font-size: 85%;
margin-top: 1px;
margin-bottom: 1px;
text-align: center;}

.user_thumb_infobox a {
text-decoration: none;
color: #050f2d;}

.user_thumb_infobox a:hover {
color: #050f2d;
text-decoration: none;}



.detail_body .maintable {
    background: #121212;
    color:#fff;
    width: 99.5% !important;
}

.detail_head_collapsed, .detail_head_expanded, {
    font-size: 14px; border-bottom: 1px solid #efefef;
    font-family: 'Roboto Mono', monospace;
    font-weight: normal;
    color: #fff;
    padding-left: 18px;
}

.comment_date{
	color:#377a88;
	font-size:80%;
	vertical-align : middle;
}
#pic_info_button img{
    display: none;
}
#pic_info_button a:before{
    display: block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f15c";
}
#slideshow_button img{
    display: none;
}
#slideshow_button a:before{
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f144";
}
.prev_strip img{
    display: none;
}
.prev_strip a:before{
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f104";
    font-size: 200%;
}
.next_strip img{
    display: none;
}
.next_strip a:before{
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    font-size: 200%;
}
.icon {
	vertical-align:middle;
	margin-right:1px;
}
.comment_date{
	color: #5F5F5F;
	font-size: 90%;
	vertical-align: middle;
}