@charset "utf-8";
/* CSS Document */

* { outline: medium none; }

html {
	-webkit-text-size-adjust:100%;
	font-family: Roboto, arial, sans-serif;
	font-weight:300;
	font-size:16px;
}

body {
	background-color:#F0F0F0;
	color:#333;
	margin:0px;
	padding:0px;
	overflow-y:scroll;
	width:100%;
}

h1, h2, h3, h4 { color:#000; font-weight:300;	margin:5px 0px 5px 0px;padding:0px; }
h1 { font-size: 28px; }
h2 { font-size: 24px; }	
h3 { font-size: 18px; }
h4 { font-size: 16px; }

p { margin: 10px 0px; }
img { border: 0 none; }

a:link, a:visited, a:active {
	color:#0063b1;
	text-decoration: none;
}

a:hover {
	color:#0093e1
}

.small_text { 
	font-size:12px;
	line-height:18px;
}

@media screen and (max-width: 319px) { .lowResHide_320 { display:none !important; } }
@media screen and (max-width: 383px) { .lowResHide_384 { display:none !important; } }
@media screen and (max-width: 479px) { .lowResHide_480 { display:none !important; } }
@media screen and (max-width: 567px) { .lowResHide_568 { display:none !important;	} }
@media screen and (max-width: 639px) { .lowResHide_640 { display:none !important; } }
@media screen and (max-width: 767px) { .lowResHide_768 { display:none !important; } }
@media screen and (max-width: 895px) { .lowResHide_896 { display:none !important; } }
@media screen and (max-width: 1023px) { .lowResHide_1024 { display:none !important; } }

@media screen and (min-width: 384px) { .highResHide_384 { display:none !important; } }
@media screen and (min-width: 480px) { .highResHide_480 { display:none !important; } }
@media screen and (min-width: 568px) { .highResHide_568 { display:none !important; } }
@media screen and (min-width: 640px) { .highResHide_640 { display:none !important; } }
@media screen and (min-width: 768px) { .highResHide_768 { display:none !important; } }
@media screen and (min-width: 896px) { .highResHide_896 { display:none !important; } }
@media screen and (min-width: 1024px) { .highResHide_1024 { display:none !important; } }

#top {
	display:table;
	width:100%;
	top:0px;
	left:0px;
	right:0px;
	z-index:100;
	box-sizing:border-box;
	line-height:40px;
	background-color:rgba(0,0,0,.92);
	padding: 5px 5px;
	margin:0px;
}

@media screen and (min-height: 480px) {
	#top {
		position:fixed;
	}
}

#top_logo {
	display:table-cell;
	width:115px;
	vertical-align:middle;
}

#top_logo img {
	display:block;
	width:115px;
	height:20px;
}

#top_links {
	display:none;
	padding-left:20px;
	vertical-align:middle;
	line-height:30px;
}

#top_links a {
	font-size:16px;
	color:#ccc;
}

#top_links a:hover {
	color:#fff;
}

#top_search {
	display:table-cell;
	text-align:right;
}

#top_search form {
	display:inline-block;
	white-space:nowrap;
	display:none;
}

#top_search input[type=text] {
	font-size:12px;
	width:122px;
	padding:8px;
	background-color:rgba(255,255,255, .15);
	color:rgba(255,255,255, .8);
	line-height:16px;
}

#top_search input:focus {
	color:rgba(255,255,255, 1);
}

#top_search input[type=submit] {
	vertical-align:middle;
	width:30px;
	height:30px;
	padding:0px;
	margin:0px;
	background-image:url('images/search.png');
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;left:-32px;
	background-color:inherit;
	border:none;
	box-shadow:none;
	min-width:0px;
}

#top_nav {
	display:table-cell;
	text-align:right;
	width:1px;
	white-space:nowrap;
	font-size:16px;
	vertical-align:top;
}

#top_nav a {
	margin-left:15px;
	color:#ccc;
}

#top_nav a:hover {
	color:#fff;
}

#top_nav img {
	width:24px;
	height:24px;
	vertical-align:middle;
	margin-right:7px;
}

#top_nav ul {
	list-style-type: none;
	margin:0px; 
	padding: 0px;
}

#top_nav ul li {
	display:inline-block;
	position: relative;
}

#top_nav ul li:hover a  {
	/*color:#ffffff;*/
}

