/*
Theme Name: May 2022
*/

/*

COLOR PALETTE
#9f3736
#E4B04A

*/

body {
	margin: 0;
	padding: 0;
	color: #808080;
	font-family: 'Cuprum', sans-serif;
	font-size: 14px;
	background-color: #212121;
}

body, html { 
	text-rendering: optimizeLegibility !important; 
	-webkit-font-smoothing: antialiased !important; 
}

#wrapper {	margin: 0 auto;	width: 1260px; }
#top{ padding-top: 20px; }
.headertitle { text-align: center; margin: 40px auto; }
.headertitle h1 { font-size: 2.8em; line-height: 0.2em; color: white; text-transform: uppercase; font-family: 'Cuprum'; letter-spacing: 4px; display: block;  }
.headertitle h2 { margin-top: -20px; color:#E4B04A; font-size: 1.2em; line-height: 0.6em; font-family: 'Roboto Mono'; letter-spacing: 4px; border:1px solid #5b5b5b; padding: 4px 12px 4px 12px; display: inline-block; text-transform: uppercase; }
#header {	background: url("/themes/202205/images/johnny.depp.online.png") top center; background-repeat:no-repeat;
		height:500px;	max-width: 100%; }
#header img{    max-width: 100%;object-fit: cover;	object-position: 36% 16%;}

#ad{		text-align:center; }

#content {	width: 100%;}

