:root {
--wall-height: 0.85;
}	

/* Section 0 - Fonts */		
	
@font-face {
	font-family: Medieval;
	src: url('/v5/2/B2/IMFeENsc28P.ttf') format('truetype');
}


/* Section 1 - Full Body */	
	
body {
background-color:#393632; 
}
	

/* Section 2 - Body Content */	



#masterbodycontent {
box-shadow: 0em -0em 0.5em black inset;
height:calc(var(--content-height));
background-image:url('/v5/2/B2/CastleWall11sm.png');
background-size: auto 34%;
background-repeat:repeat;
font-family:Medieval;
font-size: calc(var(--content-height)*0.1);
}

.bodycontent {
height:calc(var(--content-height)*var(--wall-height));
}

/* Section 3 - Floor */	

#floor {
position:absolute;
left:0; top:85%;
height: 15%; width:100%;
box-shadow: 0em 0em 0.5em black inset;
background-color:#6e4f30;
background-image:url('/v5/2/B2/CastleFloorPerspDraft4dsm.png');
background-size: calc(var(--content-height)*var(--wall-height)*1.5) 56.66%;
background-repeat:repeat;
overflow:hidden;
}


#carpet {
position:absolute;
left:0; top:25%;
width:100%; height: 85%;
background-size: calc(var(--content-height)*var(--wall-height)) 100%;
background-repeat: repeat-x; 
}

.redtheme #carpet {
background-image:url('/v5/2/B2/SimpleCastleCarpetPersp4.jpg');
}

.bluetheme #carpet {
background-image:url('/v5/2/B2/SimpleCastleCarpetPerspColorBlue.jpg');
}

.greentheme #carpet {
background-image:url('/v5/2/B2/SimpleCastleCarpetPerspColorGreen.jpg');
}


/* Section 4 - Dungeon Door */


.bcarch {
width: calc(var(--content-height)*var(--wall-height)*0.75);
}


.archway {
position:absolute;
left:0; right:0; margin:auto; bottom:0%;
width:90%; height:75%;
background-image:url('/v5/2/B2/CastleArchwayDungeon.png');
background-size:auto 100%;
filter:brightness(1.1);
cursor:pointer;
}

.roomname {
position:absolute;
left:23%; top:40%;
width:55%; height:38%;
font-size:50%;
font-family:Medieval;
display:table;
color:#7b5540;
text-shadow: 0em 0em 0.1em black,0em 0em 0.167em black;
white-space:normal;
max-width: 55%;
}

.roomname p {
display:table-cell;
vertical-align:top;
}


.bcarch:hover .roomname {
color:#fffbc0;
text-shadow: 0em 0em 0.1em #fffbc0,0em 0em 0.167em #fffbc0;
}

/* Section 5 - Torches */

.bctorch {
width: calc(var(--content-height)*var(--wall-height)*0.1);
pointer-events:none;
}

.torch {
position:absolute;
left:-200%; margin: auto; top:0%;
width: 546.11%; height:54.61%;
background-image:url('/v5/2/B2/TorchDraftHall8sm.png');
background-size:auto 100%;
}

/* Section 6 - Extra Padding */

/* End Padding */

.bcendpadding {
width: calc(var(--content-height)*var(--wall-height)*0.11);
}

@media screen and (max-height: 650px) {
#masterbodycontent {background-image:url('/v5/2/B2/CastleWall11smM.png');}	
#floor {background-image:url('/v5/2/B2/CastleFloorPerspDraft4dsmM.png');}
.redtheme #carpet {background-image:url('/v5/2/B2/SimpleCastleCarpetPersp4M.jpg');}
.bluetheme #carpet {background-image:url('/v5/2/B2/SimpleCastleCarpetPerspColorBlueM.jpg');}
.greentheme #carpet {background-image:url('/v5/2/B2/SimpleCastleCarpetPerspColorGreenM.jpg');}
.archway {background-image:url('/v5/2/B2/CastleArchwayDungeonM.png');}
.torch {background-image:url('/v5/2/B2/TorchDraftHall8smM.png');}
}