#top_nav ul li ul {
	display: none;
	position: absolute;
	z-index:100;
	right:-5px;
	top:40px;
	background-color:#f0f0f0;
	box-shadow: 0px 0px 8px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,.3);
	padding:4px 0px;
	border:1px solid rgba(0,0,0,.25);
	border-radius:3px;
	text-align:right;
	color:inherit;
	font-size:14px;
	line-height:16px;
}

#top_nav ul li ul li {
	display:block;
	border:none;
}

#top_nav ul li ul li a {
	display:block;
	width:auto;
	white-space:nowrap;
	margin:0px;
	padding:7px 14px;
	color:#000;
}

#top_nav ul li ul li a:hover {
	text-decoration:none;
	color:#000;
	background-color:#E0E0E0;
}

.content {
	margin:20px 5px 20px 5px;
	box-sizing:border-box;
}

#footer {
	margin-top:25px;
	padding:40px 0px;
	line-height:32px;
	background-color:rgba(0,0,0,.92);
	color:#ccc;
}

#footer a {
	margin:10px 20px 10px 0px
}

@media screen and (min-height: 480px) {
	.content {
		margin:70px 5px 20px 5px;
	}
}

@media screen and (min-width: 640px) {
	#top {
		padding: 5px 10px;
	}
	
	#top_logo {
		width:230px;
	}
	
	#top_logo img {
		width:230px;
		height:40px;
	}
	
	#top_search form {
		display:inline-block;
	}
	
	.content {
		margin:20px 10px 20px 10px;
	}
	
	@media screen and (min-height: 480px) {
		.content {
			margin:70px 10px 20px 10px;
		}
	}
}

@media screen and (min-width: 768px) {
	#top {
		padding: 5px 15px;
	}
	
	
	#top_search input[type=text] {
		width:162px;
	}
	
	.content {
		margin:20px 15px 20px 15px;
	}
	@media screen and (min-height: 480px) {
		.content {
			margin:70px 15px 20px 15px;
		}
	}
}

@media screen and (min-width: 1024px) {
	#top {
		padding: 5px 20px;
	}
	
	#top_links {
		display:table-cell;
	}
	
	#top_search input[type=text] {
		width:192px;
	}
	
	.content {
		margin:20px 20px 20px 20px;
	}
	@media screen and (min-height: 480px) {
		.content {
			margin:70px 20px 20px 20px;
		}
	}
	
}

@media screen and (min-width: 1920px) {
	.content {
		max-width:1860px;
		margin-left:auto;
		margin-right:auto;
	}
}

#intro {
	background: url("images/landscape1.jpg") no-repeat scroll center 0px / cover;
	color:#fff;
	text-align:center;
	/*padding:22vh 0px;*/
	position:relative;
	margin-top:0px;
}

@media screen and (min-height: 480px) {
	#intro {
		margin-top:50px;
	}
}

#intro_overlay {
	background-color: rgba(0,0,0,.15);
	padding:22vh 0px;
}

#intro h1, #intro h2, #intro h3, #intro h4 {
	color:#fff;
	text-shadow: 0px 0px 1px rgba(0,0,0,.6);
}

#intro h1 {
	font-size:48px;
	line-height:64px;
	margin-top:0px;
}

#intro h2 {
	line-height:64px;
}

#intro h3 {
	font-size:20px;
	line-height:48px;
}

.secondary {
	padding:65px 10px;
	font-size:20px;
}

.secondary p {
	margin:20px 0px;
}

/* Popups */

.popup {
	display: none; 
	position: fixed; 
	z-index: 1000; 
	padding-top: 0px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.66);
	box-sizing:border-box;
	text-align:left;
}

.popup_content {
	position: relative;
	background-color: #fff;
	margin: auto;
	padding: 0px;
	width: 100%;
	max-width:640px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, .5);
	box-sizing:border-box;
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: .4s;
	animation-name: animatetop;
	animation-duration: .4s
}

.popup_header {
	background-color:#0063b1;
	color: white;
	box-sizing:border-box;
	padding:5px 15px 5px 15px;
}

.popup_header h2 {
	margin:0px;
	color:#fff;
	line-height:36px;
	font-size:20px;
}

.popup_body {
	padding:15px 15px;
}

.close {
	color: white;
	float: right;
	font-size: 28px;
	line-height:36px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color:#cc0000;
	text-decoration: none;
	cursor: pointer;
}

