/* jAlbum 37.1 with Saturn 123, Custom style, album creation date 2026-02-24 17:48 */
html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
html {
	background-color: #004080;
}
body {
	font-family: Verdana, sans-serif;
	color: #fffbf0;
	text-align: center;
}
body a {
	color: #fffbf0;
}
body a:hover {
	color: #e1f0ff;
}
a, audio, video {
	outline: none;
}
img, iframe {
	outline: none;
	border: none;
}
img {
	user-select: none;
}
#ja-themebox, #ja-themebanner, .ja-thumbimg img, .ja-thumbicon, .ja-ipimage img {
	animation: fadein 500ms;
}
.ja-slidetitle, .ja-slidecomment, .ja-slidectr, .ja-slidemeta {
	animation: fadein 2000ms;
}
@keyframes fadein {
	from {opacity: 0;}
	to {opacity: 1;}
}
#ja-themebox {
	max-width: 1680px;
	padding: 0px 20px;
	margin: 10px auto 20px;
}
#ja-themebox > div {
	padding: 20px;
	border-radius: 3px;
	background-color: #aac8eb;
}
#ja-themebox > div > div {
	min-height: 400px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	box-shadow: 10px 10px 10px rgb(0 0 0 / 0.5);
	background: linear-gradient(rgb(0 0 0 / 0.5), transparent), url("../ja-theme.jpg") center no-repeat;
	background-size: cover;
	background-clip: content-box;
}
#ja-themebox > div > div > div {
	margin: 0 auto;
	padding: 10px;
	position: relative;
}
#ja-nothemebox {
	max-width: 1680px;
	margin: 10px auto 20px;
}
#ja-nothemebox > div {
	margin: 0px 20px;
	background-color: #aac8eb;
	border-radius: 3px;
	box-shadow: 10px 10px 10px rgb(0 0 0 / 0.5);
}
#ja-nothemebox > div > div {
	margin: 0 auto;
	padding: 10px;
	position: relative;
}
.ja-pagetitle, .ja-pagedescription, .ja-pagetitleTI, .ja-pagedescriptionTI, .ja-pagetitleip, .ja-pagetitleipTI {
	max-width: 900px;
	margin: 0 auto;
}
.ja-pagetitle {
	color: #004080;
	font-size: 22px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-shadow: none;
	padding-bottom: 3px;
}
.ja-pagetitle a {
	color: #004080;
	text-decoration: underline;
}
.ja-pagetitle a:hover {
	color: #e1f0ff;
}
.ja-pagedescription {
	color: #004080;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-shadow: none;
}
.ja-pagedescription a {
	color: #004080;
	text-decoration: underline;
}
.ja-pagedescription a:hover {
	color: #e1f0ff;
}
.ja-pagetitleTI {
	color: #fffbf0;
	font-size: 36px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-shadow: 5px 5px 5px rgb(0 0 0 / 0.3);
	padding-bottom: 5px;
}
.ja-pagetitleTI a {
	color: #fffbf0;
	text-decoration: underline;
}
.ja-pagetitleTI a:hover {
	color: #e1f0ff;
}
.ja-pagedescriptionTI {
	color: #fffbf0;
	font-size: 26px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-shadow: 3px 3px 5px rgb(0 0 0 / 0.3);
}
.ja-pagedescriptionTI a {
	color: #fffbf0;
	text-decoration: underline;
}
.ja-pagedescriptionTI a:hover {
	color: #e1f0ff;
}
#ja-foldermenu {
	color: #000000;
	background-color: #dddcdc;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-shadow: none;
	padding: 5px 5px 5px 10px;
}
#ja-foldermenu a {
	color: #000000;
	text-decoration: none;
}
#ja-foldermenu a:hover {
	color: #ffffff;
}
#ja-foldermenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 10px;
}
#ja-foldermenu li {
	line-height: 26px;
	margin-right: 10px;
}
#ja-foldermenu img {
	vertical-align: text-top;
	height: 20px;
}
.ja-menuarrow {
	display: inline-block;
	width: 0px; 
	height: 0px; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 10px solid #000000;
}
#ja-navleft {
	width: 208px;
	height: 32px;
	text-align: left;
	float: left;
	font-size: 0px;
}
#ja-navleft img {
	width: 32px;
	margin-right: 20px;
	cursor: pointer;
}
#ja-navright {
	position: relative;
	width: 208px;
	height: 32px;
	text-align: right;
	float: right;
	font-size: 0px;
}
#ja-navright img {
	width: 32px;
	margin-left: 20px;
	cursor: pointer;
}
.ja-logo img, .ja-logoabove img {
	max-width: 100%;
}
.ja-infotxt {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-shadow: none;
	text-align: center;
	margin: 0px auto 15px;
	max-width: 900px;
	padding: 0px 10px;
}
.ja-infotxt a {
	text-decoration: underline;
}
.ja-infotxtbottom {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-shadow: none;
	text-align: center;
	margin: 0px auto 10px;
	max-width: 900px;
	padding: 0px 10px;
}
.ja-infotxtbottom a {
	text-decoration: underline;
}
#ja-fthumbs, #ja-thumbs {
	max-width: 1600px;
	margin: 0px auto 10px;
	padding: 15px 54px 0px;
	font-size: 0px; /* Hack to collapse whitespace between boxes */
}
#ja-fthumbs img, #ja-thumbs img {
	max-width: 100%;
	height: auto;
}
#ja-fthumbs > div {
	text-align: center;
	margin: 7.5px;
	max-width: 417px;
	vertical-align: top;
	display: inline-block;
	background-color: #aac8eb;
	border-radius: 3px;
}
#ja-fthumbs > div > div:first-of-type {
	display: table-cell;
	vertical-align: middle;
	width: 417px;
	padding: 10px;
}
#ja-thumbs > div {
	text-align: center;
	margin: 7.5px;
	max-width: 342px;
	vertical-align: top;
	display: inline-block;
	background-color: #aac8eb;
	border-radius: 3px;
}
#ja-thumbs > div > div:first-of-type {
	display: table-cell;
	vertical-align: middle;
	width: 342px;
	padding: 10px;
}
.ja-ovrel {
	position: relative;
	display: inline-block;
}
.ja-foldericon {
	background: #004080 url('folder.png') center/contain no-repeat !important;
	max-height: 250px;
}
.ja-thumbimg img, .ja-thumbicon {
	margin: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	box-shadow: 10px 10px 10px rgb(0 0 0 / 0.6);
}
#ja-fthumbs a:hover > img, #ja-thumbs a:hover > img, .ja-thumbicon:hover {
	border-color: #ffffff;
}
.ja-thumbimg img, .ja-thumbicon {
	transition: border-color 0.4s, box-shadow 0.4s, filter 1s;
}
.ja-videooverlay img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px !important;
	margin-left: -50px !important;
	width: 100px;
	border: none !important;
	border-radius: 0px;
	box-shadow: none !important;
}
.ja-newoverlay {
	position: absolute;
	top: 16px;
	right: 16px;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #fffbf0;
}
.ja-newiconoverlay {
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #fffbf0;
}
.ja-newoverlay span, .ja-newiconoverlay span {
	background-color: #004080;
	padding: 0px 3px;
}
.floatbox .ja-newoverlay span, .floatbox .ja-newiconoverlay span {
	cursor: zoom-in;
}
.nofloatbox .ja-newoverlay span, .nofloatbox .ja-newiconoverlay span {
	cursor: pointer;
}
.ja-fthumbcaption, .ja-thumbcaption {
	color: #004080;
	overflow-wrap: break-word;
	padding: 0px 5px 10px;
}
.ja-foldertitle {
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-shadow: none;
}
.ja-foldertitle a {
	color: #004080;
	text-decoration: underline;
}
.ja-foldertitle a:hover {
	color: #e1f0ff;
}
.ja-fcount {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	font-variant: normal;
	text-shadow: none;
}
.ja-imagetitle {
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-shadow: none;
}
.ja-imagetitle a {
	color: #004080;
	text-decoration: underline;
}
.ja-imagetitle a:hover {
	color: #e1f0ff;
}
@media (max-width: 500px), (max-height: 500px) {
	.ja-imagetitle, .ja-imagecomment {
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
}
.ja-copyright {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	margin: 0px auto 8px;
	padding: 0px 10px;
	text-shadow: none;
}
.ja-copyright a {
	text-decoration: none;
}
.ja-credits {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	margin: 0px auto 10px;
	text-shadow: none;
}
.ja-credits a {
	font-weight: bold;
	text-decoration: none;
}
#ja-pagetop {
	background-color: #004080;
	position: fixed;
	bottom: 40px;
	left: 10px;
	opacity: 0.75;
	display: none;
}
#ja-pagetop img {
	width: 32px;
	padding: 10px 5px 5px;
}
#ja-pagetop:hover {
	cursor: pointer;
}
.ja-footer, .ja-footernoicon {
	padding: 5px 10px 5px;
	margin: 0px -1px;
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
	text-align: center;
	background-color: #262323;
	border-radius: 3px;
}
.ja-footer {
	min-height: 28px;
}
.ja-slidenavleft {
	height: 28px;
	float: left;
	font-size: 0px;
}
.ja-slidenavleft img {
	width: 28px;
	margin-right: 20px;
	cursor: pointer;
}
.ja-slidenavright {
	height: 28px;
	float: right;
	font-size: 0px;
	text-align: right;
}
.ja-slidenavright img {
	width: 28px;
	margin-left: 20px;
	cursor: pointer;
}
.ja-snav1 {
	width: 48px;
}
.ja-snav2 {
	width: 96px;
}
.ja-snav3 {
	width: 144px;
}
.ja-snav4 {
	width: 192px;
}
@media (max-width: 500px), (max-height: 500px) {
	.ja-snav4 {
		width: auto;
	}
}
.ja-cmodallink {
	float: left;
}
.ja-globe {
	float: left;
}
.ja-slidetitle, .ja-slidecomment {
	max-width: 900px;
	margin: 0 auto;
}
.ja-slidetitle, .ja-slidetitlemodal {
	font-family: Verdana, sans-serif;
	color: #dddddd;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	margin-bottom: 3px;
	text-shadow: none;
	user-select: text;
}
.ja-slidetitle a, .ja-slidetitlemodal a {
	color: #dddddd;
	text-decoration: underline;
}
.ja-slidetitle a:hover, .ja-slidetitlemodal a:hover {
	color: #5a5a5a;
}
.ja-slidetitlemodal {
	text-align: center;
	margin-bottom: 0px;
}
.ja-slidecomment {
	font-family: Verdana, sans-serif;
	color: #dddddd;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	margin-bottom: 3px;
	text-shadow: none;
	user-select: text;
}
.ja-slidecomment a {
	color: #dddddd;
	text-decoration: underline;
}
.ja-slidecomment a:hover {
	color: #5a5a5a;
}
.ja-captionmodal {
	padding: 5px;
	background-color: #262323;
}
#ja-navleftip {
	width: 52px;
	height: 32px;
	text-align: left;
	float: left;
	font-size: 0px;
}
#ja-navleftip img {
	width: 32px;
	margin-right: 20px;
	cursor: pointer;
}
#ja-navrightip {
	width: 52px;
	height: 32px;
	text-align: right;
	float: right;
	font-size: 0px;
}
.ja-pagetitleip {
	color: #004080;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-shadow: none;
	padding-bottom: 3px;
}
.ja-pagetitleip a {
	color: #004080;
	text-decoration: underline;
}
.ja-pagetitleip a:hover {
	color: #e1f0ff;
}
.ja-pagetitleipTI {
	color: #fffbf0;
	font-size: 36px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-shadow: 5px 5px 5px rgb(0 0 0 / 0.3);
	padding-bottom: 5px;
}
.ja-pagetitleipTI a {
	color: #fffbf0;
	text-decoration: underline;
}
.ja-ipbox {
	padding: 5px 30px 20px;
}
.ja-ipbox > div {
	max-width: 1600px;
	margin: 0 auto;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	border-radius: 3px;
	box-shadow: 10px 10px 10px rgb(0 0 0 / 0.6);
}
.ja-ipbox > div > div {
	border-radius: 2px;
	background-color: #aac8eb;
	overflow: hidden;
	padding-bottom: 5px;
}
.ja-ipimage {
	max-width: 200px;
	float: left;
	padding: 10px 25px 5px 15px;
}
.ja-ipimage img {
	width: 100%;
	height: auto;
	box-shadow: 10px 10px 10px rgb(0 0 0 / 0.25);
}
.ja-iptext {
	padding: 10px;
	color: #001d3b;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-shadow: none;
	text-align: justify;
}
.ja-iptext a {
	color: #001d3b;
	text-decoration: underline;
}
.ja-iptext a:hover {
	color: #3f3f3f;
}
.ja-ipcontact {
	color: #001d3b;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-shadow: none;
	padding: 10px;
	clear: both;
}
.ja-ipcontact a {
	color: #001d3b;
	text-decoration: none;
}
.ja-ipcontact a:hover {
	color: #3f3f3f;
}
.ja-ipcontact img {
	vertical-align: middle;
	padding: 0px 5px;
}
.ja-bodyopening, .ja-bodyclosing {
	margin: 5px;
}
.ja-disabled3 {
	opacity: 0.3;
}
.ja-disabled5 {
	opacity: 0.5;
	cursor: default !important;
}
.ja-hidden {
	display: none;
}
.ja-bodyspacer {
	height: 30px;
}
.fbContentWrapper {
	box-shadow: 10px 10px 10px rgb(0 0 0 / 0.6)
}
@media (max-width: 500px), (max-height: 500px) {
	.fbContentWrapper {
		box-shadow: none;
	}
} 
.fbx .fbItemNumber, .ja-slidectr {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	font-variant: normal;
	text-shadow: none;
}
.ja-slidectr {
	color: #dddddd;
}
@media (max-width: 500px), (max-height: 500px) {
	.ja-slidectr {
		display: none;
	}
}
.fbx.fbOverlay {
	cursor: zoom-out;
}
a.fbNextPanel {
	width: 55% !important;
	cursor: url('cursornext.png'), pointer !important;
}
a.fbPrevPanel {
	cursor: url('cursorprev.png'), pointer !important;
}
.fbPrev2 .fbxIcon, .fbNext2 .fbxIcon {
	font-size: 32px;
}
@media (max-width: 500px), (max-height: 500px) {
	.fbPrev2 .fbxIcon, .fbNext2 .fbxIcon {
		font-size: 24px;
	}
}
@media (min-width: 500px) and (min-height: 500px) {
	.fbx a.fbPrev2 {
		left: 0px;
	}
	.fbx a.fbNext2 {
		right: 0px;
	}
	.fbx a.fbPrev2, .fbx a.fbNext2 {
		position: fixed;
		visibility: visible !important;
		background-color: #aaaaaa;
	}
}
#ja-mapcanvas {
	width: 100%;
	height: 100%;
}
@media (max-height: 500px) {
	.ja-slidetitle {
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
}
@media (max-width: 500px), (max-height: 500px) {
	#ja-themebox > div > div {
		min-height: 268px;
		box-shadow: none;
	}
	#ja-themebanner, #ja-themebox {
		margin-bottom: 0px;
	}
	#ja-themebox {
		padding: 0px 10px;
	}
	#ja-themebox > div {
		padding: 10px;
	}
	#ja-thumbs, #ja-fthumbs {
		padding-left: 5px;
		padding-right: 5px;
	}
	#ja-thumbs > div {
		margin: 2px;
		max-width: 322px;
	}
	#ja-fthumbs > div {
		margin: 2px;
		max-width: 397px;
	}
	.ja-thumbimg img, .ja-thumbimg img:hover, .ja-thumbicon, .ja-thumbicon:hover {
		box-shadow: none;
		margin: 0px;
		box-sizing: border-box;
	}
	.ja-newoverlay {
		top: 6px;
		right: 6px;
	}
	.fbx .fbResizer {
		display: none;
	}
}
/*-- User added --*/

