@charset "utf-8";

/* SCarsonPhoto site stylesheet — replaces the inline <style> blocks
   that used to be repeated in every page. */

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	color: #FFC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	line-height: 1.4;
	background-color: #000;
}

a:link,
a:visited {
	color: #FFC;
	text-decoration: underline;
}

a:hover,
a:active,
a:focus {
	color: #FC6;
	text-decoration: none;
}

a img {
	border: none;
}

.container {
	width: 80%;
	max-width: 1260px;
	background: #FFF;
	margin: 0 auto;
}

img {
	max-width: 100%;
	height: auto;
}

table {
	max-width: 100%;
}

@media (max-width: 780px) {
	.container {
		width: 100%;
	}
}

.content {
	padding: 10px 0;
	background-color: #000;
}

.content ul,
.content ol {
	padding: 0 15px 15px 40px;
}

/* ~~ Header & nav ~~ */

.site-header {
	width: 789px;
	max-width: 100%;
	margin: 0 auto;
}

.site-logo {
	display: block;
}

.site-nav ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.5rem;
	list-style: none;
	margin: 0.5rem 0;
	padding: 0 15px;
	justify-content: flex-end;
}

.site-nav a {
	text-decoration: underline;
}

/* ~~ Footer ~~ */

.site-footer {
	width: 791px;
	max-width: 100%;
	margin: 0 auto;
}

.site-footer .site-nav ul {
	justify-content: flex-end;
}

.site-footer p {
	font-size: 0.83em;
}

.site-footer p:last-child {
	font-size: 0.67em;
}

/* ~~ misc ~~ */

.fltrt {
	float: right;
	margin-left: 8px;
}

.fltlft {
	float: left;
	margin-right: 8px;
}

.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

/* ~~ Gallery pages ~~ */

body.gallery,
body.gallery img {
	cursor: wait; /* reset to default/pointer by subgallery.js / maingallery.js once thumbnails finish loading */
}

.floatingTop {
	position: fixed;
	bottom: 2%;
	right: 2%;
}