/* Add Animation */
@-webkit-keyframes animatetop {
	from {top: -60px; opacity: 0}
	to {top: 0; opacity: 1}
}

@keyframes animatetop {
	from {top: -60px; opacity: 0}
	to {top: 0; opacity: 1}
}

/* End Popups */

/* Notifications */

.notification_box_info, .notification_box_success, .notification_box_warning, .notification_box_error  {
  margin-bottom:15px;
  padding:10px;
	clear:both;
	border-style:solid;
	border-width:1px;
	border-left-width:8px;
	border-right-width:8px;
	color:#fff;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);
}

.notification_box_info a, .notification_box_success a, .notification_box_warning a, .notification_box_error a  {
	text-decoration:underline;
	color:#fff;
}

.notification_box_info {
	background-color:#0063b1;
	border-color:#004275;
}

.notification_box_success {
	background-color:#34bf49;
	border-color:#007542;
}

.notification_box_warning {
	background-color:#ff8c00;
	border-color:#b36200;
}

.notification_box_error {
	background-color:#e74856;
	border-color:#9e212c;
}

/* End Notifications */

/* Forms */

label {
	font-size:18px;
	color:#000;
	display:block;
}

input, textarea, password, select {
	font-size:16px;
	line-height:20px;
	border:none;
	padding:8px 10px;
	box-sizing: border-box;
	-webkit-appearance:none;
	background-color:rgba(0,0,0, .10);
	color:rgba(0,0,0, .7);
	border-radius:0px;
	font-family: Roboto, arial, sans-serif;
	box-sizing:border-box;
}

select {
	padding:8px;
}

input:focus, textarea:focus{
	color:rgba(0,0,0, .9);
}

input[type=text], input[type=password], input[type=email], textarea, input[type=file], input[list] {
	width:100%;
}

input[type=radio], input[type=checkbox] {
	border-radius: 0px;
	-webkit-appearance:checkbox;
	margin-right:5px;
}

input[type=button], input[type=submit], input[type=reset], .button {
	display:inline-block;
	border:1px solid rgba(0,0,0,.15);
	border-radius:3px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
	padding:0px 16px;
	background-color:#34bf49;
	color:#fff !important;
	white-space:nowrap;
	font-size:16px;
	height:36px;
	line-height:32px;
	text-shadow:0px 1px 0px rgba(0,0,0,.15);
	cursor:pointer;
	font-weight:400;
	box-sizing:border-box;
	text-align:center;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, .button:hover {
	background-color:#24af39;
}

input[type=button] img, input[type=submit] img, input[type=reset] img, .button img {
	vertical-align:middle;
}

.orange_button {
	background-color:#ff8c00 !important;
}
.orange_button:hover {
	background-color:#ef7c00 !important;
}
.blue_button {
	background-color:#0063b1 !important;
}
.blue_button:hover {
	background-color:#0053a1 !important;
}
.red_button {
	background-color:#e74856 !important;
}
.red_button:hover {
	background-color:#d73846 !important;
}
.gray_button {
	background-color:#777 !important;
}
.gray_button:hover {
	background-color:#666 !important;
}

.small_button {
	font-size:13px;
	padding:0px 10px;
	line-height:22px;
	height:24px;
	text-align:center;
	vertical-align:middle;
	margin:2px auto;
	font-weight:400 !important;
}

.small_button img {
	margin-top:-2px;
}

/* End Forms */


.subnav {
	font-size:16px;
	padding:0px;
	text-align:center;
	border-bottom:1px solid #aaa;
}

.subnav a {
	color:inherit;
	padding:8px 5px;
}

.subnav .active, .subnav .inactive {
	display:inline-block;
	margin:0px 12px;
	white-space:nowrap;
}

.subnav .active {
	border-bottom:2px solid #0063b1;
	font-weight:400;
}

.subnav .inactive:hover {
	border-bottom:2px solid #0063b1;
}

.title {
	position:relative;
	line-height:32px;
}

.title_tools {
	position:absolute;
	right:0px;
	top:0px;
	line-height:32px;
}

.title_tools .section {
	display:inline-block;
	margin-left:10px;
}

.title_tools .section select {
	vertical-align:middle;
	font-size:14px;
	padding:3px;
	margin:0px;
}

.title_tools a {
	margin-left:5px;
	opacity:.5
}

.title_tools a:hover {
	opacity:1;
}

.title_tools img {
	vertical-align:middle;
	width:24px;
	height:24px;
}

.title_tools .active {
	opacity:1;
}

/* Masonry Grid */

#gallery_loader {
	text-align:center;
	border:1px solid rgba(0,0,0,.15);
	border-radius:4px;
	background-color:#fff;
	padding:8px;
}

