/***** Global *****/
body {
	background-color: #222222;
}

/***** Containere *****/
#container {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 90%;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
}

#container-page {
	display: flex;
	position: relative;
	min-height: 100vh;
	flex-direction: column;
	justify-content: flex-start;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}

#container-enlarge {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 95%;
	align-items: center;
}

/***** Logo *****/
#logoContent {
	width: 100%;
}

#logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain;
}

.logoLink {
	border: none;
}

/***** Navigation *****/
nav {
	width: 100%;
	text-align: center;
	color: #dddddd;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.navLinks {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

a.navLinks:link {
	color: #d6efff;
	text-decoration: none;
}

a.navLinks:visited {
	color: #d6d6ff;
	text-decoration: none;
}

a.navLinks:active {
	color: #ffd6d6;
	text-decoration: underline;
}

/***** Top Page Content *****/

/* <Main> */
#topPageContent {
	width: 100%;
}

/* <section> */
.topPageSection {
	text-align: left;
	width: 100%;
}

.topPageSectionHeaderTitle {
	color: #dddddd;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: normal;
}

.topPageSectionHeaderTimestamp {
	color: #dddddd;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.headlineLinks {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

a.headlineLinks:link {
	color: #dddddd;
	text-decoration: none;
}

a.headlineLinks:visited {
	color: #d6d6ff;
	text-decoration: none;
}

a.headlineLinks:active {
	color: #ffd6d6;
	text-decoration: underline;
}

.hrline {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  border-style: solid;
  border-width: 1px;
  border-color: #555555;
}

/***** Content Links *****/
.contentLinks {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

a.contentLinks:link {
	color: #00fbbf;
	text-decoration: none;
}

a.contentLinks:visited {
	color: #bf00bf;
	text-decoration: none;
}

a.contentLinks:active {
	color: #ffd6d6;
	text-decoration: underline;
}

/***** Footer *****/
footer {
	width: 100%;
	text-align: center;
}

.footerPage {
	width: 100%;
	position: absolute;
	bottom: 0;
	text-align: center;
}

#copyRight {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #dddddd;
}

.paging {
	display: inline;
	text-align: center;
}

.paging a {
	color: #dddddd;
	background-color: #222222;
	padding: 3px 7px;
	text-decoration: none;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: 400;
	margin: 3px;
	border: solid;
	border-width: 1px;
	border-color: #dddddd;	
}

.paging a.active {
	border-color: #222222;
	background-color: #dddddd;
	color: #222222;
}

.pagination a:hover:not(.active) {
	background-color: #888888;
}

/***** Entry Page *****/

#entryPageContent {
	width: 100%; /* Main */
}

.entryPageSection {
	text-align: left; /* Section */
}

.entryPageInstruct {
	text-align: center;
}

.entryPageMainHeaderTitle {
	color: #dddddd;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: normal;
}

.entryPageSectionHeaderTitle {
	color: #dddddd;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: normal;
	text-decoration: underline;
}

.entryPageSectionHeaderSubtitle {
	color: #dddddd;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: normal;
}

.entryPageSectionHeaderTimestamp {
	color: #dddddd;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.entryPageSectionText {
	color: #dddddd;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.entryPageSectionTextItem {
	color: #dddddd;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.inlineQuote {
	display: block;
	color: #dddddd;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-style: italic;
	margin-left: auto;
	margin-right: auto;
}

.vr_notice {
	color: #dddd00;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-style: italic;
}

.entryPageSectionPhoto {
	margin-left: auto;
	margin-right: auto;
}

.entryPageSectionTextQuote {
	color: #dddddd;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.entryPageSectionList {
	color: #dddddd;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.entryPageSectionTaglist {
	color: #dddddd;
	width: 100%;
}

.vrignette {
	text-align: center;
}

.vr_scene {
	margin-left: auto;
	margin-right: auto;
	border: solid;
	border-color: #dddddd;
	border-width: 1px;
	display: block;
}

