/* DESIGNED & CODED BY: MAUUZETA.COM 2021 (c)
   VERSION: LILY COLLINS */ 
   @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-color: transparent;  
	 background-attachment: fixed;
	 background-attachment: fixed;		     
	 background-position: center center;
     background-repeat:repeat;


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

}::selection {
	background: #37bcbb;
	color: #000; text-shadow: #37bcbb 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-image: url('https://www.lilycollins.us/themes/1lilybymauu/imgs/scroll.png');  
}
 	a{
	text-decoration: none;
	color: #37bcbb;
	-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: #37bcbb;
}
strong, bold, b {
    color:#ffbc07;
}
/*SITE HEADER*/ 
.site-bg {  float:center;
            width:1200px; background-color:#eeeeee;
	 background-attachment: fixed;
	 background-attachment: fixed;		     background-position: center center;
     	background-repeat:repeat;
    margin-top:0px;  

}/*----------------------------------------------------------------------------- SOCIAL LINKS KIM */

.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*/
.disclaimer{      
    text-transform: uppercase;
	text-align:justify; 
	padding:0px; 
	width:100%px; 
	height: auto; height:250px;
	background:transparent;
    color: #fff;
      font-family: 'Roboto Mono', monospace;
    font-size: 8.25pt; margin-top:10px;
    font-weight: 600;
    display: block;    	background-image: url('https://www.lilycollins.us/themes/1lilybymauu/imgs/lilyfooter.png'); 


   }.disclaimer-content{   
     text-transform: uppercase;
	text-align:justify; width:70%;
    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;  
   }
.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:10px;	vertical-align:middle;	width:90px;	height:auto;
    
}.catrow:hover .thumbnail:hover {	margin-right:10px;	vertical-align:middle;	width:90px;	height:auto;}


.cpgnav { 
    background: linear-gradient(to top, #121212, #000 );    
      font-family: 'Roboto Mono', monospace;
    font-size: 8.25pt;    line-height: .9; padding: 6px;
	text-align: center;  
	letter-spacing: -.3px; margin-top:0px;
	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; border-top:1px solid #efefef;
}

.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:#df67af;
	display:inline-block;
	cursor:pointer; 
	border-radius:100px;
	color:#fff;
	font-size:11px;
	padding:5px;
	text-decoration: bold;
	text-shadow:1px 1px 0px #df67af;
 }
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: 650px;
 	background-position: center center;
	background-repeat: no-repeat;	 
	margin: 0 auto; padding: 0;
	position: relative; z-index: 30;  
	border-top:2px solid #fff;
	 background-image: url('https://www.lilycollins.us/themes/1lilybymauu/imgs/lily.jpg') ;
    
}
.content{   
	  text-align:justify;
	  width:95%;  
  padding:15px 15px 15px 15px;
  color: #000; background-color: #000;
       font-size: 11px;  border:1px solid #df67af;
}
.maintable {
    	background-image: url('https://www.lilycollins.us/themes/1lilybymauu/imgs/lilycontent.png');
 margin-bottom:10px;
 
padding: 8px; border-bottom:4px solid #df67af;
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: #37bcbb;
}
.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: #37bcbb;
}
.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: #000;
    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:#000; border: 0.100em solid; 
  border-image: linear-gradient(60deg, #37bcbb, #37bcbb);
  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: 19.25pt;
          font-style: italic;       
    font-weight: 700; 
    font-family: 'Zilla Slab', serif;
   letter-spacing: -1px; 
    transform: skew(0deg, 0deg); 
         color:#fff; 
         text-align: center; 
    	height: 80px; max-width:90%;
        background: transparent; /* Old browsers */ margin-top:5px;border-bottom:2px solid #fff;
    		background-image: url('https://www.lilycollins.us/themes/1lilybymauu/imgs/hbg.png');
        background-repeat:no-repeat; 
    text-shadow: 0 1px 0 #2c2c2c, 0 2px 0 #000, 0 3px 0 #2c2c2c, 0 4px 0 #000, 0 5px 0 #2c2c2c, 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);
 }.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:-5px; border-radius:20px;
    color:#121212; 
 	  background: linear-gradient(to left, #fff, #fff );
 	display:inline-block;text-transform: uppercase; 
	color:#000;
	  font-size: 7.25pt;
	padding:12px 20px;
	font-family: 'Open Sans', sans-serif;
font-weight: 200;
	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_compact {
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
border-bottom:1px solid #37bcbb;

}

.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 #37bcbb;
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-style: italic;       
    font-weight: 700;  font-size:21px;
    font-family: 'Zilla Slab', serif;
   letter-spacing: -1px; 

}
.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-style: italic;       font-weight: 700; font-family: 'Zilla Slab', serif;
   letter-spacing: -1px;       
   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
