@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noticia+Text:400,400i,700|Nunito:900');

*, *:after, *:before {
	box-sizing: border-box;
}

html {
	background: #E9F5E6;
	margin: 0;
	width: 100%;
	height: 100%;
	font-family: "Noticia Text", serif;
	font-size: 17px;
	line-height: 1.5;
	color: #1C2119;
}

body {
	background: #fff;
	margin:0 auto;
	width: 100%;
	max-width: 900px;
	padding: 30px;
	text-align:justify;
	/*border-left:1px dotted #900;*/
	min-height:100vh;
}

h1, h2, h3 {
	font-family: Nunito, sans-serif;
}

h2 {
	color: #4F4717;
}

table {
	margin:10px 20px;
}

table p {
	padding:2px;
	margin:0;
}

a {
	text-decoration:none;
	border-bottom:1px dashed #333;
	color:#033;
	font-weight:bold;
}

.caption {
	font-size: 0.8em;
	font-style: italic;
	border-bottom:#036 2px groove;
}

ul {
	background:#9FC;
	margin: 15px 0;
	padding:0;
}

li {
	padding:0;
	list-style-type:none;
	border-bottom:#0C9 1px solid;
	margin:0;
}

li a {
	display: block;
	padding:10px;
	border: none;
}

li a .date {
	display: inline-block;
	font-size: 0.7em;
	opacity: 0.7;
	width: 120px;
	text-align: right;
	margin-right: 15px;
}

li:hover{
	background:#6F9;
}

form {
	width: 100%;
	max-width:500px;
	margin:0 auto;
	background:#DBD1BD;
	border:1px solid transparent;
	padding: 15px;
	text-align:center;
	box-shadow: 0px 0px 5px #666;
	-moz-box-shadow: 0px 0px 5px #666;
	-webkit-box-shadow: 0px 0px 5px #666;
}

input, textarea {
	background:#eee;
	box-shadow:inset 0px 0px 5px #999;
	-moz-box-shadow:inset 0px 0px 5px #999;
	-webkit-box-shadow:inset 0px 0px 5px #999;
	border-radius:3px;
	padding:7px;
	border:1px solid #666;
}


input:focus {
	background:#fff;
	box-shadow:inset 0px 0px 4px #3c3;
	-moz-box-shadow:inset 0px 0px 4px #3c3;
	-webkit-box-shadow:inset 0px 0px 4px #3c3;
	border-radius:3px;
	padding:7px;
	border:1px solid #333;
}

input[type=submit]{
	background:#0F1316;
	color:#FFF;
	font-weight:bold;
	padding:6px;
	border:none;
}

img {
	max-width: 80vw;
	height: auto;
}

@media (max-width:500px) {
	table {
		display:block;
		margin: 10px auto;
		float: none;
		width: 100%;
	}
}