.italic_caption {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-style: italic;
	color: #dddddd;
}

.thumbnail {
	display: block;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain;
}

.textureGrid {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/***** Placement *****/
.placement {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.mainHeaderIntro {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #dddddd;
}

#rss {
	object-fit: contain;
}

/**** Link Bar ****/

.linkBar {
	width: 100%;
	display: grid;
	grid-template-columns: 50% 50%;
}

.linkBarTextLeft {
	width: 100%;
	text-align: left;
}

.linkBarTextRight {
	width: 100%;
	text-align: right;
}

/***** Media Queries *****/

@media screen and (orientation: landscape) {
	footerPage {
		position: relative;
	}
}

@media screen and (max-width: 360px){
	
	#container {
		max-width: 350px;
	}
	
	#container-page {
		max-width: 350px;
	}
	
	#logo {
		width: 200px;
		height: 44.44px;
	}
	
	nav {
		font-size: 12px;
	}
	
	.navLinks {
		font-size: 12px;
	}
	
	#outlink {
		width: 10px;
		height: 10px;
	}
	
	#copyRight {
		font-size: 12px;
	}
	
	.topPageSectionHeaderTitle {
		font-size: 20px;
	}
	
	.topPageSectionHeaderTimestamp {
		font-size: 12px
	}
	
	.topPageSectionPreview {
		font-size: 12px;
	}
	
	.topPageSectionPreviewItem {
		font-size: 14px;
	}
	
	.headlineLinks {
		font-size: 20px;
	}
	
	.entryPageSectionHeaderTitle {
		font-size: 14px;
	}
	
	.entryPageSectionHeaderSubtitle {
		font-size: 13px;
	}
	
	.entryPageSectionHeaderTimestamp {
		font-size: 12px;
	}
	
	.entryPageSectionText {
		font-size: 12px;
	}
	
	.entryPageSectionTextItem {
		font-size: 14px;
	}
	
	.vr_notice {
		font-size: 12px;
	}
	
	.entryPageSectionTextQuote {
		font-size: 11px;
	}
	
	.inlineQuote {
		font-size: 11px;
	}
	
	.entryPageSectionList {
		font-size: 12px;
	}
	
	.vr_scene {
		width: 250px;
		height: 250px;
	}
	
	.italic_caption {
		font-size: 11px;
	}
	
	#rss {
		width: 12px;
		height: 12px;
	}
	
	.paging a {
		font-size: 12px;
	}
	
	.thumbnail {
		width: 75px;
		height: 75px;
	}
	
	.textureGrid {
		width: 225px;
		height: 225px;
	}
}

@media screen and (max-width: 450px){
	
	#container {
		width: 95%;
		max-width: 350px;
	}
	
	#container-page {
		max-width: 350px;
	}
	
	#logo {
		width: 300px;
		height: 66.66px;
	}
	
	nav {
		font-size: 12px;
	}
	
	.navLinks {
		font-size: 12px;
	}
	
	#outlink {
		width: 10px;
		height: 10px;
	}
	
	#copyRight {
		font-size: 12px;
	}
	
	.topPageSectionHeaderTitle {
		font-size: 20px;
	}
	
	.topPageSectionHeaderTimestamp {
		font-size: 12px
	}
	
	.topPageSectionPreview {
		font-size: 12px;
	}
	
	.topPageSectionPreviewItem {
		font-size: 14px;
	}
	
	.headlineLinks {
		font-size: 20px;
	}
	
	.entryPageSectionHeaderTitle {
		font-size: 14px;
	}
	
	.entryPageSectionHeaderSubtitle {
		font-size: 13px;
	}
	
	.entryPageSectionHeaderTimestamp {
		font-size: 12px;
	}
	
	.entryPageSectionText {
		font-size: 12px;
	}
	
	.entryPageSectionTextItem {
		font-size: 14px;
	}
	
	.vr_notice {
		font-size: 12px;
	}
	
	.entryPageSectionTextQuote {
		font-size: 11px;
	}
	
	.inlineQuote {
		font-size: 11px;
	}
	
	.entryPageSectionList {
		font-size: 12px;
	}
	
	.vr_scene {
		width: 300px;
		height: 300px;
	}
	
	.italic_caption {
		font-size: 11px;
	}
	
	#rss {
		width: 12px;
		height: 12px;
	}
	
	.paging a {
		font-size: 12px;
	}
	
	.thumbnail {
		width: 75px;
		height: 75px;
	}
	
	.textureGrid {
		width: 275px;
		height: 275px;
	}
}