body a, body a:visited {
	color: #aac8eb;
}

body a.mail {
	color:#fffbf0;
	text-decoration: none;
}
  
#ja-pagetop {
	background-color: transparent;
}


#ja-themebox > div > div {
	background: linear-gradient(rgb(0 0 0 / 0.5), transparent), url("../ja-theme.jpg?v=0") center no-repeat;
	background-size: cover;
	background-clip: content-box;
}

.ja-iptext a:visited {
  color: #001d3b;
}

.footertwo {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-align: justify;
	text-shadow: none;
}

.iconfooter {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-shadow: none;
}

.ja-copyright, .ja-credits {
	font-size: 12px;
}

/* FreeFind */
td.search {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
	line-height: 0.6;
	padding-top: 5px;
	padding-bottom: 5px;
}

   .searchbox {
	width: 370px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}

@media (max-width: 965px), (max-height: 400px)  {
	 .searchbox {
		width: 300px;
	}
}

.button {
  width: 55px;
  font-family: tahoma, arial, helvetica, sans-serif;
  font-weight: bold;
  color: #004080;
  background-color: #aac8eb;
  border: 1px solid #004080;
  border-radius: 4px;
  box-shadow: 0 3px #768ba3;
}

.button:active {
  background-color: #aac8eb;
  box-shadow: 0 2px #222;
  transform: translateY(1px);
}