.welcome {	  padding: 20px; background: #1a1a1a; margin-bottom:8px; text-align:center; font-family: 'Roboto Mono'; font-size:90%; color:#aaa; }
.welcome h1{	  padding:0px; margin:0px 0px 20px 0px;}
.welcome h1 span{ background:red; color:white;}
.welcome strong{  color:#E4B04A; font-weight:200; }
.welcome u{	  color:#9f3736;}
.welcome i{	  font-weight:700; font-style:normal; letter-spacing:1px; color: #aaa;}
.welcome .gallerylink a:link, .welcome .gallerylink a:visited, .welcome .gallerylink a:active {color: #9f3736; font-size: 2.6em; }
.welcome .gallerylink a:hover {font-size: 2.6em; color: #aaa;}

hr.welcome { border: 0; background: linear-gradient(to right, #E4B04A 0%, #9f3736 50%, #E4B04A 100%); margin-top: 10px; margin-bottom: 10px;}

.maintable {	padding: 15px;	width: 100%;	background: #1a1a1a; }

.mainmenu{	font-family: 'Roboto Mono'; color:#1a1a1a;	letter-spacing:-4px; line-height: 1.8em;
		font-size:80%; text-transform: uppercase;	padding: 0px 5px 20px 5px; text-align:center;}

.mainmenu a:link,
.mainmenu a:visited,
.mainmenu a:active{ color: #fff; background: #9f3736; border: 1px solid #9f3736; text-decoration:none; letter-spacing:0.5px; padding: 0px 2px 0px 2px; margin-right: 2px; }
.mainmenu a:hover{ color: #fff; background: #E4B04A; border: 1px solid #E4B04A; }

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/

@media only screen and (max-width: 800px) {
/* Force table to not be like tables anymore */
#no-more-tables table,
#no-more-tables thead,
#no-more-tables tbody,
#no-more-tables th,
#no-more-tables td,
#no-more-tables tr {
display: inline-block;
}
 
/* Hide table headers (but not display: none;, for accessibility) */
#no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; }
#no-more-tables tr { border: 1px solid #ccc; }
#no-more-tables td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative;
			padding-left: 50%; white-space: normal; text-align: left; }
 
#no-more-tables td:before { /* Now like a table header */ position: absolute;
/* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: normal;
				    text-align:left; font-weight: bold; }

table, .maintable, .tableh1, .tableh2{ width: 100%; white-space: normal; overflow: hidden; table-layout: fixed; margin: 0px; padding: 0px; }
tbody, tr, th { white-space: normal; overflow: hidden; vertical-align: top!important; display: block; }
td{ display: block; width:100%; white-space: normal; table-layout: fixed; } 

td.thumbnails,
td.thumbnails:hover{ table-layout: fixed; display: block; } 
td.catrow, td.catrow_noalb{  display: block;  white-space:normal; table-layout:fixed; display: block; } 

p, span { white-space:normal; vertical-align: top; } 
 
/* Label the data */
#no-more-tables td:before { content: attr(data-title); }
}


.tablebthumbnails{ width:100%; margin-bottom:15px; padding-bottom:15px; vertical-align:top!important; }


.tablebthumbnails a:link img,
.tablebthumbnails a:active img,
.tablebthumbnails a:visited img{
	width: 160px;	height: 120px; 	object-position: 16% 16%; 	object-fit: cover;
	border: 1px solid #9f3736;
	padding: 3.5px;
	margin: 4px 6px 6px 0px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;opacity:0.80;
	filter:alpha(opacity=80);
}

.tablebthumbnails a:hover img{
	width: 160px; height: 120px; object-position: 16% 16%; object-fit: cover; border: 1px solid #E4B04A; padding: 3.5px;
	margin: 4px 6px 6px 0px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease;opacity:0.90;
	filter:alpha(opacity=90); }

.thumbnails {  margin: 30px 2px 10px 2px;  }

.thumbnails a:link img,
.thumbnails a:visited img,
.thumbnails a:active img{ width: 200px; height: 175px; object-fit: cover; object-position: 36% 16%; border: 1px solid #9f3736;
			  padding: 5px; margin: 4px 0px 6px 0px; opacity:0.90; filter:alpha(opacity=90); -webkit-transition: all 400ms ease;
			  -moz-transition: all 400ms ease; -o-transition: all 400ms ease; position: relative; -webkit-filter: grayscale(60%);
			  -webkit-transition: .5s ease-in-out; -moz-filter: grayscale(60%); -moz-transition: .5s ease-in-out; -o-filter: grayscale(60%); -o-transition: .5s ease-in-out; }

.thumbnails a:hover img { width: 200px; height: 175px; object-fit: cover; object-position: 36% 16%; border: 1px solid #E4B04A; padding: 5px;
			  margin: 4px 0px 6px 0px; opacity:0.95; filter:alpha(opacity=95); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease;	-o-transition: all 400ms ease;
			  position: relative; -webkit-filter: grayscale(0%); -webkit-transition: .5s ease-in-out; -moz-filter: grayscale(0%); -moz-transition: .5s ease-in-out;
			  -o-filter: grayscale(0%); -o-transition: .5s ease-in-out; }

.display_media		{ background: #1a1a1a; }
.display_media img 	{ border: 5px solid #000; background-color: #1a1a1a; opacity:0.90; filter:alpha(opacity=90); -webkit-transition: all 400ms ease;
		     	  -moz-transition: all 400ms ease; -o-transition: all 400ms ease; max-width: 320px; height: auto; }

.display_media a:link img { border: 5px solid #000; background-color: #1a1a1a; opacity: 0.90; filter:alpha(opacity=90); -webkit-transition: all 400ms ease;
			    -moz-transition: all 400ms ease; -o-transition: all 400ms ease; max-width: 320px; height: auto; }

.display_media a:hover img{ border: 5px solid #808080; background-color: #1a1a1a; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease;
			    -o-transition: all 400ms ease; max-width: 250px; height: auto; }

.display_media_text{ margin: 20px 0px 20px 0px; }

.picinfo, .tableb{ }

.alblist 	{ -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;
	   	  width: 172px; padding-bottom: 10px; }

.alblistcat 	{ padding: 14px 0px 14px 0px; background: transparent; width: 100%; font-size:2.4em; }
.alblistcat span{ font-family: Lora; display:inline-block; color: black; padding: 0px 4px 0px 4px; }

.albinfo 	{ background: #E4B04A; color: white; padding: 4px 4px 4px 8px; position: absolute; z-index: 1; font-size: 12px;
	   text-transform: uppercase; font-family: 'Roboto Mono'; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease;
	   -o-transition: all 400ms ease; transition: all 400ms ease; }
.albinfo:hover 	{ background: #9f3736; }

.albthumb { height: auto; text-align:center; width:99%; }
.alblink { text-align:center; vertical-align: middle; }
.alblink .linktext{ background:#5b5b5b; display:inline-block; padding: 0px 8px 0px 8px;	vertical-align: middle; }
.alblink .linktext:hover{ padding:0px 8px 0px 8px; color:black; }
.alblink .linktext a:link,
.alblink .linktext a:visited,
.alblink .linktext a:active{ color:black; text-decoration:none; }
.alblink .linktext a:hover{ color:white; text-decoration:underline; }
.alblinkdate { font-family: 'Roboto Mono'; letter-spacing:1px; font-size: 11px; text-align: center; height: 26px; }
.alblinkdate span{ display: inline; }
.alblinkhits { font-size: 12px; padding: 6px; }

.thumbLink {
    padding: 8px;
    margin: 4px;
}

.strip_image {
    opacity: 1;
    padding: 4px;
    border: 2px solid #E4B04A;
    margin: 4px;
    border-style: solid;
    border-image: initial;
    transition: all 0.3s ease-out;
    border-bottom: 2px solid #9f3736;
}

.thumb {
    padding: 8px;
    margin: 4px;
}


/* H1, H2, H3 */

h1,h2,h3 { }

h2 table, table h2, tr h2, td h2 {  
}


/* HIGHLIGHT */

::selection {
	background: #E4B04A;
	color: #ffffff;
}

::-moz-selection {
	background: #E4B04A;
	color: #ffffff;
}




/* TOOL TIP */

#qTip { 
	padding:6px;
	display: none;
	color: #fafafa; 
	border: 0px solid #fafafa;
	position: absolute;
	text-transform: uppercase;
	background-color:#E4B04A;
	z-index: 1000;
	font-family: 'Playfair Display', serif;
	font-size:11px;
}




/* PAGE NAVIGATION */

.navmenu {
	font-weight: 700;
}

.navmenu img {
	margin: 0;
	padding: 10px 5px;
}

.navmenu a {
	display: block;
	padding: 0 5px;
}

.navmenu a:hover {
	background: #111;
}





/* FOOTER */

#footer {
	float: left;   
	line-height: 18px;
	font-weight: normal; 
	padding-bottom: 20px; 
}

#footer {
	clear: both; 
	width: 100%; 
	text-decoration: none; 
	font-weight: normal; 
	font-size: 12px; 
	line-height: 20px;
	background-color: #1a1a1a;
	letter-spacing: 1px;
}

#footer a {
	color: #000;
	text-decoration: none;
}

#footer a:hover {
	color: #FFF;
	text-decoration: none;
}

#footer .inner {
	margin: 0 auto;
    max-width: 1080px;
    text-align: justify;
}

#footer .credit {
	margin-top: -10px;
    text-align: center;
    color: #FFF;
    font-family: 'Roboto Mono', monospace;
    font-size: 9px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.4em;
    background: #9f3736;
}

#footer .svg-inline--fa {
	color:#E4B04A;
}

#footerbanner { 
	width:100%; 
	height:140px; 
	background:URL("images/wlogo.png") 
	top center no-repeat;
}



.textinput {
	padding-right: 3px;
	padding-left: 3px;
	border: 1px solid #FFF;
}

textarea, select, input {
	background:#ffffff;
	color:#000;
	font-size:11px;
	letter-spacing:0px;
}

.buttonlist ul li a {
	font-family: 'Roboto Mono', monospace;
	letter-spacing: 0px;
	font-size: 80%;
	border-bottom: 2px solid #9f3736;
	color: #E4B04A;
	margin-top: 0px;
	padding: 4px;
	margin-right: 2px;
	white-space: nowrap;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.button {
	font-family: 'Roboto Mono', monospace;
	letter-spacing: 0px;
	font-size: 80%;
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 2px solid #9f3736;
	color: #E4B04A;
	margin-top: 0px;
	padding: 4px;
	margin-right: 2px;
	white-space: nowrap;
	background: #1a1a1a;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.button:hover,
.buttonlist ul li a:hover {
	color: #9f3736;
	border-bottom: #E4B04A solid 2px;
}

a {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	text-decoration: none;
	color: #E4B04A;
}

a:hover {
	color: #9f3736;
}



.catrow_noalb,
.catrow {
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #212121;
}

.catlink {
    font-family: 'Cuprum', sans-serif;
    font-size: 16px;
    display: block;
    text-transform: uppercase;
}

.catlink a:link,
.catlink a:visited,
.catlink a:active{
	padding-bottom: 5px;
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-ms-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	transition: all 250ms linear;	
	padding: 0px 5px 5px 5px;
}

.catlink a:hover {
	padding-bottom: 5px;
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-ms-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	transition: all 250ms linear;	
	padding: 0px 5px 5px 5px;
}

.catlink-big{margin:0;}

.catlink-big::before{content: "\f07c";	font-family: 'FontAwesome'; margin-right:8px; color: #ddd; }
.catlink-big::after{content: "\f101";	font-family: 'FontAwesome'; margin-left:8px; color: #9f3736; }

.catlink-big a:link,
.catlink-big a:visited,
.catlink-big a:active{ font-family: 'Roboto Mono', sans-serif; font-size: 16px; display: inline-block;
    		       text-transform: uppercase; text-decoration: none; color: #E4B04A; padding-top: 0px;
		       margin-bottom: 8px; letter-spacing:-0.5px; border-bottom: 1px solid #1a1a1a; }

.catlink-big a:hover { color: #9f3736; -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; margin-bottom: 8px;
		       -o-transition: all 800ms ease; transition: all 800ms ease; border-bottom: 1px solid #424242; }

.catrow a:link img,
.catrow a:visited img,
.catrow a:active img{	width: 160px; height: 120px; object-fit: cover; object-position: 50% 20%; border: 1px solid #aaa;
			padding: 3px; margin: 0px 12px 4px 0px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease;
			-o-transition: all 400ms ease; }
.catrow a:hover img{	width: 160px; height: 120px; object-fit: cover; object-position: 50% 20%; border: 1px solid #ddd;
			padding: 3px; margin: 0px 12px 4px 0px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease;
			-o-transition: all 400ms ease; }

.catrow_noalb span{	vertical-align: top;}
.catrow tr{	 	display: block;}
.catrow tr span{ 	width: 100%; }
.catrow span{ 		font-size: 14px; }
.catrow em{ 		font-size: 14px; margin-right: 4px; text-transform: uppercase; letter-spacing: 1px; }
.catrow span a:link,
.catrow span a:visited,
.catrow span a:active{ 	padding: 2px 4px; color: white; line-height: 3em; white-space: nowrap; border: 1px solid #9f3736;
			letter-spacing: 1px; text-transform: uppercase; }

.catrow span a:hover{ 	background: #ddd; padding: 2px 4px; color: #222; line-height: 3em; white-space: nowrap;
			text-transform: uppercase; background: #9f3736; }

.catrow strong{
	padding: 2px 4px 2px 0px;
	color:white;
	line-height:3em;
	white-space: nowrap;
	border:1px solid #1a1a1a;text-transform: uppercase;
	font-weight:200;
}

#topalbum{ text-align:center;margin-bottom: 2em;}
#topalbum h2{color:white; font-size:18px;}

#topalbum table{ }


.statlink { 
	color: #5b5b5b;
	height:auto;
	text-transform: none; padding:0; margin:0;font-size:11px;font-family:'Roboto Mono';border:0;
}

.statlink a:link,
.statlink a:visited,
.statlink a:active{text-decoration: none;	color: #aaa; text-transform: uppercase;}
.statlink a:hover {	color: #fff;	text-decoration: underline;	text-align:left;}

.statlink .h2{
	font-style: normal;
	color: #424242;
	font-weight: normal;
	text-align:center;
	height:auto;
	padding:0px; margin:0px;
}

.statlink2 {}

.statlink2 .piccount {
	background: #9f3736;	color: #fff;	padding: 2px 4px 2px 4px;
	text-align:center;	font-size: 11px;	letter-spacing:1px;
	display:inline-block;	font-family:'Roboto Mono';	margin-bottom:8px; 	margin-top:8px; }

.statlink2 .picdate {
	background: #5b5b5b;	color: white;	padding: 2px 4px 2px 4px;
	text-align:center;	font-size: 11px;	letter-spacing:1px;
	display:inline-block;	font-family:'Roboto Mono';	margin-bottom:8px; margin-top:8px; }


.tableh1 { color: #ffffff; font-family: 'Roboto Mono', monospace; font-size: 10px;
    	   font-weight: 500; text-transform: uppercase; letter-spacing: 0.4em;
	   padding: 5px 0px 10px 0px; }

.tableh1 span{}

.tableh1_browse{	font-size:16px;padding:20px 0px 20px 0px;	color:white;
			font-family: 'Roboto Mono', monospace;
			font-weight: 500;
			text-transform: uppercase;
			letter-spacing: 0.4em;}
.tableh1_browse span{	background: linear-gradient(to right, #E4B04A 0%, #9f3736 100%);}

.catbottom { 	  color: #ffffff; font-family: 'Roboto Mono', monospace; font-size: 10px; font-weight: 500; text-transform: uppercase;
	     	  letter-spacing: 0.4em; text-align: center; padding: 10px 10px 0xpx 10px; }
.catbottom span { width: 80%; }

.tableh2 { padding: 8px 10px; }


.thumb_filename { font-size: 80%; display: block; }
.thumb_views {  background: #5b5b5b; color: white; padding: 0px 4px 0px 4px; text-align: center; font-size: 60%;
    		letter-spacing: 1px; text-transform: uppercase; display: inline-block; font-family: 'Roboto Mono';
    		margin: 8px 0px 1px 0px; }

.thumb_dimensions {	background: #9f3736; color: #fff; padding: 0px 4px 0px 4px; text-align:center;	font-size: 60%;	
			letter-spacing:1px; text-transform:uppercase; display:inline-block; font-family:'Roboto Mono';
			margin:8px 1px 8px 0px; }

.thumb_title,
.thumb_caption{ 	color: #fff; padding: 0px 4px 0px 4px; text-align:center; font-size: 80%; letter-spacing:0.5px; font-weight: 500;
			text-transform: uppercase; display: block; font-family:'Roboto Mono'; margin:8px 1px 8px 0px; }

.thumb_title::after {  content: "\A";}
.thumb_caption::after {  content: "\A";}

.thumb_caption_ctime, .thumb_caption_mtime { font-size: 60%; border-top: 1px solid #ECC5C1; color: #aaa; font-weight: 200;
    padding: 4px 4px 0px 4px; text-align: center; letter-spacing: 1px; text-transform: uppercase; display: block;
    font-family: 'Roboto Mono'; margin: 12px 1px 1px 0px; width: 90%; }

.thumb_caption_ctime::after{  content: "\A";}

.thumb_ctime::before {  content: "\A";}
.thumb_mtime::before {  content: "\A";}

.thumb_caption a { line-height: 1.5; text-decoration: underline; color: #FFF; }

.thumb_title_views{ height:0; color:#d9d2c9; font-size: 0; }

.thumb_num_comments { font-size: 85%; font-weight: 400; font-style: italic; line-height: 1.5; display: block; padding: 2px; }

.table-online{	text-align:center; margin:0; padding:10px; 2px 10px -2px; font-size:11px; font-family: 'Roboto Mono';	}
.table-online span{ margin:0; padding: 10px; }



pre.filepath {
	margin: 0px;
	padding: 0px;
}

.listbox {
	vertical-align: middle;
	border: 1px solid #212121;
}

.radio {
	vertical-align: middle;
}

.checkbox {
	vertical-align: middle;
}

.album_stat {
	font-size: 85%;
	line-height: 1.5;
	margin: 5px 0;
}

p.album_stat {
	padding: 9px 0 0 0;
}

.tablef {
	padding: 10px;
}

.sortorder_cell {
	font-family: 'Playfair Display', serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #FFF;
}

.sortorder_options {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.admin_menu {
	font-size:10px;
	padding: 3px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.admin_menu a {
	color: #333333;
	text-decoration: none;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
	padding-right: 2px;
}

.admin_menu a:hover {
	color: #9f3736;
	text-decoration: none;
}

.admin_float {
	float:left;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	display: block;
	position: relative;
	white-space:nowrap;
	/*width:100px;*/
}

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

.user_thumb_infobox th {
	font-size: 100%;
	font-weight: bold;
	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: #000;
}

.user_thumb_infobox a:hover {
	text-decoration: underline;
	color: #000;
}

.icon {
	margin-right: 1px;
	vertical-align: middle;
}

.comment_date {
	font-size: 90%;
	vertical-align: middle;
	color: #5F5F5F;
}

.topmenu {
	font-family: 'Playfair Display', serif;
	font-size: 110%;
	line-height: 130%;
}

.topmenu a {
	text-decoration: none;
	color: #0033CC;
}

.topmenu a:hover {
	text-decoration: underline;
	color: #0033CC;
}

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

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

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

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

.clickable_option {
	cursor: default;
}

.listbox_lang {
	font-family: 'Playfair Display', serif;
	font-size: 80%;
	vertical-align: middle;
	color: #000666;
	border: 1px solid #D1D7DC;
	background-color: #F2F5F7;
}

.pic_title {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.0em;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
	color: #000666;
}

.pic_caption {
	font-size: 100%;
	font-weight: normal;
	line-height: 1.0em;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
	color: #000666;
	background-image: none;
}

.important {
	font-weight: bold;
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 3px;
	padding-left: 1px;
    /* background-image : url(images/important.gif); */
	color: red;
}

#cpgChooseLanguageWrapper {
	float: left;
}

#cpgChooseThemeWrapper {
	float: left;
}



.prev_strip {
	text-align: left;
}

.next_strip {
	text-align: right;
}

/** Swfupload css **/
div.fieldset {
	margin: 10px 0;
	padding: 20px 10px;
	border: 2px solid #0E72A4;
}

div.fieldset span.legend {
	font-weight: bold;
	position: relative;
	top: -30px;
	padding: 3px;
	color: #FFF;
	background-color: #444;
}

div.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #DDD;
}

input[disabled] {
	border: 1px solid #212121;
} /* FF 2 Fix */


.progressWrapper {
	overflow: hidden;
	width: 357px;
}

.progressContainer {
	overflow: hidden;
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
}

/* Message */
.message {
	overflow: hidden;
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
}

/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	overflow: hidden;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	color: #555;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0;
	height: 2px;
	margin-top: 2px;
	background-color: blue;
}

.progressBarComplete {
	visibility: hidden;
	width: 100%;
	background-color: green;
}

.progressBarError {
	visibility: hidden;
	width: 100%;
	background-color: red;
}

.progressBarStatus {
	font-family: 'Playfair Display', serif;
	font-size: 7pt;
	width: 337px;
	margin-top: 2px;
	text-align: left;
	white-space: nowrap;
	color: #555;
}

a.progressCancel {
	font-size: 0;
	display: block;
	float: right;
	width: 14px;
	height: 14px;
	background-image: url(../../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0;
}

a.progressCancel:hover {
	background-position: 0 0;
}

.swfupload {
	vertical-align: top;
}

/**styles for photo manager*/
table#pic_sort tr td {
	padding: 4px;
	border-bottom: 1px solid #212121;
}

/** styles for album manager and photo album*/
table#album_sort tr td {
	padding: 3px;
	border-bottom: 1px solid #212121;
}

table#album_sort tr td span.editAlbum {
	font-size: 10px;
	line-height: 100%;
	display: none;
	margin-left: 100px;
	cursor: pointer;
	text-decoration: underline;
	color: #FF0000;
}

.cpg_message_info, .cpg_message_success, .cpg_message_warning, .cpg_message_error, .cpg_message_validation {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.cpg_message_info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../../images/message/info.png');
}

.cpg_message_success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('../../images/message/ok.png');
}

.cpg_message_warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../../images/message/warning.png');
}

.cpg_message_error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../../images/message/stop.png');
}

.cpg_message_validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('../../images/message/error.png');
}

.cpg_summary {
	font-size:0.9em;
	border: 1px solid;
	margin: 10px 0px;
	padding:5px 10px 5px 10px;
	color: #FF2B9C;
	background-color: #FFDEEF;
	text-align:right;
	float:right;
	width:400px;
}

#GB_window {
	background-color: #F2F5F7;
	border: 5px solid #CCD7E0;
}

.external {
	background: transparent url('../../images/link.gif') 100% 50% no-repeat;
	padding-right: 10px;
}

.detail_head_collapsed,
.detail_head_expanded {
	color: #535150;
}

.detail_head_collapsed, .detail_head_expanded {
    cursor: pointer;
    position: relative;
    padding: 5px 10px;
    background-repeat:no-repeat;
    background-position:center left;
}

.detail_head_collapsed {
    background-image:url('');
}

.detail_head_expanded {
    background-image:url('');
}




/* RESPONSIVE */

@-webkit-viewport {}
@-moz-viewport {}
@-ms-viewport {}
@-o-viewport {}
@viewport {}

@media screen and (min-width: 980px) {
a.menu-link { 
	display: none; 
}

.js nav[role=navigation] { 
	max-height: none; 
}

nav[role=navigation] ul { 
	margin: 0; 
	border: 0; 
}

nav[role=navigation] li { 
	display: inline-block; 
	padding: 5px; 
}

nav[role=navigation] li a { 
	border: 0; 
} 
	}

@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
body {
	margin:0!important; 
	padding:0!important; 
	overflow-x:hidden;
}

#featured, #wrapper, #content, #main, #footer, #footer .inner {
	max-width: 94vw !important; 
}



table, th, td, tr, tbody, .tableb, .maintable, .site-main, #primary .content-area {
	max-width: 94vw !important;  vertical-align: top!important;
}


#voting_title,
.tableb, .display_media, td.display_media{ width:100%; padding:10px; margin:0px; }


@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
body {
	margin:0!important; 
	padding:0!important; 
	overflow-x:hidden;
}
#header { background: url("/themes/202205/images/johnny.depp.online.mobile.png") top center;
	  height:520px;	width:100%; border-bottom: 10px solid black; }
#ad{ 	  padding:0; margin: 0; }

.headertitle { text-align: center; margin-bottom: 20px; }
.headertitle h1 { font-size: 2.8em; line-height: 1.2em; color: white;
		  text-transform: uppercase; font-family: 'Cuprum'; letter-spacing: 4px; display: block;  }

#content, .main, table.tablebthumbnails{ width: 100%; }

td.thumbnails { padding: 15px 2px 8px 2px; margin: 15px 2px 5px 2px;  }

.catbottom span { width: 90% }

}


@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
#navigation {
}
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
#wrapper, #footer {
}

@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
#wrapper, #footer {
}
}