@media screen and (max-width: 600px){
	
	#container {
		max-width: 500px;
	}
	
	#container-page {
		max-width: 500px;
	}
	
	#logo {
		width: 350px;
		height: 77.77px;
	}
	
	nav {
		font-size: 12px;
	}
	
	.navLinks {
		font-size: 12px;
	}
	
	#outlink {
		width: 10px;
		height: 10px;
	}
	
	#copyRight {
		font-size: 12px;
	}
	
	.topPageSectionHeaderTitle {
		font-size: 20px;
	}
	
	.topPageSectionHeaderTimestamp {
		font-size: 12px
	}
	
	.topPageSectionPreview {
		font-size: 12px;
	}
	
	.topPageSectionPreviewItem {
		font-size: 14px;
	}
	
	.headlineLinks {
		font-size: 20px;
	}
	
	.entryPageSectionHeaderTitle {
		font-size: 14px;
	}
	
	.entryPageSectionHeaderSubtitle {
		font-size: 13px;
	}
	
	.entryPageSectionHeaderTimestamp {
		font-size: 12px;
	}
	
	.entryPageSectionText {
		font-size: 12px;
	}
	
	.entryPageSectionTextItem {
		font-size: 14px;
	}
	
	.vr_notice {
		font-size: 12px;
	}
	
	.entryPageSectionTextQuote {
		font-size: 11px;
	}
	
	.inlineQuote {
		font-size: 11px;
	}
	
	.entryPageSectionList {
		font-size: 12px;
	}
	
	.vr_scene {
		width: 300px;
		height: 300px;
	}
	
	.italic_caption {
		font-size: 11px;
	}
	
	#rss {
		width: 16px;
		height: 16px;
	}
	
	.paging a {
		font-size: 12px;
	}
	
	.thumbnail {
		width: 75px;
		height: 75px;
	}
	
	.textureGrid {
		width: 300px;
		height: 300px;
	}
}

@media screen and (min-width: 600px) {
	
	#container {
		max-width: 550px;
	}
	
	#container-page {
		max-width: 550px;
	}
	
	#logo {
		width: 450px;
		height: 100px;
	}
	
	nav {
		font-size: 12px;
	}
	
	.navLinks {
		font-size: 12px;
	}
	
	#outlink {
		width: 12px;
		height: 12px;
	}
	
	#copyRight {
		font-size: 12px;
	}
	
	.topPageSectionHeaderTitle {
		font-size: 22px;
	}
	
	.topPageSectionHeaderTimestamp {
		font-size: 12px
	}
	
	.topPageSectionPreview {
		font-size: 12px;
	}
	
	.topPageSectionPreviewItem {
		font-size: 14px;
	}
	
	.headlineLinks {
		font-size: 22px;
	}
	
	.entryPageSectionHeaderTitle {
		font-size: 14px;
	}
	
	.entryPageSectionHeaderTimestamp {
		font-size: 12px;
	}
	
	.entryPageSectionText {
		font-size: 12px;
	}
	
	.entryPageSectionTextItem {
		font-size: 14px;
	}
	
	.vr_notice {
		font-size: 12px;
	}
	
	.entryPageSectionTextQuote {
		font-size: 11px;
	}
	
	.inlineQuote {
		font-size: 11px;
	}
	
	.entryPageSectionList {
		font-size: 12px;
	}
	
	.vr_scene {
		width: 450px;
		height: 450px;
	}
	
	.italic_caption {
		font-size: 11px;
	}
	
	#rss {
		width: 16px;
		height: 16px;
	}
	
	.paging a {
		font-size: 12px;
	}

	
	.thumbnail {
		width: 75px;
		height: 75px;
	}
	
	.textureGrid {
		width: 300px;
		height: 300px;
	}
}