.grid {
  margin: 5px auto;
	text-align:center;
	padding-bottom:10px;
}

.grid-item { 
	position:relative;
	line-height:0px;
	text-align:center;
	margin:10px auto;
	display:inline-block;
}

.grid-item-details, .grid-item-social {
	position:absolute;
	left:0px;
	right:0px;
	height:20px;
	line-height:20px;
	font-size:14px;
	padding:5px;
	color:#fff;
	text-shadow: 0px 0px 1px rgba(0,0,0,.6);
	background: rgba(0,0,0,.6);
	opacity:0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	font-weight:400;
	opacity:0;
	transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-webkit-transition: opacity .2s ease-in-out;
}

.grid-item:hover .grid-item-details, .grid-item:hover .grid-item-social {
	opacity:1;
	transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-webkit-transition: opacity .2s ease-in-out;
}

.grid-item-details {
	bottom:0px;
	/*padding:4px 4px 2px 4px;*/
	text-align:left;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}

.grid-item-social {
	top:0px;
	/*padding:2px 4px 4px 4px;*/
	text-align:right;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.grid-item-details a {
	display:block;
	color:#fff;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}

.grid-item-social a {
	margin-left:5px;
	color:#fff;
}

.grid-item-social img {
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-right:4px;
}



/* End Masonry Grid */


/* Page Navigation */

.page_navigation {
	text-align:center;
	font-size:16px;
	line-height:28px;
	margin:20px 0px;
}

.page_navigation a {
	display:inline-block;
	border:none;
	border-radius:3px;
	padding:2px 9px;
	background-color:#0063b1;
	color:#fff;
	white-space:nowrap;
	margin:2px 2px;
}

.page_navigation a:hover {
	background-color:#0073c1;
}

.page_navigation .current_page {
	display:inline-block;
	border:2px solid #0063b1;
	border-radius:3px;
	padding:0px 7px;
	background-color:inherit;
	color:#0063b1;
	white-space:nowrap;
	margin:2px 2px;
}

.page_navigation .inactive {
	display:inline-block;
	border:none;
	border-radius:3px;
	padding:2px 9px;
	background-color:#bbb;
	color:#fff;
	white-space:nowrap;
	margin:2px 2px;
}

/* End Page Navigation */

/* Blocks */

.block {
	background-color:#fff;
	border:1px solid rgba(0,0,0,.10);
	border-radius:3px;
	box-sizing:border-box;
	max-width:1220px;
	margin:0px auto 20px auto;
}

.block_content {
	box-sizing:border-box;
	padding:5px;
}

.block_content .extra_padding {
	padding:10px;
}

.centered {
	margin-left:auto;
	margin-right:auto;
}

.block_header h1 {
	margin-top:0px;
}

@media screen and (min-width: 480px) {
	.block_content {
		padding:10px;
	}
	.block .extra_padding {
		padding:15px;
	}
}

@media screen and (min-width: 640px) {
	.block_content {
		padding:15px;
	}
	.block .extra_padding {
		padding:20px;
	}
}

@media screen and (min-width: 768px) {
	.block_content {
		padding:15px 20px;
	}
	.block .extra_padding {
		padding:30px;
	}
}

/* End Blocks */

/* Photo Page */

.main_photo_block {
	display:table;
	width:100%;
	margin-bottom:10px;
}

.prev_photo, .next_photo {
	display:table-cell;
	vertical-align:middle;
	width:32px;
}

.prev_photo img, .next_photo img {
	width:32px;
	height:32px;
	padding:10px 0px;
}

.main_photo {
	display:table-cell;
	position:relative;
	vertical-align:top;
	margin:0px auto;
	text-align:center;
}

.main_photo img {
	max-width:100%;
	max-height:1024px;
}

.main_photo .prev_photo, .main_photo .next_photo {
	display:none;
	position:absolute;
	top:0px;
	bottom:0px;
	height:64px;
	margin:auto;
}

@media screen and (max-width: 1024px) {
	.main_photo:hover .prev_photo, .main_photo:hover .next_photo {
		display:block;
	}
}

.main_photo .prev_photo {
	left:0px;
}

.main_photo .next_photo {
	right:0px;
}

.main_photo .prev_photo img, .main_photo .next_photo img {
	background-color:rgba(255,255,255,.25);
}


.photo_details {
	width:100%;
	max-width:1024px;
	margin:0px auto;
	box-sizing:border-box;
}

.photo_details .left_column, .photo_details .right_column {
	vertical-align:top;
	overflow:hidden;
	box-sizing:border-box;
	margin-bottom:10px;
}

.photo_details .right_column table {
	border:none;
	display:inline-block;
	width:49%;
	vertical-align:top;
	font-size:13px;
}

.photo_details .right_column table td {
	vertical-align:top;
	padding:0px 4px 4px 0px;
}

.detail_table {
	width:100%;
	display:table;
}

.user_avatar {
	vertical-align:top;
	display:table-cell;
	width:48px;
	padding-right:10px;
}

.user_avatar img {
	max-width:48px;
	max-height:48px;
}

.user_details {
	vertical-align:top;
	display:table-cell;
}

.user_details h1 {
	font-size:18px;
	line-height:22px;
	margin:0px;
	font-weight:400;
}

.user_details h2 {
	font-size: 16px;
	line-height:24px;
	margin:0px;
	font-weight:400;
	display:inline;
}

.user_details h3 {
	font-size: 16px;
	line-height:24px;
	margin:0px;
	font-weight:400;
}

.comment {
	margin:20px 0px;
}

.comment_comment {
	vertical-align:top;
	display:table-cell;
	border-bottom:1px dotted #ccc;
}

@media screen and (min-width: 568px) {
	.user_avatar {
		display:table-cell;
		width:64px;
		padding-right:15px;
	}
	
	.user_avatar img {
		max-width:64px;
		max-height:64px;
	}
}

@media screen and (min-width: 768px) {
	.photo_details {
		display:table;
	}
	
	.photo_details .left_column, .photo_details .right_column {
		display:table-cell;
		width:50%;
	}
	
	.photo_details .left_column {
		padding-right:10px;
	}
	.photo_details .right_column {
		padding-left:10px;
	}
	
	.user_details h1 {
		font-size:20px;
		line-height:30px;
	}
	
	.user_details h2 {
		font-size:18px;
		line-height:30px;
	}
	
	.user_details h3 {
		line-height:26px;
	}
}


.photo_thumb_carousel {
	width:100%;
	max-width:1024px;
	margin:-1px auto 13px auto;
	text-align:center;
	height:54px;
}

.photo_thumb_carousel img {
	object-fit: cover;
	width:50px;
	height:50px;
	padding:2px;
	margin:0px 1px;
	vertical-align:middle;
}

.photo_thumb_carousel .current_thumb {
	background-color:#fff;
	box-shadow:0px 0px 2px rgba(0,0,0,.75);
	padding:2px;
}

@media screen and (min-width: 1024px) {
	.photo_thumb_carousel {
		height:96px;
		margin:-2px auto 12px auto;
	}
	
	.photo_thumb_carousel img {
		width:90px;
		height:90px;
		padding:2px;
		margin:0px 1px;
	}
	
	.photo_thumb_carousel .current_thumb {
		padding:3px;
	}
}

.breadcrumbs {
	font-size:16px;
	margin-bottom:10px;
}

.breadcrumbs img {
	width:16px;
	height:16px;
	vertical-align:baseline;
}

#like_button {
	display:inline;
	text-align:left;
}

#like_button img {
	width:32px;
	height:32px;
	vertical-align:middle;
}