-------------------------------------------------------------- */

.catrow_noalb {
padding: 4px;
color: #272727;
background-position: top;
background: transparent;
	-moz-transition-property: background-position, border-bottom, color;-o-transition-duration: 1s;
	-webkit-transition-property: background-position, border-bottom, color;-webkit-transition-duration: 1s;
	-o-transition-property: background-position, border-bottom, color;-o-transition-duration: 1s;
border-bottom: 1px solid #72686e;
}

.catrow_noalb {
	background: transparent;
    	font-family: verdana;
	font-size: 10px;
	color:  #404407;
   	padding-top: 16px;
    	padding-bottom: 16px;
   	padding-left: 20px;
    	padding-right: 20px;
   	-webkit-transition: all 500ms linear;
   	-moz-transition: all 500ms linear;
   	-ms-transition: all 500ms linear;
   	-o-transition: all 500ms linear;
   	transition: all 500ms linear;
}

.catrow_noalb:hover {
	background: transparent;
    	font-family: verdana;
	font-size: 10px;
	color:  #404407;
   	padding-top: 16px;
    	padding-bottom: 16px;
   	padding-left: 20px;
    	padding-right: 20px;
   	-webkit-transition: all 500ms linear;
   	-moz-transition: all 500ms linear;
   	-ms-transition: all 500ms linear;
   	-o-transition: all 500ms linear;
   	transition: all 500ms linear;

}

.catrow {
		     border-bottom: 1px solid #b4b3b3;

	color:  #404407;
    		background: transparent;
    	font-family: verdana;
	font-size: 10px;
	color:  #404407;
   	padding-top: 16px;
    	padding-bottom: 16px;
   	padding-left: 20px;
    	padding-right: 20px;
   	-webkit-transition: all 500ms linear;
   	-moz-transition: all 500ms linear;
   	-ms-transition: all 500ms linear;
   	-o-transition: all 500ms linear;
   	transition: all 500ms linear;
}

