/* RAMBLES BLOG STYLESHEET */

/* element styles */
a:link, a:visited {
	color: darkblue;
	background: transparent;
	text-decoration: underline;
	text-decoration-style: dotted;
	border-style: none;
}
a:hover {
	background: lemonchiffon;
	text-decoration: underline;
	text-decoration-style: solid;
	border-style: none;
}
a:focus {
	color: white;
	background: black;
	text-decoration: underline;
	text-decoration-style: solid;
	border-style: dotted;
	border-width: 1px;
	border-color: gold;
}
a.navlnk, a:visited.navlnk {
	padding: 0.2em 0.6em 0.3em 0.6em;
	color: black;
	background: gainsboro;
	border-style: dotted;
	border-radius: 0.4em;
	border-width: 1px;
	border-color: black;
}
a:hover.navlnk {
	padding: 0.2em 0.6em 0.3em 0.6em;
	color: blue;
	background: yellow;
	border-style: solid;
	border-radius: 0.4em;
	border-width: 1px;
	border-color: blue;
}
a:focus.navlnk {
	color: white;
	background: black;
}
a.os, a:visited.os {
	color: darkred;
	background: transparent;
}
a:hover.os {
	color: crimson;
	background: aliceblue;
}
a:focus.os {
	color: white;
	background: black;
}
a.self, a:visited.self {
	color: darkgreen;
	background: transparent;
}
a:hover.self {
	color: green;
	background: azure;
}
a:focus.self {
	color: white;
	background: black;
}
body {
	background: dimgray;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 100%;
	min-width: 1150px;
}
dd {
	margin: 0em auto 0em 2em;
}
dl, ol, ul {
	margin: 0.75em auto 1.25em 1.5em;
	font-size: 1.15em;
	line-height: 133%;
}
dt {
	margin: 1em auto 0em 0.5em;
}
li {
	margin-top: 0.5em;
	margin-bottom: 0em;
}
p {
	color: black;
	margin-top: 0.3em;
	margin-bottom: 0em;
	font-size: 1.2em;
	text-indent: 1em;
	line-height: 140%;
}
sub, sup {
	font-size: 0.6em;
}


/* page layout styles */
#feedback {
	margin-top: 3em;
}
#intro {
	margin-top: 0em;
	margin-bottom: 2em;
	text-indent: 0em;
	font-size: 1.2em;
	color: #0f3f00;
}
#pretitle {
	margin-top: 0em;
	margin-bottom: 0.3em;
	font-size: 1.2em;
	font-weight: normal;
	font-style: normal;
	color: darkslategray;
	text-indent: 0em;
	line-height: 120%;
	text-align: left;
}
#subtitle {
	margin-top: 0em;
	margin-bottom: 1em;
	color: indigo;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 130%;
}
#thin {
	position: fixed;
	top: 5px;
	left: 5px;
	width: 250px;
	background: #f7ffef;
	margin: 0em;
	padding: 0.7em 0.6em 0.4em 0.6em;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: center;
	border-style: solid;
	border-radius: 0.4em;
	border-width: 1px;
	border-color: saddlebrown;
}
#thin_subtitle {
	margin-top: 0em;
	margin-bottom: 1.5em;
	font-size: 0.95em;
	color: darkslategray;
	margin-bottom: 1em;
	font-weight: normal;
	line-height: 115%;
}
#thin_title {
	margin-top: 0em;
	margin-bottom: 0.2em;
	font-size: 1.4em;
	color: indigo;
	font-weight: normal;
	line-height: 125%;
}
#title {
	margin-top: 0em;
	margin-bottom: 0.5em;
	color: darkgreen;
	font-size: 2.6em;
	font-weight: normal;
	line-height: 115%;
}
#walk {
	width: 1000px;
	margin: 0.5em auto 2em auto;
	padding: 0.8em 1.2em 0.5em 1.2em;
	background: white;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 1.10em;
	color: black;
	text-align: left;
	line-height: 140%;
	border-style: solid;
	border-radius: 0.5em;
	border-color: darkgreen;
	border-width: 2px;
}
.bgnd {
	position: fixed;
	top: 5px;
	left: 5px;
	height: 40px;
	width: 40px;
	background: transparent;
	margin: 0em;
	padding: 0em;
	text-align: center;
	vertical-align: middle;
}


