/* Robert Ransom — TerraFirma theme (clean rebuild) */

* { padding: 0; margin: 0; }

body {
	background: #F9F9F7 url(../images/theme/a1.gif) repeat-x;
	font-size: 70%;
	font-family: Verdana, "Trebuchet MS", helvetica, sans-serif;
	color: #3a3a3a;
	line-height: 18px;
}

a { color: #f03300; text-decoration: none; border-bottom: #f03300 1px dashed; }
a:hover { border-bottom: #f03300 1px solid; }
p { margin-bottom: 14px; }
ul, ol { margin: 1em; padding: 0; }
li { margin: 0 1em; padding: 5px 0; }
img { border: #ccc 1px solid; }
h1,h2,h3,h4,h5,h6 { font-family: Georgia, "Lucida Sans Unicode", Tahoma, Arial, Serif; }

/* Layout */
#upbg {
	position: absolute; top: 0; left: 0;
	background: #fff url(../images/theme/upbg.gif) no-repeat;
	width: 747px; height: 264px; z-index: 1;
}
#outer {
	position: relative; width: 747px; margin: 0 auto;
	background: #fff url(../images/theme/abg.gif) repeat-y;
}
#inner {
	position: relative; padding: 13px 30px; z-index: 2;
}

/* Header */
#header {
	position: absolute;
	background: #FF7800 url(../images/theme/a8.gif) repeat-x;
	width: 202px; height: 92px;
	color: #fff; padding-left: 20px;
}
#header h1 { font-size: 170%; line-height: 1em; margin: 10px 0 0 0; }
#header h1 a { color: #fff; border: none; }
#header h2 {
	font-size: 100%; font-weight: normal;
	color: #FCE2CA; margin: 5px 0;
	font-family: "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Serif;
}
#splash {
	position: absolute; right: 30px;
	background: #EAEAE2 url(../images/theme/a10.jpg) no-repeat;
	width: 458px; height: 92px;
}

/* Nav */
#menu {
	position: relative;
	background: #46461F url(../images/theme/a16.gif) repeat-x;
	height: 67px; padding: 0 20px 0 5px;
	margin: 98px 0 20px 0;
	font-family: Tahoma, Georgia, Arial, Verdana, Serif;
	text-transform: uppercase;
}
#menu ul { margin: 0; padding: 0; }
#menu ul li { display: inline; line-height: 52px; margin: 0 10px 0 0; padding-left: 3px; }
#menu ul li a { padding: 8px; font-size: 12px; font-weight: bold; color: #fff; border-bottom: none; }
#menu ul li a:hover,
#menu ul li.active a {
	background: #fff url(../images/theme/a18.gif) repeat-x top;
	color: #4A4A24;
}

/* Content */
#content { position: relative; width: 480px; float: left; }
#content .post-header {
	background: url(../images/theme/a22.gif) bottom repeat-x;
	padding: 0 0 10px 10px; margin-bottom: 20px;
}
#content h3 { font-size: 18px; line-height: 25px; color: #656551; }
#content h3 a { border-bottom: none; color: #656551; }
#content h3 a:hover { border-bottom: #656551 1px solid; }
#content ul {
	margin: 1em; padding: 0 1em;
	list-style-image: url(../images/theme/bullet.gif);
}
#content .entry { padding: 0 15px; margin-bottom: 20px; }
#content .post { margin-bottom: 30px; }
#content .post-footer {
	clear: both;
	background: url(../images/theme/a33.gif) repeat-x bottom;
	padding: 10px 0;
}

/* Sidebar */
#sidebar { position: relative; width: 180px; float: right; }
#sidebar h2 {
	font-size: 16px; color: #656551;
	background: url(../images/theme/border.gif) bottom repeat-x;
	padding: 0 0 15px 0; margin: 10px 0;
	text-transform: uppercase;
	font-family: Arial, Georgia, Tahoma, Verdana, Serif;
}
#sidebar ul { list-style: none; padding: 0 10px; margin: 0 0 20px 0; }
#sidebar ul li { padding: 3px 0; margin: 0; }
#sidebar a { border-bottom: none; }
#sidebar a:hover { border-bottom: 1px solid; }

/* Footer */
#footer {
	position: relative; clear: both;
	text-align: center;
	border-top: #e8e8de 1px solid;
	background: #fafaf8; color: #A8A88D;
	padding: 10px; margin: 0;
}
#footer a { color: #6C6C63; border: none; }
#footer a:hover { color: #acacac; text-decoration: underline; }

/* Gallery grid (images page) */
.gallery-grid {
	display: flex; flex-wrap: wrap;
	gap: 20px; justify-content: center;
	padding: 10px 0;
}
.gallery-item { text-align: center; width: 200px; }
.gallery-item a { border-bottom: none; }
.gallery-item img {
	max-width: 200px; max-height: 180px;
	width: auto; height: auto;
	display: block; margin: 0 auto 6px auto;
}
.gallery-item span {
	font-size: 11px; color: #555;
}

#header, #content, #sidebar, #footer { overflow: hidden; }