.catrow:hover {
			background: transparent;
    	font-family: verdana;
	font-size: 10px;
	color:  #404407;
   	padding-top: 16px;
    	padding-bottom: 16px;
   	padding-left: 20px;
    	padding-right: 20px;
   	-webkit-transition: all 500ms linear;
   	-moz-transition: all 500ms linear;
   	-ms-transition: all 500ms linear;
   	-o-transition: all 500ms linear;
   	transition: all 500ms linear;

}
.count2 {
    margin-left:30px;
     background: linear-gradient(to left, #37bcbb, #37bcbb );
 	display:inline-block;
	color:#000; border-radius:20px;
	  font-size: 8.25pt;
	padding:12px 20px;
	font-family: 'Open Sans', sans-serif;
font-weight: 200;
	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; 

}
.count3 {
     background: linear-gradient(to left, #000, #000 );
 	display:inline-block;
	color:#37bcbb; border-radius:20px;
	font-family: 'Open Sans', sans-serif;
font-weight: 200;
	  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; 
}
.catrow img {
width:46px;
height:82px;}

.catrow img:hover {
width:46px;
height:82px;}.count{
    color:#000; border-bottom:1px dashed #cccccc;   	text-transform: uppercase;  
    background-color:#fff; padding:4px; width:auto;	 width: max-content;
    display: block;    position: relative;
}
.catlink{
	font-size:20px;
    font-style: italic;       
    font-weight: 700; 
    font-family: 'Zilla Slab', serif;
   letter-spacing: -1px;
 	margin-bottom:5px;
	display:block;
}
.catlink a{
	padding: 8px;
color: #333333;
background: #FFFFFF;
text-shadow: 2px 2px 0px #FFFFFF, 5px 4px 0px rgba(0,0,0,0.15);	text-decoration:none;  
		background:transparent;
	transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear; 
}

.catlink a:hover{
	color:#000;
	text-decoration:none;
	transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear; 
}
.catlink a:hover,
.catlink a:focus {
	color: #000;
}

.catlink a:before {margin-left:2px;
	margin-right:2px;
	content:'\f07c';
	    border-radius:100px;
	font-family:fontawesome;  
	font-weight:400;
	font-size:12px; 	
	background-color:#df67af;
   padding:8px;
	color:#fff;text-shadow: 2px 2px 0px #df67af;
}


.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: #37bcbb;
    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: #37bcbb;
    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_title,
.thumb_caption,
.thumb_filename,
.thumb_num_comments {
    line-height: 12px;
    position: relative;
    width: 10vw;
    height: auto;
    max-width: 140px;
    font-size: 9px;
}

.thumb_caption_caption {
    width: 12vw;
    margin: 5px 0;
    padding: 8px 5px;
    background: #2f2f2f;
    color: #ffffff;
    font-size: 12px;
    display: inline-block;
}

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

.thumb_title {
    display: block;
    width: 22vw;
}

.thumb_title_title {
    width: 10vw;
    max-width: 130px;
    padding: 6px 6px; margin-bottom:4px;
    margin-top: -10px;
   background: #fff; border-radius: 2px;
color: #333333;
background: #FFFFFF;
text-shadow: 2px 2px 0px #FFFFFF, 5px 4px 0px rgba(0,0,0,0.15);    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 9px;
    line-height: 14px;
}.thumb_title_title:first-letter {
 color: #dd699d;  
 font-style: italic;       
    font-weight: 700; 
    font-family: 'Zilla Slab', serif;
   letter-spacing: 1px; font-size: 14px;

}

.thumb_title_views {
   width: 10vw;
    max-width: 130px;
    padding: 6px 6px; margin-bottom:4px;
    margin-top: 1px;
   background: #cba418; border-radius: 2px;
color: #fff;
background: #cba418;
text-shadow: 2px 2px 0px #cba418, 5px 4px 0px rgba(0,0,0,0.15);    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 9px; letter-spacing:1px;
    line-height: 14px;
}
.thumb_caption_mtime {
  margin-top: -1px;
font-weight: normal;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
color: #fff; 
 width: 10vw;
    max-width: 123px;
     margin-left: 10px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 8px;
margin-bottom: 10px;
padding: 8px; margin-left:-2px;
display: block;     	background-color:#121212; border-bottom:2px solid #cba418;

}
.thumb_resolution {
    width: 48%;
    float: left;
    padding: 9px 2px;
    color: #fff;
    background-size: cover;
    margin: 5px 0;	-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;
}

.thumb_caption_ctime {
    margin-top: -1px;
font-weight: normal;
text-transform: uppercase;
 border-radius: 2px;  
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
color: #fff; 
 width: 10vw;
    max-width: 123px;
     margin-left: 10px;
font-family: 'Open Sans', sans-serif;
font-weight: 900;
font-size: 9px;
margin-bottom: 10px;
padding: 10px; margin-left:-2px;
display: block;     	background-color:#121212; border-bottom:2px solid #dd699d;

}
 

.thumbnails {color: #000;
    padding: 15px;  margin:2px;
	background: linear-gradient(to bottom, transparent, #efefef ); 
	-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;
}

.thumbnails:hover {color: #000;
    padding: 15px;  margin:2px;
	background: linear-gradient(to bottom, transparent, #efefef ); 
		-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;
}
.thumb_num_comments {
    font-weight: normal;
    font-size: 80%;
    padding: 2px;
    font-style: italic;
    display: block;
}


.thumbnails .image {margin-top: 0px; 
margin-bottom: 0px; border:1px solid #cccccc;
padding: 5px;  background-color:#fff;
-webkit-transition: all 0.5s ease-out;
 }


.thumbnails .image:hover {
-webkit-filter: contrast(1.5) grayscale(5.0) opacity(100) saturate(0.3) sepia(0.0);;
background-color:#000;
-webkit-transition: all 0.5s ease-out;
}




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