/* slide display */
#display_title {
	margin-top: 0em;
	margin-bottom: 0.5em;
	color: wheat;
	font-size: 1.4em;
	text-align: center;
	font-weight: normal;
}
#display_image {
	width: 800px;
	height: 500px;
	margin: 0.3em 0.3em 0.3em 0.8em;
	padding: 0em;
	border-style: solid;
	border-color: #2f2f2f;
	border-width: 2px;
}
#display_label {
	width: 800px;
	background: black;
	color: yellow;
	font-size: 1.25em;
	text-align: left;
	margin: 0.3em;
	padding: 0em;
	border-style: none;
}
#slide_display {
	float: left;
	margin: 0.3em 0em 0.3em 0.3em;
	text-align: center;
}
#slide_map_text {
	width: 140px;
	margin-top: 0.3em;
	margin-left: 0.6em;
	padding: 0.1em 0.2em 0.4em 0.3em;
	font-size: 0.9em;
	line-height: 107%;
	color: lemonchiffon;
	text-align: center;
	background: rgba( 25, 25, 25, 0.6);
	border-style: dotted;
	border-color: dimgray;
	border-width: 1px;
	border-radius: 0.6em;
}
#slide_select {
	float: right;
	margin: 0.2em 0.5em 1em 0em;
	padding: 0em;
}
#slide_select_text {
	width: 140px;
	margin-top: 0.3em;
	margin-left: 0.6em;
	font-size: 0.9em;
	color: lemonchiffon;
	text-align: center;
}
#slides_display {
	width: 102%;
	margin: 1.5em 0em 2em -0.9em;
	padding: 0.8em 0.3em 0.9em 0.3em;
	background: black;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 1em;
	color: yellow;
	text-align: left;
	line-height: 140%;
	border-style: solid;
	border-radius: 0.5em;
	border-color: darkslategray;
	border-width: 1px;
}
#slide_index {
	width: 140px;
	color: gold;
	font-size: 1.35em;
	background: black;
	color: yellow;
	text-align: left;
	margin: 0.1em;
	padding: 0em;
	border-style: none;
}
#slide_total {
	width: 25px;
	color: gold;
	font-size: 1.25em;
	background: black;
	color: yellow;
	text-align: left;
	margin: 0.1em;
	padding: 0em;
	border-style: none;
}
.button {
	width: 90px;
	font-size: 0.95em;
	font-weight: bold;
	color: navy;
	background: gainsboro;
	margin: 0em 0.1em 0em 0.1em;
	padding: 0em 0.4em 0.1em 0.1em;
	text-align: center;
	text-indent: 0em;
	vertical-align: middle;
}
.caption_box {
	resize: none;
	width: 95%;
	height: 90px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.05em;
	color: gold;
	background: black;
	border-style: none;
}
.image_tab {
	display: inline-block;
	width: 70px;
	margin: 0em 0em 0em 0em;
	padding: 0em;
	text-align: center;
	vertical-align: middle;
	color: black;
	background: transparent;
	border-style: none;
}
.screenreader {
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.slides {
	margin: 0.8em 0.9em 0em 0.9em;
	font-size: 0.85em;
	color: gold;
	text-indent: 0em;
	text-align: left;
	line-height: 140%;
}
.slide_icon {
	width: 70px;
	height: 45px;
	margin: 0.1em;
	padding: 0em;
	border-style: solid;
	border-color: darkgreen;
	border-width: 1px;
}
.slide_select {
	width: 70px;
	height: 45px;
	margin: 0.1em;
	padding: 0em;
	border-style: solid;
	border-color: red;
	border-width: 1px;
}
a:link.maplnk, a:visited.maplnk {
	background: transparent;
	color: khaki;
	font-size: 0.9em;
}
a:hover.maplnk {
	background: khaki;
	color: blue;
}
a:focus.maplnk {
	color: black;
	background: yellow;
}
a:link.slide_link, a:visited.slide_link, a:hover.slide_link {
	background: transparent;
	color: transparent;
}
a:focus.slide_link {
	color: black;
	background: yellow;
}
button:focus {
	color: navy;
	background: red;
}


/* bookmarks box */
.bookmarks_box {
	margin: 1em -0.4em 2.5em -0.4em;
	padding: 0.4em 0.8em 0.8em 0.8em;
	font-size: 1.05em;
	background: oldlace;
	border-style: dotted;
	border-color: #001f00;
	border-width: 1px;
	border-radius: 0.6em;
}
.bookmarks_info {
	font-size: 0.85em;
	color: #003f00; 
}
.bookmarks_item {
	margin-top: 0em;
	margin-bottom: 0em;
	font-size: 0.8em;
	color: #003f00;
}
.bookmarks_link {
	margin-top: 1.5em;
	margin-bottom: 1em;
	font-size: 0.8em;
	font-weight: normal;
	text-indent: 0em;
}
.bookmarks_list {
	margin: 0em auto 0em 0em;
	list-style-type: decimal;
}
.bookmarks_title {
	margin-top: 0em;
	margin-bottom: 0em;
	font-size: 1em;
	font-weight: normal;
	color: #001f00;
	text-indent: 0em;
}


/* blog standard intro */
.blogintro {
	width: 415px;
	float: right;
	margin: -0.5em -0.7em 2em 1.5em;
	padding: 0.5em 0.8em 0.4em 0.8em;
	font-family: "Century Gothic", Calibri, Arial, sans-serif;
	color: #003f00;
	background: mintcream;
	margin-top: -0.5em;
	margin-right: -0.7em;
	text-align: right;
	border-style: dotted;
	border-radius: 0.6em;
	border-color: indigo;
	border-width: 1px;
}
.blogintroimg {
 	float: right;
	width: 190px;
	height: 240px;
	margin: 0em 0em 0.5em 1.2em;
	padding: 0em;
	border-style: solid;
	border-color: darkgreen;
	border-width: 1px;
}
.blogintrottl {
	margin-top: 0em;
	margin-bottom: 0.4em;
	font-size: 1.1em;
	font-weight: normal;
	font-style: normal;
	line-height: 110%;
}
.blogintrotext {
	margin-top: 0em;
	margin-bottom: 0.4em;
	font-size: 0.95em;
	font-weight: normal;
	font-style: normal;
	line-height: 110%;
}


/* panorama styles */
.panorama_frame {
	width: 970px;
	padding: 0em;
	overflow-x: scroll;
	overflow-y: visible;
	border-style: solid;
	border-width: 2px;
	border-color: black;
}
.panorama {
	color: saddlebrown;
	font-size: 0.9em;
	text-align: center;
	margin-top: 0.2em;
	margin-bottom: 3em;
}
.pantitle {
	color: indigo;
	font-size: 1.3em;
	font-weight: normal;
	text-align: center;
	margin-top: 4em;
	margin-bottom: 0.2em;
}
.pansubtitle {
	font-size: 0.7em;
	color: navy;
	font-style: italic;
}



/* style classes */
.border {
	padding: 0em;
	margin: 0.25em;
	border-style: solid;
	border-color: darkgreen;
	border-width: 1px;
}
.ccbyncsa {
	float: left;
	margin: 0.3em 2em 3em 0em;
	width: 100px;
	height: 35px;
	border-style: none;
}
.ccbyncsa_r {
	float: right;
	margin: 0.2em 0em 0em 1em;
	width: 100px;
	height: 35px;
	border-style: none;
}
.coda {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1.3em;
	color: purple;
}
.copyright {
	margin-top: 0em;
	margin-bottom: 0em;
	font-size: 0.75em;
	color: #2f2f4f;
	text-indent: 0em;
	line-height: 140%;
}
.heading {
	margin-top: 2em;
	margin-bottom: 0.5em;
	font-size: 1.65em;
	font-weight: normal;
	font-style: normal;
	color: darkred;
	line-height: 120%;
	text-align: left;
}
.image_caption {
	font-size: 0.95em;
	font-weight: normal;
	font-style: normal;
	color: saddlebrown;
	line-height: 120%;
	text-align: center;
	text-indent: 0em;
}
.introduction {
	font-size: 1.3em;
	color: #5f3f1f;
}
.large {
	font-size: 1.2em;
}
.left {
	float: left;
	margin: 1em 3em 2em 0em;
	padding: 0.6em 1.2em 0.8em 1.2em;
	text-align: left;
	background: transparent;
	border-style: dotted;
	border-color: saddlebrown;
	border-width: 1px;
	border-radius: 0.67em; 
}
.left_image {
	float: left;
	margin: 1em 2em 1em 0em;
	padding: 0em;
	border-style: solid;
	border-color: darkgreen;
	border-width: 1px;
	border-radius: 0em; 
}
.left_none {
	float: left;
	margin: 1em 3em 2em 0em;
	padding: 0em;
	background: transparent;
	text-align: left;
	border-style: none;
}
.mini {
	font-size: 0.75em;
}
.mono {
	font-family: "Courier New", "Lucida Console", Monaco, monospace;
}
.native {
	font-family: Tahoma, Helvetica, sans-serif;
	font-style: normal;
}
.none {
	border-style: none;
	margin: 0em auto 0em auto;
}
.outro {
	font-size: 1.25em;
	color: darkslategray;
}
.quote {
	margin-top: -0.2em;
	margin-bottom: 0.5em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 110%;
	font-style: italic;
	line-height: 120%;
}
.quotesrc {
	margin-top: -0.6em;
	margin-bottom: 1.2em;
	font-family: Tahoma, Helvetica, sans-serif;
	font-style: normal;
	font-size: 0.9em;
	text-align: right;
}
.right {
	float: right;
	margin: 1em 0em 2em 3em;
	padding: 0.6em 1.2em .8em 1.2em;
	text-align: right;
	background: transparent;
	border-style: dotted;
	border-color: darkred;
	border-width: 1px;
	border-radius: 0.67em; 
}
.right_image {
	float: right;
	margin: 1em 0em 1em 2em;
	padding: 0em;
	border-style: solid;
	border-color: darkgreen;
	border-width: 1px;
	border-radius: 0em; 
}
.right_none {
	float: right;
	margin: 1em 0em 2em 3em;
	padding: 0em;
	background: transparent;
	text-align: right;
	border-style: none;
}
.small {
	font-size: 0.95em;
}
.subheading {
	margin-top: 1.8em;
	margin-bottom: 0.3em;
	font-size: 1.5em;
	font-weight: normal;
	font-style: normal;
	color: saddlebrown;
	line-height: 120%;
	text-align: left;
}
.ud {
	text-decoration: underline;
	text-decoration-style: dotted;
}
.ul {
	text-decoration: underline;
	text-decoration-style: solid;
}
.url {
	font-family: "Courier New", "Lucida Console", Monaco, monospace;
	color: darkslategray;
}
.walkdate {
	margin-top: 0em;
	margin-bottom: 0.5em;
	font-size: 1.05em;
	color: darkslategray;
	font-weight: normal;
	line-height: 115%;
}
.walkdata {
	margin-top: 0em;
	margin-bottom: 0.5em;
	font-size: 0.95em;
	color: dimgray;
	font-weight: normal;
	line-height: 115%;
}
.walknav {
	margin-top: 2em;
	margin-bottom: 1.5em;
	font-size: 0.8em;
	color: darkgreen;
	font-weight: normal;
	line-height: 180%;
	text-align: right;
	text-indent: 0em;
}