/*********************************
LIGHT THEME APPENDED STYLES
**********************************/

@import url('https://fonts.googleapis.com/css?family=Merriweather:400,900,400italic,900italic&display=swap');

html {
	font-family: "Merriweather", "Georgia", serif;
	line-height: 1.5;
}

body {
	background-color: #eeeeee;
	background-image: url(/images/rivets-red.png);
	color: black;
}

#page-background {
	background-image: url(/images/edge2-left.png),url(/images/edge2-right.png);
	background-color: whitesmoke;
}

a:link {
	color: #0054f5;
}

a:visited {
	color: #00359b;
}

a:hover {
	color: #b30000;
}

a:active {
	color: red;
}

#skip-link,
#skip-link:visited {
	color:white;
}

h1,
h2,
h3,
h4,
h5,
h6,
.hc,
.heading-tag,
.eptitle {
	color: #b30000;
}

#search-box {
	background-color: whitesmoke;
	color: black;
	border-color: gray;
}

/*
#search-box h3 {
	color:white;
}*/

.comment-pagenav {
	color: black;
}

.article-page article header,
.header-quote,
.byline,
.starrating,
.dateline,
figure,
.photobox,
.headline,
.blue,
.credits,
.pubdate {
	color: #5b5b5b;
}

.header-quote {
	border-left-color: #bbbbbb;
}

.homepage #site-logo p {
	color: #b30000;
	font-weight: bold;
}

#header-icons.stickybg {
	background-color: #f5f5f5dd;
}

#site-menu {
	background-color: #5d5d5d;
}

#site-menu h3 {
	font-size: 1.1rem;
	color: white;
}

#site-menu a {
	font-size: 0.9rem;
	color: black;
	background-color: whitesmoke;
	background-image: linear-gradient(#fdfdfd, #bbbbbb);
	text-shadow: none;
}

#topstory-box {
	border:1px solid gray;
}

#topstory-caption-top {
	background-image: linear-gradient(#fdfdfd, #ababab);
	border-bottom: 1px solid gray;
	color: black;
	text-shadow: none;
}

#topstory-caption-btm {
	background-image: linear-gradient(#fdfdfd, #ababab);
	border-top: 1px solid gray;
}

#topstory-caption-btm h3 {
	color: black;
	text-shadow: none;
}

.index-page #body-text ul li span a:hover {
	color: #b30000;
}

.index-page #body-text ul li span a:active {
	color: red;
}

#body-text blockquote {
	color: #757575;
	border-left-color: #999999;
}

.button, .largebutton {
	font-family: "Merriweather", "Georgia", serif;
	text-shadow: none;
	color:black;
	background-color: #2d2d2d;
	font-weight: normal;
	border: 1px solid #e9e9e9;
	background-image: linear-gradient(#fdfdfd, #939393);
}

.button:link,
.button:visited,
.largebutton:link,
.largebutton:visited {
	color: black;
}

.button:hover,
.largebutton:hover {
	border-color: #5b5b5b;
	color: black;
}

.button:active,
.largebutton:active {
	border-color: #c07d00;
}

.largebuttonred {
	background-image: url(/images/btn-red.png);
	background-color: #670f0f;
	border-color: #670f0f;
}

.largebuttonred:link,
.largebuttonred:visited {
	color: white;
}

footer {
	border-top: 1px solid black;
	background-color: #b30000;
	background-image: url(/images/lines-red.png);
	color: white;
}

footer a:link,
footer a:visited {
	color: #ffe8bc;
}

#comment-search-box,
#quick-filter,
.comment-box {
	background-color: #efefef;
	/* background-image: url(/images/rivets-whitesmoke.png); */
	background-image: none;
	font-size: 0.9em;
}

.x-btn {
	border-color: gray;
	background-color: white;
	background-image: url(/images/x-btn-white.png);
}

.x-btn:hover {
	border: 1px solid lightgray;
}

.comment-box h4 a:link {
	color: #b30000;
}

.comment-box h4 a:visited {
	color: #b30000;
}

.comment-box h4 a:active {
	color: red;
}

.comment-text,
.comment-author,
.comment-timestamp {
	color: black;
}

.infotable th {
	text-align: left;
	background-color: #5d5d5d;
	color: white;
}

.infotable tr {
	border-top: 1px solid gray;
	font-size: 0.9em;
}

.shaded tr:nth-child(odd) {
	background-color: whitesmoke;
}

.shaded tr:nth-child(even) {
	background-color: #e2e2e2;
}

.openform input,
.openform select,
.openform textarea {
	background-color: #e1e1e1;
	color: black;
	border: 1px solid gray;
}

.boxform input,
.boxform select,
.boxform textarea {
	background-color: white;
	color: black;
	border: 1px solid gray;
}

.openform label {
	color: black;
}

.openform input[type="button"],
.openform input[type="submit"],
.openform[type="reset"],
.openform button {
	font-family: "Merriweather", "Georgia", serif;
	text-shadow: none;
	color:black;
	background-color: #bdbdbd;
	font-weight: normal;
	border: 1px solid gray;
	background-image: linear-gradient(#fdfdfd, #bdbdbd);
}

.openform input[type="button"]:hover,
.openform input[type="submit"]:hover,
.openform[type="reset"]:hover,
.openform button:hover {
	border-color: black;
}

.openform input[type="button"]:active,
.openform input[type="submit"]:active,
.openform[type="reset"]:active,
.openform button:active {
	border-color: #c07d00;
}

#alert-box {
	background-color: whitesmoke;
	color: black;
	border-color: gray;
}

/*********************************
RESPONSIVE ADJUSTMENTS
**********************************/

@media (min-width:1400px) {

	#page-background {
		background-image: url(/images/edge2-leftw.png), url(/images/edge2-rightw.png);
	}
}

@media (min-width:1200px) {

	.homepage #page-background {
		background-image: url(/images/edge2-leftw.png), url(/images/edge2-rightw.png);
	}
}

@media (max-width:800px) {

	#page-background {
		background-image: none;
	}
}

@media (max-width:500px) {

	#left-pane {
		padding-left: 1em;
		padding-right: 1em;
	}

	#site-menu h3 {
		font-size: 1.17rem;
	}

	#site-menu a {
		font-size: 1rem;
	}

	.comment-box {
		font-size: 1em;
	}
}