.box {
  font-family: tahoma, arial, helvetica, sans-serif;
  width: 300px;
  border: 2px inset #fffbf0;
  	border-radius: 4px;
}

@media (max-width: 965px), (max-height: 400px)  {
	 .box {
		width: 200px;
	}
}

   .ffse-ov0-cover {
	background:#000000;
	_background:#000000;
}
/* End FreeFind */

/* Railcam gofundme */
div.gfm-container {
	width: 424px;
	height: 145px;
	margin-right: auto;
	margin-left: auto;
}
@media (max-width: 512px), (max-height: 400px)  {
	div.gfm-container {
	width: 212px;
	height: 290px;
	}
}

div.gfm-embed {
	width: 212px;
	height: 48px;
	border-radius: 25px;
	overflow: hidden;
}
div.gfm-disclaimer {
	width: 60%;
}
/* End Railcam gofundme */

#sitelock {
	width: 100%;
	margin-bottom: 25px;
}

#sitelockimg {
	float: right;
	padding-right: 12px;
}

a[target="_blank"] {
	background: url(https://donjr.me/images/icons8-external-link-16.svg) center right no-repeat;
	padding-right: 16px;
}

.ja-pagetitleTI, .ja-pagetitleipTI {
	text-shadow: 3px 2px 3px rgb(0 0 0 / 1);
}

@media (max-width: 965px), (max-height: 400px) {
	.ja-pagetitleTI, .ja-pagetitleipTI {
		font-size: 24px;
	}
}

.ja-pagedescriptionTI {
	text-shadow: 2px 2px 2px rgb(0 0 0 / 1);
	text-align: justify;
}

@media (max-width: 965px), (max-height: 400px)  {
	.ja-pagedescriptionTI {
		font-size: 16px;
	}
}

.ja-slidecomment {
	text-align: justify;
}

.ja-slidecomment a, .ja-slidecomment a:visited {
	color: #86bcff;
}

.glossarydisclaimer {
	text-align: center;
}

@media (max-width: 995px), (max-height: 400px) {
	.glossarydisclaimer {
		text-align :justify;
	}
}

.gls-ja-pagedescriptionTI, .gls-ja-pagedescriptionWX  {
	max-width: 900px;
	margin: 0 auto;
	color: #fffbf0;
	font-size: 26px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-shadow: 2px 2px 2px rgb(0 0 0 / 1);
	text-align: center;
}

@media (max-width: 855px), (max-height: 400px)  {
	.gls-ja-pagedescriptionTI {
		text-align: justify;
	}
}

@media (max-width: 563px), (max-height: 400px)  {
	.gls-ja-pagedescriptionTI {
		font-size: 16px;
	}
}

@media (max-width: 585px), (max-height: 400px)  {
	.gls-ja-pagedescriptionWX {
		font-size: 16px;
	}
}

.ja-pagetitleWX {
	max-width: 900px;
	margin: 0 auto;
	color: #fffbf0;
	font-size: 36px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-shadow: 3px 2px 3px rgb(0 0 0 / 1);
	padding-bottom: 5px;
}

@media (max-width: 585px), (max-height: 400px) {
	.ja-pagetitleWX {
		font-size: 24px;
	}
}

@media (max-width: 475px)  {
	#glossary {
		text-align :justify;
	}
}