.album_cover {
	/*background: url("images/landscape1.jpg") no-repeat scroll center 0px / cover;*/
	background: #7f7f7f; /* Old browsers */
	background: #c0c0c0; /* Old browsers */
	background: -moz-linear-gradient(top, #c0c0c0 1%, #404040 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #c0c0c0 1%,#404040 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #c0c0c0 1%,#404040 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#404040',GradientType=0 ); /* IE6-9 */
	background-color:rgba(0,0,0,.5);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:center center;
	background-size:cover;
	color:#fff;
	text-align:center;
	position:relative;
	max-width:1920px;
	margin-top:50px;
	margin-bottom:-60px;
	margin-left:auto;
	margin-right:auto;
	text-shadow:1px 1px 0px rgba(0,0,0,.5);
}

@media screen and (max-height: 480px) {
	.album_cover {
		margin-top:0px;
		margin-bottom:-10px;
	}
}

.album_cover a {
	color:#fff;
	font-weight:400;
}

.album_cover h1, .album_covver h2, .album_cover h3, .album_cover h4 {
	color:#fff;
}

.album_cover h1 { font-size: 40px;padding:6px 0px; }
.album_cover h2 { font-size: 30px;padding:5px 0px; }	
.album_cover h3 { font-size: 20px;padding:4px 0px; }
.album_cover h4 { font-size: 16px;padding:3px 0px; }

.album_cover_overlay {
	background-color: rgba(0,0,0,.6);
	padding:1.5vh 10px 1.5vh 10px;
}

@media screen and (min-width: 768px) {
	.album_cover_overlay {
		padding:1.5vh 15px 1.5vh 15px;
	}
}

/* Album Grid */

.album_grid {
	display:block;
	margin:0 -1%;
}

.album_grid:after {
	content: "";
  display: table;
  clear: both;
}

.album_grid-item {
	float:left;
	background: #7f7f7f; /* Old browsers */
	background: #c0c0c0; /* Old browsers */
	background: -moz-linear-gradient(top, #c0c0c0 1%, #404040 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #c0c0c0 1%,#404040 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #c0c0c0 1%,#404040 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#404040',GradientType=0 ); /* IE6-9 */
	background-color:rgba(0,0,0,.5);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:center center;
	background-size:cover;
	color:#fff;
	text-shadow:1px 1px 0px rgba(0,0,0,.5);
	position:relative;
	box-sizing:border-box;
	height:0px;
	max-width:250px;
	margin:1%;
	width:48%;
	padding-bottom:48%;
}

.album_grid-item:before, .album_grid-item:after {
	background: #aaa none repeat scroll 0 0;
	content: "";
	height: 1px;
	position: absolute;
}

.album_grid-item:before {
	top:-4px;
	left:10px;
	right:10px;
}

.album_grid-item:after {
	top:-2px;
	left:5px;
	right:5px;
}

.album_grid-item .mainlink {
	position:absolute;
	top:0px;
	left:0px;
	right:0p;
	bottom:0px;
	padding-bottom:48%;
	padding-right:100%;
}

.album_grid-item-details {
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	padding:6px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
	z-index:101;
	font-size:14px;
}

.album_grid-item-details a {
	display:block;
	color:#fff;
	font-weight:400;
	overflow:hidden;
	/*white-space:nowrap;
	text-overflow:ellipsis;*/
}

@media screen and (min-width: 480px) {
	.album_grid-item {
		width:31.33%;
		padding-bottom:31.33%;
	}
	
	.album_grid-item .mainlink {
		padding-bottom:31.33%;
	}
	
	.album_grid-item-details {
		padding:8px;
	}
}

@media screen and (min-width: 768px) {
	.album_grid-item {
		width:23%;
		padding-bottom:23%;
	}
	
	.album_grid-item .mainlink {
		padding-bottom:23%;
	}
	
	.album_grid-item-details {
		padding:10px;
		font-size:16px;
	}
}

@media screen and (min-width: 1024px) {
	.album_grid-item {
		width:18%;
		padding-bottom:18%;
	}
	
	.album_grid-item .mainlink {
		padding-bottom:18%;
	}
}

@media screen and (min-width: 1440px) {
	.album_grid-item {
		width:14.66%;
		padding-bottom:14.66%;
	}
	
	.album_grid-item .mainlink {
		padding-bottom:14.66%;
	}
}

@media screen and (min-width: 1680px) {
	.album_grid-item {
		width:12.285%;
		padding-bottom:12.285%;
	}
	
	.album_grid-item .mainlink {
		padding-bottom:12.285%;
	}
}

/* End Album Grid */

/* Block Grid */

.block_grid {
	display:block;
	margin:0px;
	max-width:1220px;
}

.block_grid:after {
	content: "";
  display: table;
  clear: both;
}

.block_grid-item {
	width:100%;
	margin-bottom:0px;
}

@media screen and (min-width:672px) {
	.block_grid {
		margin:0 -1%;
	}
	
	.block_grid-item {
		float:left;
		width:48%;
		margin:1%;
	}
}

@media screen and (min-width:1024px) {
	.block_grid {
		margin:0 -.75%;
	}
	
	.block_grid-item {
		float:left;
		width:48.5%;
		margin:.75%;
	}
}

@media screen and (min-width:1280px) {
	.block_grid {
		margin:0 auto;
	}
}

/* End Block Grid */

/* Begin dataTable */

.data_table {
	width:100%;
	border:none;
	box-sizing: border-box;
	border-collapse:collapse;
}

.data_table th {
	padding: 8px 10px;
	background-color:rgba(0,0,0,.05);
  border-bottom: 1px solid rgba(0,0,0,.15);
	border-right:1px solid rgba(0,0,0,.10);
	font-weight: 500;
}

.data_table tr th:last-child {
	border-right:none;
}

.data_table td {
	 padding: 8px 10px;
	 border-bottom:1px solid rgba(0,0,0,.1);
	 background-color:#fff;
}

.data_table tr:last-child td {
	border-bottom:none;
}

.data_table tr:nth-child(even) {
	
}

.data_table tr:nth-child(odd) {
	
}

/* End dataTable */

/* Begin Columns */

.column_parent {
	display:block;
	margin:0px 0px 20px 0px;
}

.column_parent:after {
	content: "";
  display: table;
  clear: both;
}

.column_33, .column_50, .column_66 {
	box-sizing:border-box;
	margin:0px;
	overflow:hidden;
}

@media screen and (min-width:736px) {
	.column_parent {
		margin:0px -1% 20px -1%;
	}
	
	.column_50 {
		float:left;
		margin:0px 1%;
	}
	
	.column_33, .column_66 {
		margin:0px 1%;
	}

	.column_50 {
		width:48%;
	}

}

@media screen and (min-width:800px) {
	.column_33, .column_66 {
		float:left;
		margin:0px 1%;
	}
	
	.column_33 {
		width:31.33%;
	}
	
	.column_66 {
		width:64.66%;
	}
}

/* End Columns */

.tooltip {
	position:absolute;
	right:0px;
	background-color:#fff;
	border:1px solid rgba(0,0,0,.25);
	border-radius:3px;
	box-shadow: 0px 0px 8px rgba(0,0,0,.3);
	padding:px;
	font-size:14px;
	line-height:18px;
	padding:5px 0px;
}

.tooltip a {
	display:block;
	margin:0px 0px;
	padding:5px 10px;
	color:#000;
}

.tooltip a:hover {
	background-color:rgba(0,0,0,.1);
}


#picmonkey_mask {
	position:fixed;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	background-color:#111111;
	opacity:.85;
	z-index:100;
	overflow:hidden;
}

#picmonkey_outer {
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left: 0;
	z-index: 110;
}

