body { margin: 0 auto; overflow-x:hidden; }

body, html { height: 100%; }

li > ul, li > ol { margin: 0; }

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


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

.tableh1 {padding: 15px; }


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

.designsbycordy-menu a:link, .designsbycordy-menu a:active, 
		.designsbycordy-menu a:visited {display: inline-block; padding: 5px 0;
				margin: 1px 10px; border-bottom: 2px solid #fff;}

	.designsbycordy-menu a:hover {display: inline-block; 
			border-bottom: 2px solid #ee0050;}


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

.maintable { padding: 10px !important; margin: 10px 0 !important; }
	.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; }
		
		.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;}
		
	.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                                             */
/* ------------------------------------------------------------------------- */	

.display_media img{
background-position: center;
max-width:1000px;
height:auto;
}

.image {
margin: 2px 0 10px 0 !important;
padding: 3px;
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;
	}
	.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 */ }

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

td, tr {padding: 1px !important; margin: 0 !important;}
.designsbycordy-menu a:link {display: block; }
#content2 { padding: 0 !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) {

.navmenu {font-size: 3vw!important;}
.image { margin: 0 !important; padding:0; }

}