@media screen and (min-width: 768px){
	
	#container {
		max-width: 600px;
	}
	
	#container-page {
		max-width: 600px;
	}
	
	#logo {
		width: 500px;
		height: 111.11px;
	}
	
	nav {
		font-size: 14px;
	}
	
	.navLinks {
		font-size: 14px;
	}
	
	#outlink {
		width: 12px;
		height: 12px;
	}
	
	#copyRight {
		font-size: 14px;
	}
	
	.topPageSectionHeaderTitle {
		font-size: 24px;
	}
	
	.topPageSectionHeaderTimestamp {
		font-size: 14px
	}
	
	.topPageSectionPreview {
		font-size: 14px;
	}
	
	.topPageSectionPreviewItem {
		font-size: 16px;
	}
	
	.headlineLinks {
		font-size: 24px;
	}
	
	.entryPageSectionHeaderTitle {
		font-size: 16px;
	}
	
	.entryPageSectionHeaderTimestamp {
		font-size: 14px;
	}
	
	.entryPageSectionText {
		font-size: 14px;
	}
	
	.entryPageSectionTextItem {
		font-size: 16px;
	}
	
	.vr_notice {
		font-size: 14px;
	}
	
	.entryPageSectionTextQuote {
		font-size: 13px;
	}
	
	.inlineQuote {
		font-size: 13px;
	}
	
	.entryPageSectionList {
		font-size: 14px;
	}
	
	.vr_scene {
		width: 500px;
		height: 500px;
	}
	
	.italic_caption {
		font-size: 12px;
	}
	
	#rss {
		width: 18px;
		height: 18px;
	}
	
	.paging a {
		font-size: 14px;
	}
	
	.thumbnail {
		width: 100px;
		height: 100px;
	}
	
	.textureGrid {
		width: 400px;
		height: 400px;
	}
}

@media screen and (min-width: 1024px){
	
	#container {
		max-width: 600px;
	}
	
	#container-page {
		max-width: 600px;
	}
	
	#logo {
		width: 500px;
		height: 111.11px;
	}
	
	nav {
		font-size: 14px;
	}
	
	.navLinks {
		font-size: 14px;
	}
	
	#outlink {
		width: 12px;
		height: 12px;
	}
	
	#copyRight {
		font-size: 14px;
	}
	
	.topPageSectionHeaderTitle {
		font-size: 24px;
	}
	
	.topPageSectionHeaderTimestamp {
		font-size: 14px
	}
	
	.topPageSectionPreview {
		font-size: 14px;
	}
	
	.topPageSectionPreviewItem {
		font-size: 16px;
	}
	
	.headlineLinks {
		font-size: 24px;
	}
	
	.entryPageSectionHeaderTitle {
		font-size: 16px;
	}
	
	.entryPageSectionHeaderTimestamp {
		font-size: 14px;
	}
	
	.entryPageSectionText {
		font-size: 14px;
	}
	
	.entryPageSectionTextItem {
		font-size: 16px;
	}
	
	.vr_notice {
		font-size: 14px;
	}
	
	.entryPageSectionTextQuote {
		font-size: 13px;
	}
	
	.inlineQuote {
		font-size: 13px;
	}
	
	.entryPageSectionList {
		font-size: 14px;
	}
	
	.vr_scene {
		width: 500px;
		height: 500px;
	}
	
	.italic_caption {
		font-size: 12px;
	}
	
	#rss {
		width: 18px;
		height: 18px;
	}
	
	.paging a {
		font-size: 14px;
	}
	
	.thumbnail {
		width: 100px;
		height: 100px;
	}
	
	.textureGrid {
		width: 450px;
		height: 450px;
	}
}