#picmonkeyDiv {
	position:fixed;
	top:0%;
	right:0%;
	bottom:0%;
	left:0%;
	/*padding:5px;*/
	padding:0px;
	overflow:hidden;
	background-color:#202020;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	z-index:110;
}


.uploads {
	width:100%;
	border-collapse:collapse;
	margin-bottom:20px;
}

.uploads_main_pane {
	border:1px solid rgba(0,0,0,.15);
	background-color:#fff;
	padding:15px;
}

.uploads_main_pane:after {
	content: "";
  display: table;
  clear: both;
}

.uploads_side_pane {
	padding:15px;
	border:1px solid rgba(0,0,0,.15);
	background-color:#fff;
}

.uploads_image_block {
	height:300px;
	box-sizing:border-box;
	overflow:hidden;
	/*margin:1% 1% 2% 1%;*/
	margin-bottom:15px;
}

@media screen and (min-width:416px) {
	.uploads_image_block {
		float:left;
		width:48%;
	}
	
	.uploads_image_block:nth-child(even) {
		margin-left:4%;
	}
}

@media screen and (min-width:667px) {
	.uploads_image_block {
		width:31.33%;
	}
	
	.uploads_image_block:nth-child(even) {
		margin-left:0%;
	}
	
	.uploads_image_block:nth-child(3n-1), .uploads_image_block:nth-child(3n) {
		margin-left:3%;
	}
}

