@CHARSET "UTF-8";

@media /*handheld*/ 
	/*or (max-resolution: 96dpi)*/
	(
		
		orientation: portrait
	) {
	
	div.images {
		box-sizing: border-box;
		padding-top: 14vh;
	}

	div.image_nav {
	
	height: 18vh;
	width: 10vw;
	vertical-align: middle;
	line-height: 18vh;
	/*font-size: 16vh;*/
	}
	
	select#pageselector {
		min-width:auto;
		display:inline-block;
		font-size: 8vh;
		
	}
	
	checkbox.toggler {
		min-width:auto;
		width: 20vw;
	}
	
	div.content_items {
		text-align: left;
	}
	
	div#gallery_title a {
		font-size: 5vh;
		height: 11vh;
		line-height: 11vh;
		overflow: hidden;
		white-space: nowrap;
		
	}
	
	div#album_selecter_container {
		/*position: fixed;
		top: 24vh;*/
		display: block;
		height: auto;
		white-space: pre-wrap;
	}
	
	div#gallery_title h1 {
		width: 98vw;
		margin: 0;
		max-width: 12vw;
		box-sizing: border-box;
		padding-left: 4vw;
		overflow: hidden;
	}
	
	div#gallery_title {
	    position: absolute;
	    top: 0;
	    right: 0;
	    height: auto; /*23vh;*/
	    margin-bottom: 10vh;
	    z-index: 1;
	    color: white;
	 /*   text-align: right;*/
	    padding-right: 1vw;
	    width: 79vw;
		position: fixed;
		top: 0;
		box-sizing: border-box;
		padding-left: 1vh;
		background-color: rgba(255,255,255,0.4);
	}
	
	#gallery_title .edit_button, #gallery_title .checkbox_toggler {
	    display: inline-block;
	    height: 100%;
	    line-height: 100%;
	    vertical-align: middle;
	    width: 100%;
	    /*background-color: rgba(255,255,255,0.4);*/
	}
	
	div.thumbnail a img {
		width:43vw;
		/*width: 22vw;*/
		height: auto;
	}
	
	div.image_tile { 
		position: relative;
		width: 43vw;
	/*	width: 20vw;
	    min-width: 160px;
	    max-width: 320px;*/
	    margin: 0 auto 6px;
	}
	div.image_tile img.tn { 
		width:45vw;
	/*	width: 100%;
	   min-width: 160px;
	    max-width: 320px;*/
	}
	
	div.image_tile div.album_title {
		width: 100%;
		display: block;
		/*min-width: 160px;*/
	    /*max-width: 320px;*/
	    width:43vw;
	    margin: 0 auto;
	    text-align: left;
	}
	div.image_tile div.album_title a {
		width: 100% !important;
	}
	
	div.image_tile span.album_name {
		/*min-width: 5em;
	    max-width: 10em;*/
	    width: 80% !important;
		/*font-size:200%;*/
		
	}
	
	div.image_tile span.album_count {
		/*min-width: 1em;*/
	    max-width: 5em;
	    width: 16% !important;
		/*font-size:150% !important;*/
		text-align: right;
		
	}
	
	/*a.album_edit_button {
		width: 30%;
	    /*height: 3rem;
	    
	    margin: 0;
	    margin-top: 0;
	    margin-left: 0;
	}*/
	
	
	
	div.thumbnail {
		margin:1px;
	}
	div.thumbnail a {
		text-align:center;
	}
	
	
	div.thumbnail .edit_button,div.image_tile .edit_button {
	    height: 6vh;
	    width: 30vw;
	    margin-top: -6vh;
	    margin-left: 6vw;
	    top: auto !important;
	    right: auto !important;
	    background-color: rgba(255,255,255,0.2);
	    border-radius: initial;
	}
	
	div.tile_functions {
		width: 100%;
		/*position: relative;
		top: -80px;*/
		margin: 0 auto;
		
	}
	
	div.tile_functions a {
		width: auto;
		height: auto;
		/*position: relative;
		top: -80px;*/
		margin: 0 ;
		position: static;
		float: inherit;
	}
	
	
	div.tile_functions a .edit_button {
		float: inherit;
	}
	
	
	div.album_dropzone {
		width: 90%;
		height: 50vh;
		position: static;
	}
	
	div.bgtext {
		top: auto;
	}
	
	
	div.album_admin {
		width: 100vw;
	}
	
	div#album_admin * .admin_option input[type=radio] {
		display:inline-block;
	}
	div#album_admin * .admin_option label {
		display:inline-block; height: 3rem; line-height: 3rem; vertical-align: top;
	}
	
	div.admin_input input {
		width: auto !important;
	}
	
	.album_edit_button, .album_checkbox_toggler,select#pageselector {
		height: 11vh;
		width: 11vh; /* square */
		float: right;
		
		
	}
	
	
	
	
	input.tileselect {
		height: 12vh;
	    width: 12vh;
	    z-index: 1;
	    visibility: hidden;
	    margin-left: -14vh;
	    position: absolute;
	}
		
		
	#album_nextlink {
		/*float: right;*/
		right: 0;
	}
	
	#album_backlink {
		/*float: left;*/
		left: 0;
	}
	
	.album_pageswitch {
	    position: fixed;
	    bottom: 0;
	    height: 4rem !important;
	    font-size: 8vh;
	    width: 12vh;
	    background-color: rgba(255,255,255,0.4);
	    z-index: 2;
	}
		
	.pic_page_navigation {
	    text-align:center;
	    
	}
	
	.pageselector_total {
		font-size: 8vh;
		display: none;
	}
		
	.upl_thumb {
		margin: 1rem;
	}
	.uploaded_thumb {
		max-width: 160px;
		max-height: 160px;
		width: auto;
		height: 40vw;
	}
	
	div.upl_thumb span {
		min-width: 160px;
		max-width: 320px;
		height: auto;
		width: 30vw;
		overflow: hidden;
	}
	
	div#upload_list {
	    overflow: auto;
	    height: 90%;
	   /* position: relative;
	    top: -18%;*/
	}
	
	form.picture_details #form_functions {
		white-space: normal;
	}

}