@media (max-width: 645px)  {
	#info2 {
		text-align :justify;
	}
}

#ww {
   margin: 40px auto;
   padding-top: 0.1px;
   padding-bottom: 0.1px;
   width: 400px;
   height: 240px;
   border-radius: 3px;
	 background-color: #aac8eb;
}

@media (max-width: 650px)  {
	#ww {
    height: 233px;
    width: 395px;
  }
}

.weatherwidget-io {
  width: 375px;
}

.weatherwidget-iocredit {
  width: 400px;
  height: 8px;
  font-size: 8px;
  margin-top: -40px;
  margin-bottom: 40px;
}

@media (max-width: 650px)  {
	.weatherwidget-iocredit {
   	  width: 395px;
  }
}

#nws {
   margin: 40px auto;
   width: 625px;
   height: 575px;
   border-radius: 3px;
	 background-color: #aac8eb;
}

@media (max-width: 650px)  {
	#nws {
   	    width: 345px;
	    height: 305px;
  }
}

#nws2 {
   margin: 40px auto;
   width: 625px;
   height: 625px;
   border-radius: 3px;
	 background-color: #aac8eb;
}

@media (max-width: 650px)  {
	#nws2 {
    	   width: 345px;
                    height: 332px;
  }
}

.nws2credit {
  width: 625px;
  height: 8px;
  font-size: 8px;
  margin-top: -40px;
  margin-bottom: 40px;
}

