html,body {
    width : 100%;
    height : 100%;
	margin : 0;
    padding : 0;
    font-size: 100%;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; 
	font-style: normal; 
	font-variant: normal; 
	background-image : url('wallpaper.png');
	background-color:white;
	color:black;
	text:black;
	background-clip : content-box;
}

h1 {
	text-align: center;
	background-color: antiquewhite;
	border-left: 2px solid grey;
	border-right: 4px solid grey;
	border-top: 2px solid grey;
	border-bottom: 4px solid grey;
	padding-bottom:1vh;
	padding-left: 1vw;
	padding-right: 1vw;
	padding-top: 1vh;
	font-size: 4vh; 
	font-weight: bold; 
	line-height: 5vh;
	margin-left : 5vw;
	margin-right : 5vw;
}

div.textbox {
	text-align : center;
	margin-top: 3vh;
}

div.textbox > a {
	padding : 0 0.4vw;
}

img.rssimage { 
	height : 2vh;
	width : auto;
	margin-top: -1vh;
}


.altportfolios {
	margin-left : 5vw;
	margin-right : 5vw;
	margin-top : 2vh;
	background-color: antiquewhite;
	border-left: 2px solid grey;
	border-right: 4px solid grey;
	border-top: 2px solid grey;
	border-bottom: 4px solid grey;
	padding-bottom:1vh;
	padding-left: 1vw;
	padding-right: 1vw;
	padding-top: 1vh;
	display : block;
	overflow-y: auto;
	height : 30vh;
}

.subheader {
	font-size: 2vh;
	font-weight: 400;
	line-height: 2.4vh;
	list-style: none;
}

a.nav {
	font-size: 2vh; 
	font-weight: 400; 
	line-height: 2.4vh;
}

.novel {
	color : red;
	font-size: 2vh; 
	font-weight: 600; 
	line-height: 2.4vh;
}

ul {
	list-style: none;
	-webkit-padding-start: 0;
}

li {
	list-style: none;
}

ul.inner { 
	display : none;
	-webkit-padding-start: 1vw;
}

ul.inner > li {
	padding-bottom : 0.9vh;
}

.navinner {
	font-size: 1.5vh; 
	line-height: 1.5vh;
}	

.subheader:checked + label + ul.inner {
	display : inherit;
}


input.subheader { 
	display : none;
}

label {
	font-size: 2vh; 
	font-weight: 400; 
	line-height: 2.4vh;
}

.inlinenavarrow { 
	height : 1.2vh; 
	padding-top : 0;
	width: auto;
}

.subheader:checked + label .inlinenavarrow {
	content: url('/chrome/up.svg');
}


/* CSS for a gallery grid with links */ 
img {
  vertical-align: middle;
  height : 11vh;
  padding : 4px;
  width : auto;
}



@media screen and (orientation : landscape) {
	.altportfolios {
		margin-left : 1vw;
		margin-right : 1vw;
		margin-top : 2vh;
		background-color: antiquewhite;
		border-left: 2px solid grey;
		border-right: 4px solid grey;
		border-top: 2px solid grey;
		border-bottom: 4px solid grey;
		padding-bottom:1vh;
		padding-left: 1vw;
		padding-right: 1vw;
		padding-top: 1vh;
		display : inline;
		flex-wrap: wrap;
		width : 20vw;
		overflow-y: auto;
		height : 70vh;
	}

	div.altportfolios > div {
		display : block;
	}
	
	div.container { 
		display : flex;
	}
	img {
	  height : 15vh;
	}
}