/* ------------------------------------------------------------------------- */
/*  Reset - http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126        */
/* ------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, 
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, 
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

body {background:#f8f8f8; text-align:left; font-size:87.5%; line-height:1.75em; font-family: 'Lato', sans-serif; color:#8d8d8d; font-weight: 400; margin: 0 auto; overflow-x:hidden; }

body, html { height: 100%; }
li > ul, li > ol { margin: 0; }
b, strong {color: #4e6778;}	
i, em {color: #9e0731;} 

#submit:hover, input[type="submit"]:hover, a:hover, .menu-item:hover, li:hover, img:hover, .image:hover, img.image.thumbnail:hover, .thumb:hover, .thumbnail:hover, a img:hover, img a:hover, img:hover, .entry-meta span:hover, .entry-meta-alt span:hover, td:hover, i:hover, .meta-comments:hover {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}


/*  Base Styles | Forms                                                      */
/* ------------------------------------------------------------------------- */

input, textarea, button, select { font-family: inherit; font-weight: 300; font-size: 1em; }

input, textarea, button, select { background: #f9f9f9; border: 1px solid #dedede; color: #8d8d8d; 
		display: block; padding: 9px; }

input[type="submit"] { background: #4e6778; color: #fff; padding: 10px 20px; display: inline-block; float: left; margin-right: 10px; border: none; font-weight: 500; }

	input[type="submit"]:hover { background: #9e0731; }

div#qTip {padding: 3px 10px; display: none; color: #fff; background: #4e6778; 
	font-size: .75em; text-transform: uppercase; text-align: center; position: absolute;
	z-index: 1000; font-weight: 400; }


/*  Base Styles | Links                                                      */
/* ------------------------------------------------------------------------- */

a:link, a:active, a:visited {color: #000;text-decoration: none; }
	a:hover {color: #ec003f;text-decoration: none;}


/*  Base Styles | Headers                                                    */
/* ------------------------------------------------------------------------- */
	

h1 {font-style: italic; font-weight: 800; }

h1, .tableh1 {color: #000;padding: 5px 0 8px; margin: 0 15px; font-size:1.75em; 
		line-height: 1.125em; letter-spacing: -1px; text-transform: uppercase;
		font-style: italic; font-weight: 800; font-family:'Open Sans', sans-serif; }


/* ------------------------------------------------------------------------- */
/*  Section | Header                                                         */
/* ------------------------------------------------------------------------- */


#wrap { width: 100%; margin: 0 auto; background: #fff; 
		border-bottom: 1px solid #e6e6e6; }
		
.container { max-width: 1100px; margin: 0 auto; }

	.sitename { display: block; text-align: center; color: #272533; padding: 2% 0 0 0;
			letter-spacing: -1px; font-size: 3em !important; }
			
		.sitename span {color: #ec003f;}	
		
		.sitename-tag {display:block; color: #c9c9c9; font-size: .625em; 
				text-align: center; padding-bottom: 2%; margin-top: -10px; 
				text-transform: uppercase; letter-spacing: 2px; font-style: italic;}	
				
			.sitename-tag:before, .sitename-tag:after { display: inline-block;
					width: 50px; height: 1px; margin: 0 5px; content: ''; 
					vertical-align: middle; background: #c9c9c9; }


/*  Section | Header - Navigation                                            */
/* ------------------------------------------------------------------------- */

.cordynu-menu {
	text-decoration:none !important;
	padding: 0;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-style: italic; font-weight: 800;
	}
	
	.cordynu-menu a:link, .cordynu-menu a:visited, 
		.cordynu-menu a:active { text-decoration: none; }

	.cordynu-menu ul {list-style: none;}


/* ------------------------------------------------------------------------- */
/*  Section | Gallery                                                        */
/* ------------------------------------------------------------------------- */

#content { width: auto; margin: 30px 0 0 0;}

.maintable { padding: 10px !important; margin: 10px 0 !important; background: #fff;}
	.maintable td, .maintable tr { padding: 5px; }

.tableb, .tableb_alternate { padding: 0 10px !important; background: transparent; }
.tableb p, .tableb_alternate p { padding-top: 5px; }

.tablef { padding: 10px; margin: 1px; background: transparent; 
		border-bottom: 1px solid #e7e7e7; }

.catrow_noalb, .catrow { font-size: 1em; line-height: 1.5em; background: transparent;	
		border-bottom: 1px solid #e7e7e7;  }
	.catrow td, td.catrow {vertical-align: middle !important;}
	.catrow_noalb:hover, .catrow:hover {}
	
		.catlink { text-transform: uppercase; padding: 5px !important; display: block;
				font-size: 1.25em; font-style: italic; font-weight: 800;}
		
		.catrow .catlink:before { content: '\f07c'; display:inline-block; 
				margin: -2px 5px 0 -5px;font:normal 1em 'FontAwesome'; 
				vertical-align: middle;-webkit-font-smoothing: antialiased;
				color: #220902; }
				
		.catrow_noalb .catlink:before { content: '\f07b'; display:inline-block; 
				margin: -2px 5px 0 -5px;font:normal 1em 'FontAwesome'; 
				vertical-align: middle;-webkit-font-smoothing: antialiased;
				color: #220902; }
		
		.catlink a:link, .catlink a:visited, .catlink a:active, .catlink a:hover 
				{ text-decoration: none !important; letter-spacing: -1px; }

.album_stat { padding: 10px 0; font-size: .75em; line-height: 1.25em; }

td.thumbnails.filmstrip_background { }
	.prev_strip { text-align: left; vertical-align: middle; }
	.next_strip{ text-align: right; vertical-align: middle; }

.navmenu { margin:0;  padding:5px;  text-transform:uppercase;  background: #f9f9f9; }
	.navmenu:hover { background: #fff; }
	
	.navmenu a, .navmenu a:visited, .navmenu a:active, .navmenu a:link {
			display: block; padding:5px 7px; }
		.navmenu a, .navmenu { -webkit-transition: all 0.8s ease; 
				-moz-transition: all 0.8s ease; -o-transition: all 0.8s ease;
				transition: all 0.8s ease; }
		
	.navmenu img { margin:1px; }
			

/*  Gallery | Headers                                                        */
/* ------------------------------------------------------------------------- */
		
	.tableh1 .statlink { font-size: .75em !important; letter-spacing: 0px; }
	
	.statlink {font-size: .875em; }
	
	.tableh1-alt { background: #f9f9f9; line-height: 2em; padding: 5px 10px !important;}
	
	.tableh1 a:link, .tableh1 a:active, .tableh1 a:visited, .tableh1 a:hover {
			text-decoration: none; border-bottom: 0px; }
		
	.tableh1 h2 {text-align:left; color: #272932 !important; 
			background: #fff !important; }

	.tableh2 { padding: 9px 10px 8px 15px; font-size: 1em; text-transform: uppercase;
			background: #f3f3f3; text-shadow: 0px 0px; 
			font-family: 'open sans', sans-serif; font-style: italic; font-weight: 800;}
		
	.tableh2 strong {margin-left: 5px;}
	
	
/*  Gallery | Admin Links                                                    */
/* ------------------------------------------------------------------------- */

.admin_float { float:left; display: block; position: relative; white-space:nowrap; 
		margin: 1px; text-align: left; padding: 5px; font-size: .875em; 
		text-transform: uppercase; background: #fafafa; border: 1px solid #d9d9d9; }
	.admin_float:hover {background: #fff;}


/* ------------------------------------------------------------------------- */	
/*  Section | Thumbnail Settings                                             */
/* ------------------------------------------------------------------------- */	

.image {
margin: 2px 0 10px 0 !important;
padding: 2px;
background: #fff;
border: 1px solid #d8d8d8;
}

.image:hover {
border: 1px solid #859dac;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-khtml-transition: all .5s ease; 
transition: all .5s ease;
}

.display_media { background: transparent; padding: 2px 10px; }
.thumbnails { margin: 5px !important; background: transparent; 
		vertical-align: top !important;	 }
.thumbnails:hover {}

.thumb_title,.thumb_caption {margin: 1px; text-align:center; }

.thumb_title { /* album title, views, user */
font-size: .75em;
padding: 2px 8px;
display:block;
text-transform: uppercase;
}
	.thumb_title.thumb_title_title { /* album title */
	font-size: .75em;
	line-height: 1.375em;
	color: #fff;
	background: #6f8b9c; 
	font-family: 'open sans', sans-serif;
	font-style: italic; font-weight: 800;
	}
	.thumb_title.thumb_title_views { /* album views */
	font-size: .625em;
	letter-spacing: 1px;
	background: #f4f4f4; }
	
	.thumb_title.thumb_title_owner { /* album user */ }
	
.thumb_caption { /* dates, resolution */ display:inline-block;
font-size: .75em;
padding: 2px 8px;
}
	.thumb_caption.thumb_caption_ctime { /* date */ }


/* ------------------------------------------------------------------------- */	
/*  Section | Footer                                                         */
/* ------------------------------------------------------------------------- */	

#footer {
clear: both;
padding: 30px;
margin: 20px auto 0 auto;
background: #fff;
text-align: left;
border-top: 1px solid #e6e6e6;
}	
	
	
/* ------------------------------------------------------------------------- */	
/*  Responsive Theme Elements                                                */
/* ------------------------------------------------------------------------- */

/*  FULL SITE - 1101px and higher                                            */
/* ------------------------------------------------------------------------- */
@media only screen and (min-width:1101px) {

	.container { width: 100%; margin: 0 auto; }
	#wrap { margin: 0 auto; background: #fff;}

	#header { width: 1300px; height: 350px; margin: 0 auto; }
		#head1, #head3 { width: 400px; height: 350px; float:left;}
		#head2 { width: 500px; height: 350px; float:left;}
	
		#head1 { background: url(images/left.png) top center no-repeat; }
		#head2 { background: url(images/center.png) top center no-repeat; }
		#head3 { background: url(images/right.png) top center no-repeat; }

	#welcome { position: relative; left: 10px; top: 250px; width: 470px; 
			font-size: .75em; line-height: 2.125em; padding: 0; 
			text-align: justify; color: #777; }
		#welcome strong { color: #6a8698; }
		#welcome em { color: #ec003f; }
				
	.collapse, .collapse + input, #mobileversion {display:none!important; 
			visibility:hidden!important; padding:0!important; margin:0!important; 
			height:0!important;}
	
	.cordynu-menu { margin: 0 auto; padding: 20px 20px 16px; font-size: .875em;
			line-height: 1.125em; text-align: left; display: inline; float: left;}
	
	.cordynu-menu a:link, .cordynu-menu a:visited, .cordynu-menu a:active {display: inline-block; padding: 5px 0;
			margin: 1px 8px; border-bottom: 2px solid #fff;}
	.cordynu-menu a:hover {display: inline-block; border-bottom: 2px solid #ec003f;}
	
		.cordynu-menu a:link, .cordynu-menu a:active, 
				.cordynu-menu a:visited { color: #1e1e1e; }
	
	.socials {display: inline;float: right; padding: 21px 0 0 0; letter-spacing: 2px; }
	
		.socials i {color: #1f1f1f; }
			.socials i:hover {color: #ec003f; }
}

	
/*  HANDHELD DEVICES - 1000px and lower                                      */
/* ------------------------------------------------------------------------- */	
@media only screen and (max-width:1000px) {

	.container {margin: 0 auto !important; width: 98% !important; }
	
		#header, #welcome, .socials, .ads {display:none!important; 
				visibility:hidden!important; padding:0!important; margin:0!important;
				height:0!important;}
				
				#wrap { border-bottom: none !important; }
	
	.cordynu-menu {background:#f8f8f8; font-size: 1.125em; line-height: 1.5em; 
			text-align: left; padding: 1%; border-bottom: 1px solid #d8d8d8; }
	.cordynu-menu a:link {display: block !important; padding: 10px; }

 	.collapse::before { content: '\f0c9'; font-family: 'Font Awesome 5 Free'; padding: 10px;
			font-weight: 900; }
 	.collapse { background: #fff; display:block; padding: 20px 10px; 
 			text-align:center; color: #1e1f25; border-bottom: 1px solid #d8d8d8; }
 			
		.collapse + input { display:none; }
		.collapse + input + * { display:none; }
		.collapse+ input:checked + * { display:block; }
		
	#content { width: 95%; display: block; float: none !important; margin: 20px auto 0 auto !important;}
	#footer { width: 94% !important; padding: 2% !important; }

td, tr {padding: 1px !important; margin: 0 !important;}
	.maintable {padding: 5px !important; margin: 5px 0 !important;}
.thumbnail, .thumbnails {max-width: 12vw!important; height: auto; margin: 0 !important;}
.display_media .image {max-width: 70vw!important;height: auto;}
.navmenu {font-size: 2vw!important;}
	.navmenu img, .buttonlist img { max-width: 2.5vw!important; height: auto; }
.strip_image { max-width: 6vw!important; height: auto; }
#film {width: 100%!important;}
	#film .thumb a:link {width: 100%!important;}
.tape { width: 100%!important; height: 100%!important; margin-left: 0!important;}
.image { margin: 1px 0 2px 0 !important; padding: 3px; }

	}
	
@media only screen and (max-width:640px) {

	#content {width: 98%; margin: 2px auto !important;}
	#sitename {font-size:2vw !important;}
	.navmenu {font-size: 3vw!important;}
	.image { margin: 0 !important; padding:0; }

}