body {
	background: black;
	background-image: url('/images/Banner.png');
	background-repeat: no-repeat;
	color: #D0FFD0;
	font-family: 'Arial', cursive;
        margin-bottom:3em;
}

main, aside {
		background-color: rgba(0,0,0,0.8);
}

		aside {
		display:inline;
		max-width:15em;
		}
video,img {
	max-width:100%;
	max-height:75%;
    position:relative;
	}

footer {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,16,0,0.6);
	display: flex;
	 justify-content: space-around;
	z-index:-1;
}

	footer img { max-height: 2em; }

a {
	text-decoration: none;
	color: #B0B080;
   background-color:rgba(0,30,0,0.5);
}

a:hover {
	background-color:rgba(30,0,124,0.5);
border-color: white;
}

a:visited {
	color: #90B090;
}
label {
	font-size: medium;
}

.message {
	color: #7FFF00;
	font-size: large;
	border: solid green;
	background-color: rgba(32,0,32,0.3);
	}
.error {
	color: #f88;
	font-size: large;
	border: solid green;
	background-color: rgba(64,0,0,0.3);
}
.validation-summary-errors{
	color: #f88;
	background-color: rgba(64,0,0,0.3);
}

.editblog {
	width: 95%;
	height: 95%;
}
.metablog {
	font-style: italic;
	font-size: small;
	text-align: right;
	display: inline;
}

.blogtitle {
	display:inline;
}
.contenu {
padding-left: 20px;
}

.validation-summary-errors{
	color: #f88;
}

.actionlink {
	color: #B0B080;
	border: solid .5px;
   right:3px;
   padding: 4px;
	border-radius:25px;
   background-color:rgba(0,0,32,0.8);
   font-size:x-small;
}

.code {
	font-family: "monospace";
	background-color: rgba(0,0,256,0.1);
	border-radius:25px;
	white-space: pre-wrap;
}

.layout {
	border-width: 0;
	}

.avatar {
	max-width: 64px;
	max-height: 64px;
}

	.shoh { display:inline; }
.hiduh {
	display:none;
	}
	.shoh:hover { 
	background-color: rgba(0,60,40,.3); 
	border: solid rgb(256,256,0);
	}
.shoh:hover + .hiduh {
   display:block; position:absolute; left:20px; right:20px;
   background-color: rgb(0,0,40); border: solid rgb(256,256,0);
   }

.comment {
	border-radius:25px;
	border-width:1px;
        border-style: solid;
	border-color:rgb(0,64,0);
	font-size: smaller;
	}

.hidcom {
	font-size: smaller;
	display:none;	
}
.actionlink:hover + .hidcom {
   display:inline; position:relative; left:0x; top:0px; padding:5px; margin:5px;
   background-color: rgba(0,0,40,.8); 
}


@media print {
		body {background-color:white;color:black;}
		header,footer,.postcomment,.actionlink,.metablog{ display:none;} 
	}

@media all and (max-width: 640px) {
  aside {
    float: none;
  }
  footer img {
    max-height: 1em;
    }
  footer a {
    font-size: xx-small;
  }
  body { margin-bottom:1em; }
}