@import url("show_image.css");

body  {
    background-image: url("cannabis.png");
    background-color: #550055;
	background-size: 90px 90px;
	font-family: arial;
	margin: 0;
	padding: 0;
	/* experiental */
	display: flex;
	min-height: 100vh;
	flex-flow: column;
}

/* Flexbox definitions */

.middle {
	flex: 1;
	display: flex;
	flex-flow: row wrap;
}

 main {
	flex: 9 0;
	align-self: flex-start;
}

aside, .container.sidebar {
	flex: 1 0;
}


/* main classes */

.container {
    color: #FFEEEB;
    width: auto;
	margin: 0.5em;
	padding: 2em;
    background: rgba(34,34,34,0.75);
}

.hidden {
	visibility: hidden;
}

.struck {
	text-decoration: line-through;
}

.grayed {
	color: #FFEEEB66;
}

a {
	color: lightblue;
}

nav.container {
    padding: 0; /* Override normal container padding */
}

.citenote {
	font-size: 0.8em;
	padding-left: 0.1em;
    vertical-align: super;
	text-decoration: underline;
}
nav ul {
    margin: 0;
    list-style-type: none;
    padding: 0;
	overflow: hidden;
}


nav ul li {
    padding: 0.4em;
	padding-right: 1em;
	padding-left: 1em;
	float: left;
}

nav ul li:hover {
    background-color: #B39C3E;
}

nav ul li.active{
    background-color: #476472;
}
/*
nav ul li.active:hover {
    background-color: inherit;
}
*/
nav ul li.active a {
    text-decoration: none;
}

nav ul li a {
    display: block;
	text-align: center;
    text-decoration: underline;
	color: #FFEEEB;
}

/* Advertisements */

img.ad.skyscraper {
	display: block;
	margin: 0px auto 0px;
}