html,body { height:100%; padding:0; margin:0; font-family: 'Open Sans', Helvetica, Arial, sans-serif; background:#eee }
html { overflow-y:scroll; }
#container { margin:0 auto; width:50em; background:#eee; padding:0 0.5em }
#main      { min-height:35em }
h1 { margin:auto; text-align:center; height:5.7em; background-image: url('/chatchatel/header.jpg'); background-repeat:no-repeat; border:3px solid white; border-radius:0.5em; line-height:10em }
ul { list-style-type:none; padding:0 }
div.media { text-align:center }

/*
ul.blog video, ul.blog img { max-width:49em; max-height:40em; object-fit:contain; -o-object-fit: contain }
*/

ul.blog img { max-width:49em; max-height:40em}
ul.blog video { max-height:40em; width:auto !important; height:auto !important; object-fit:contain; -o-object-fit: contain  }
li { background:#fff; border-radius:0.5em; padding:0.5em; margin-bottom:0.5em; border:0.5px solid #eee  }
div.date { float:right; font-size:75%; font-weight:normal; font-style:italic }
div.edit { float:right }
a.title, a.title:link, a.title:visited, a.title:hover, a.title:active, a.title:focus { color:black; text-decoration:none }
h2 { margin-top:0; margin-bottom:0.5em; margin-left:0.2em; clear:both }
.admin { font-size:1.5em }

input, textarea { font-size:1.5rem; line-height:2 }
form { line-height:3 }
input[type=text], textarea { width:40rem }


/*
video {
	min-height: 100%;
	min-width: 100%;
	height: auto !important;
	width: auto !important;
}
*/