@media (max-width: 650px)  {
	.nws2credit {
   	   width: 345px;
  }
}

.weatherwidget-io, #nws > div > a > img, #nws2 > div > a > img {
	box-shadow: 10px 10px 10px rgb(0 0 0 / 0.6);
	margin: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

.weatherwidget-io:hover, #nws > div > a > img:hover, #nws2 > div > a > img:hover {
	border-color: #ffffff;
}

@media (max-width: 650px)  {
	.weatherwidget-io, #nws > div > a > img, #nws2 > div > a > img {     
	   box-shadow: none;
  }
}

@media (max-width: 650px)  {
  .wimg {     
   	width: 90%;
	  height: 90%;
  }
}

#music {
	margin: auto; 
	width: 33.33%;
}


@media (max-width: 965px)  {
	#music 
{
		width: 60%;
	}
}

@media (max-width: 650px)  {
	#music 
{
		width: 100%;
	}
}

/* Dark Mode */
@media (prefers-color-scheme: dark) {
  html {
	  background-color: #001428;
  }
  
  body {
	  color: #dddddd;
  }
  
/* FreeFind */
  .box {
    background-color: #3a4a5a;
    color: #dddddd;
    border-color: #7c848c;
  }

  .button:active {
    box-shadow: 0 2px #666;
  }
/* End FreeFind */

  .ja-fthumbcaption, .ja-thumbcaption, .ja-imagevideolength {
	  color: #aac8eb;
  }
  
  
.ja-thumbimg img, .ja-thumbicon, #ja-themebox > div > div {
  	border-color: #ffffff;
  }

  #ja-fthumbs a:hover > img, #ja-thumbs a:hover > img, .ja-thumbicon:hover {
	border-color: #000000;
}

.weatherwidget-io, #nws > div > a > img, #nws2 > div > a > img {
	border-color: #ffffff;
}

.weatherwidget-io:hover, #nws > div > a > img:hover, #nws2 > div > a > img:hover {
	border-color: #000000;
}

  .ja-iptext {
	  color: #fffbf0;
  }

  body a.mail {
	  background-color: #001428;
  }

  #ja-fthumbs > div, #ja-thumbs > div, #ja-themebox > div, .ja-iptext, .ja-ipbox > div > div, #ww, #nws, #nws2 {
    background-color: #004080;
  }

  .ja-ipbox > div {
    border-color: #6f6f6f;
    box-shadow: 10px 10px 20px #8e8e8e;
  }

  .ja-iptext a, .ja-iptext a:visited {
    color: #aac8eb;
  }
}
/* End Dark Mode */

.ja-iptext a:hover {
  color: #e1f0ff;
}

@media (max-width: 500px) {
  .ja-ipbox > div {
    box-shadow: none;
  }
}

#cmail {
	color: #dddddd;
}