@media screen and (min-width: 1200px){
	
	#container {
		max-width: 750px;
	}
	
	#container-page {
		max-width: 750px;
	}
	
	#logo {
		width: 700px;
		height: 155.54px;
	}
	
	nav {
		font-size: 16px;
	}
	
	.navLinks {
		font-size: 16px;
	}
	
	#outlink {
		width: 15px;
		height: 15px;
	}
	
	#copyRight {
		font-size: 16px;
	}
	
	.topPageSectionHeaderTitle {
		font-size: 30px;
	}
	
	.topPageSectionHeaderTimestamp {
		font-size: 16px
	}
	
	.topPageSectionPreview {
		font-size: 16px;
	}
	
	.topPageSectionPreviewItem {
		font-size: 18px;
	}
	
	.headlineLinks {
		font-size: 30px;
	}
	
	.entryPageSectionHeaderTitle {
		font-size: 18px;
	}
	
	.entryPageSectionHeaderTimestamp {
		font-size: 16px;
	}
	
	.entryPageSectionText {
		font-size: 16px;
	}
	
	.entryPageSectionTextItem {
		font-size: 18px;
	}
	
	.vr_notice {
		font-size: 16px;
	}
	
	.entryPageSectionTextQuote {
		font-size: 15px;
	}
	
	.inlineQuote {
		font-size: 15px;
	}
	
	.entryPageSectionList {
		font-size: 16px;
	}
	
	.vr_scene {
		width: 550px;
		height: 550px;
	}
	
	.italic_caption {
		font-size: 14px;
	}
	
	#rss {
		width: 20px;
		height: 20px;
	}
	
	.paging a {
		font-size: 16px;
	}
	
	.thumbnail {
		width: 125px;
		height: 125px;
	}
	
	.textureGrid {
		width: 500px;
		height: 500px;
	}
}


@media screen and (min-width: 1400px){
	
	#container {
		max-width: 800px;
	}
	
	#container-page {
		max-width: 800px;
	}
	
	#logo {
		width: 800px;
		height: 177.77px;
	}
	
	nav {
		font-size: 16px;
	}
	
	.navLinks {
		font-size: 16px;
	}
	
	#outlink {
		width: 15px;
		height: 15px;
	}
	
	#copyRight {
		font-size: 16px;
	}
	
	.topPageSectionHeaderTitle {
		font-size: 30px;
	}
	
	.topPageSectionHeaderTimestamp {
		font-size: 16px
	}
	
	.topPageSectionPreview {
		font-size: 16px;
	}
	
	.topPageSectionPreviewItem {
		font-size: 18px;
	}
	
	.headlineLinks {
		font-size: 30px;
	}
	
	.entryPageSectionHeaderTitle {
		font-size: 18px;
	}
	
	.entryPageSectionHeaderTimestamp {
		font-size: 16px;
	}
	
	.entryPageSectionText {
		font-size: 16px;
	}
	
	.entryPageSectionTextItem {
		font-size: 18px;
	}
	
	.vr_notice {
		font-size: 16px;
	}
	
	.entryPageSectionTextQuote {
		font-size: 15px;
	}
	
	.inlineQuote {
		font-size: 15px;
	}
	
	.entryPageSectionList {
		font-size: 16px;
	}
	
	.vr_scene {
		width: 600px;
		height: 600px;
	}
	
	.italic_caption {
		font-size: 14px;
	}
	
	#rss {
		width: 20px;
		height: 20px;
	}
	
	.paging a {
		font-size: 16px;
	}
	
	.thumbnail {
		width: 125px;
		height: 125px;
	}
	
	.textureGrid {
		width: 500px;
		height: 500px;
	}
}