@media screen and (min-width:768px) {
	.uploads {
		display:table;
	}
	
	.uploads_main_pane {
		display:table-cell;
		vertical-align:top;
	}
	
	.uploads_side_pane {
		display:table-cell;
		vertical-align:top;
		width:250px;
		box-sizing:border-box;
	}
	
	.uploads_image_block {
		width:48%;
	}
	
	.uploads_image_block:nth-child(3n-1), .uploads_image_block:nth-child(3n) {
		margin-left:0%;
	}
	
	.uploads_image_block:nth-child(even) {
		margin-left:4%;
	}
}

@media screen and (min-width:960px) {
	.uploads_image_block {
		width:31.33%;
	}
	
	.uploads_image_block:nth-child(even) {
		margin-left:0%;
	}
	
	.uploads_image_block:nth-child(3n-1), .uploads_image_block:nth-child(3n) {
		margin-left:3%;
	}
}

@media screen and (min-width:1120px) {
	.uploads_side_pane {
		width:300px;
	}
}

@media screen and (min-width:1280px) {
	.uploads_image_block {
		width:23%;
	}
	
	.uploads_image_block:nth-child(3n-1), .uploads_image_block:nth-child(3n) {
		margin-left:0%;
	}
	
	.uploads_image_block:nth-child(4n-2), .uploads_image_block:nth-child(4n-1), .uploads_image_block:nth-child(4n) {
		margin-left:2.666%;
	}
}

