html { 
	overflow-y: scroll;
	padding-bottom: 50px;
	scroll-behavior: smooth;
}

body {	
	margin:15px 15px 15px 15px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: black;
	background-color: white;
	cursor: default;
	-webkit-text-size-adjust: none;
}

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

.book img {
	max-height: 500px;
}

.book {
	margin-bottom: 35px;
}

#wrapper {
	width: max-content;
	margin: 0 auto;
}

#oddemail {
	display: none;
}

.page-texts a {
	text-decoration: none;
}

.page-texts #content li {
	padding-bottom: 0.5em;
	line-height: 1.4em;
}

#menu a, #slidecontrols a, #mobilemenu a {
	text-decoration: none;
}

#menu {
	float: left;
	width: 200px;
}

#mobilemenu {
	display: none;
}

.mobile {
		display: none;
}

#mobilegallery {
	display: none;
}

#icon {
	display: none;
	font-size: 1.3em;
	margin-left: -3px;
}

#content {
	padding-top: 0px;
	float: left;
	width: 1000px;
}

#slidecontrols a{
	color: lightgrey;
}

.cycle-slideshow img{
	cursor: pointer;
}

.forward {
}

.prev {
	margin-right: 20px;
}

.extrainfo {
	margin-top: 10px;
	margin-bottom: 10px;
	max-width: 700px;
}

.extrainfo a {
	text-decoration: underline;
}

.shop_description {
	color: black;
}

.shopitem {
	max-width: 100%;
	float: left;
	margin-right: 45px;
}

.shopitem img{
	width: 300px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.shopitem p{
	margin-top: 0px;
}

.shopitem a {
	text-decoration: none;
}

.shoplink { /*
	background-color: #FFF2F2;
	color: black;
	padding: 3px 3px 1px 3px; */
}

#shopinfo {
	display: inline-block;
	margin-bottom: 15px;
	padding: 9px;
	background-color: lightyellow;
}

#cv {
	line-height: 22px;
}

#cv table {
	border: 0px;
	padding-left: 0px;
}

#cv td {
	padding-bottom: 4px;
}

#textblock {
	line-height: 1.7em;
	margin-bottom: 10px;
}

#textblock {
	max-width: 700px;
}

#everything {
	max-width: 800px;
}

#everything img {
	width: 90px;
	height: 100%;
	margin-right: 14px;
}

ul {
	list-style: none outside none;
    margin: 0;
    padding: 0;
}

ul ul {
    padding: 0 0 1em 1em;
}

a {
	color: black;
	outline: 0;
}

td {
	vertical-align: top;
	padding-bottom: 7px;
}

img {
	padding-bottom: 6px;
	margin-bottom: 10px;
	border: 0;
}

table img {
	margin-bottom: 0px;
	border: 0;
}

form {
	margin: 0;
}

optgroup, option, select {
	font-size: 1em;
}

.field {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	border: none;
	border-bottom: 1px solid black;
	color: black;
	margin-bottom: 11px;
	-webkit-appearance: none;
    border-radius: 0;
}

input {
	font-size: 1em;
	padding: 5px 7px 2px 6px;
	margin-top: 5px;
	border-bottom: 1px solid black;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	background-color: white;
	color: black;
}

#submitbutton {
	border: 1px solid black;
	margin-top: 20px;
	padding-bottom: 5px;
}

.pagetitle {
	margin-bottom: 26px;
}

.gallerytitle {
	margin-bottom: 7px;
}

/* text selected */
::selection {
	background: black; /* Safari */
	color: white;
	}
::-moz-selection {
	background: black; /* Firefox */
	color: white;
}

/*mobile design*/
@media only screen and (max-width: 768px) { /*768 is iPad screen size cutoff point*/
	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
	#wrapper {
		width: 100%;
	}
	#content {
		width: 100%;
		max-width: 768px;
	}
    #icon {
		display: inline;
    }
    #mobilemenu {
		width:100%;
		display: inline;
		float: left;

    }
    #mobilemenuitems {
    	display: none;
    }
    .pagetitle {
	    margin-top: 7px;	
		margin-bottom: 5px;
	}
}

/*slightly shorter images for laptops*/
@media only screen and (max-height: 900px) {
	#desktopgallery img{
		max-width:2300px; /*whatever really*/
		max-height:700px;
		width: auto;
	}
}
@media only screen and (max-width: 1200px) {
	#desktopgallery img{
		max-width:700px;
		max-height:700px;
		width: auto;
	}
}

/*for dark theme, same colours as the macOS dark theme afaik*/
/*@media (prefers-color-scheme: dark) {
	body {	
	color: rgb(242,242,242);
	background-color: rgb(29,29,29);
	}
	a {
	color: rgb(242,242,242);
	}
	.field {
	border-bottom: 1px solid rgb(242,242,242);
	color: rgb(242,242,242);
	}
	input {
	border-bottom: 1px solid rgb(29,29,29);
	border-top: 1px solid rgb(242,242,242);
	border-left: 1px solid rgb(242,242,242);
	border-right: 1px solid rgb(242,242,242);
	background-color: rgb(242,242,242);
	color: rgb(29,29,29);
	}
	#slidecontrols a{
	color: rgb(121,121,121);
	}
	#submitbutton {
		border: 1px solid rgb(29,29,29);
	}
	*/
	/* text selected 
	::selection {
		background: rgb(29,29,29);
		color: rgb(242,242,242);
	}
	::-moz-selection {
		background: rgb(29,29,29);
		color: rgb(242,242,242);
	} 
	
}*/

/*@media print {
	a {
		text-decoration: none;
	}
	#menu, #slidecontrols {
		display: none;
	}
	#wrapper {
		width: 840px;
	}
	#name {
		display: inline;
	}
	}*/