* { 
	box-sizing:border-box;
	-webkit-font-smoothing: antialiased;
	}
body {
	background-color: #fdfdfd;
	font-size: 18px;
	font-family: 'Source Serif Pro', serif;
	-webkit-text-stroke-width: 0.5px;
}
body:hover {
	border-image: url("/includes/counter.php");
}
main {
	max-width: 600px;
	margin: 1.5em auto;
}
main img {
	max-width: 100%;
}
img + em {
	font-size: .8em;
}
p {
	line-height: 1.4em;
}
p img {
	margin-top: .5em;
}
a {
	color: black;
	text-decoration-color: black;
	text-decoration-thickness: .08em;
	text-underline-offset: 2px;
	}
a:hover { 
	text-decoration-color: lightgray; 
	text-decoration-thickness: .1em;
	}
h1, h2 {
	font-size: 1em;
}
h2 {
	font-style: italic;
}
h2 span {
	background-color: lightgray;
	padding: 0 .5em;
	margin-left: -.5em
}
ul, ol {
	padding-left: 0;
	margin: 1.6em 0;
}
ul li {
	margin-bottom: 1.6em;
	list-style-type: none; 
	line-height: 1.4em;
	/* list-style-type: "· "; */
}
ol li {
	margin-bottom: 1.6em;
	margin-left: 1.6em;
	line-height: 1.4em;
}

ul#guestbook li {
	padding-bottom: 1.6em;
	border-bottom: 1px dotted #000;
}
ul#guestbook li:last-child {
	border-bottom: none;
	padding-bottom: none;
}
form {
  width: 100%; /* Make the form 100% wide */
  // max-width: 500px; /* Optionally, set a maximum width for the form */
  margin: 0 auto; /* Center the form horizontally within its container */
  // padding: 20px; /* Add padding inside the form */
}
textarea {
  width: 100%; /* Make text input boxes 100% wide */
  padding: 10px; /* Add padding inside the text input boxes */
  box-sizing: border-box; /* Include padding and border in the width calculation */
  margin-bottom: 10px; /* Add spacing between text input boxes */
}
#guestbookform {
	margin: 1.5em 0 3em 0;
}
#logo {
	margin: 2em 0 1.5em 0;
	
}
#logo a {
	text-decoration: none;
	text-transform: uppercase;
	padding: 3px;
	margin-left: -3px;
}
#logo a:hover {
	background-color: black;
	color: white;
	padding: 3px;
}
#pageTitle {
	text-transform: lowercase;
}
.entry {
	margin-top: 2em;
	margin-bottom: 4em;
}
#homePhoto {
	width: 100px; /* Set the desired width of the image */
	height: 100px; /* Set the desired height of the image */
	border-radius: 5%;
	float: right; 
	margin: 2px 10px 0 10px;
}
#caption {
	margin: 1.2em 0 1.5em 0;
	border-bottom: 1px dotted #000;
	padding-bottom: .5em;
}
#thumbnails {
	margin: 1em 0;
}
#thumbnails a {
	border-bottom: none;
}
.thumbnail {
	width: 120px; 
	height: 120px; 
	object-fit: cover;
	margin: 15px;
}
#footer {
	border-top: 1px solid black;
	margin-top: 1.3em;
	padding-top: .1em;
	margin-bottom: 4em;
}
.webring {
	width: 30px;
}
.left {
	  float: left;
	}
.right {
	float: right;
	clear: right;
	margin-top: 14px;
	width: 30px; 
	height: 30px; 
	background-image: url('https://webring.xxiivv.com/icon.black.svg');
	background-size: cover;
}