.uploads .uploads_image_block .delete_button {
	opacity:0;
	transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-webkit-transition: opacity .2s ease-in-out;
}

.uploads .uploads_image_block:hover .delete_button {
	opacity:1;
	transition: opacity .1s ease-in-out;
	-moz-transition: opacity .1s ease-in-out;
	-webkit-transition: opacity .1s ease-in-out;
}


/* Manage */

#manage {
	position:absolute;
	top:50px;
	left:0px;
	right:0px;
	bottom:0px;
	min-width:667px;
}

#manage_table {
	width:100%;
	box-sizing:border-box;
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
}

.manage_toolbar {
	vertical-align:middle;
	overflow:hidden;
	height:38px;
	padding:5px;
	box-sizing:border-box;
	background-color:#f0f0f0;
	border-bottom:1px solid rgba(0,0,0,.25);
}

#manage_left_panel {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	width:185px;
	vertical-align:top;
	background-color:#fff;
	box-sizing:border-box;
	font-size:12px;
}

#manage_left_panel_header {
	box-sizing:border-box;
	padding:5px;
	height:30px;
	text-align:center;
	background-color:rgba(0,0,0,.15);
	font-size:16px;
	border-right:1px solid rgba(0,0,0,.25);
}

#manage_left_panel_content {
	box-sizing:border-box;
	padding:5px;
	border-right:1px solid rgba(0,0,0,.25);
	position:absolute;
	top:68px;
	left:0px;
	bottom:0px;
	width:185px;
	overflow-y:auto;
}

#manage_left_panel_content a {
	display:block;
	margin: 3px 0;
	padding: 4px;
}

#manage_left_panel_content a:hover {
	background-color:#0053A1;
	color:#fff;
}

#manage_main_panel {
	display:table-cell;
	vertical-align:top;
	background-color:#fff;
	position:absolute;
	top:0px;
	left:185px;
	right:0px;
	bottom:0px;
	overflow-y:auto;
}

#manage_main_panel_header {
	padding:5px;
	text-align:center;
	background-color:rgba(0,0,0,.15);
	font-size:16px;
	height:30px;
	box-sizing:border-box;
}

#manage_main_panel_content {
	background-color:#fff;
	padding:5px;
	overflow-y:auto;
	position:absolute;
	top:68px;
	left:0px;
	right:0px;
	bottom:0px;
}

@media screen and (min-width: 768px) {
	#manage_left_panel {
		width:225px;
		font-size:13px;
	}
	#manage_left_panel_content {
		width:225px;
	}
	#manage_main_panel {
		left:225px;
	}
}

@media screen and (min-width: 1024px) {
	#manage_left_panel {
		width:275px;
		font-size:14px;
	}
	#manage_left_panel_content {
		width:275px;
	}
	#manage_main_panel {
		left:275px;
	}
}

/* End Manage */