#sceneslist .background {
	}

	#sceneslist .thead {
		background: transparent !important;
	}

	#sceneslist .content {
		margin: 0 auto;
	}
	
	#sceneslist .center {
		text-align: center;
	}

	.sceneslisttitle {
		text-align: center;
		font-family: var(--titlefontfamily), serif;
		font-size: 32pt;
		text-shadow: 2px 2px 2px rgb(4, 11, 17);
		letter-spacing: 3px;
		line-height: 1;
		padding: 15px 0 0 0;
	}

	.sceneyearcontainer {
		padding: 5px 5px;
	}

	.sceneyear {
		display: block;
		font-family: var(--titlefontfamily), serif;
		font-size: 40px;
		line-height: 0.5;
		background: var(--theadbgcolor);
		color: var(--theadtextcolor);
		margin: 10px 0;
		padding: 2px 6px;
		text-align: center;
		font-weight: bold;
	}

	.scenemonthcontainer {
		padding: 5px 15px; 
		background-color: transparent;
		background: var(--panelbgcolor);
		margin: 5px 5px 10px;
		text-align: justify;
	}

	.scenemonth {
		line-height: 1;
		margin: 10px 0;
		margin-top: 20px;
		font-family: var(--titlefontfamily), serif;
		font-size: 40px;
		color: var(--theadtextcolor);
	}

	.scenebox {
		display: flex;
		flex-wrap: wrap;
		gap: 1px;
	}

	.scenebox a:link, .scenebox a:visited, .scenebox a:hover, .scenebox a:active {
		color: var(--trowlinkcolor);
		text-transform: uppercase;
	}

	.scenetitlebox a {
		font-weight: bold;
	}

	.scenedatebox {
		background: var(--trowbgcolor);
		color: var(--trowtextcolor);
		padding: 5px;
		font-size: 30px !important;
		font-variant: small-caps;
		line-height: 1;
		text-align: center;
	}
	.scenetitlebox {
		background: var(--trowbgcolor);
		color: var(--trowtextcolor);
		margin: 0 0 0 2px;
		padding: 7px;
		text-align: left;
		flex: 1 1 0;
		font-size: 18px;
	}
	.scenedetailsbox {
		margin: 2px 0 20px 0;
		padding: 5px;
		box-shadow: none;
		background: var(--trowbgcolor);
		color: var(--trowtextcolor);
	}

	.inactivescene {
		text-decoration: line-through;
		opacity: 0.5;
	}