body{
	margin: 0 auto;
	font-family: 'Bree Serif';
	background: #f4f4f4;
	color: #6c7584;
	font-size: 1.2em;
}
.header{
	background: #232323;
	border-bottom: 5px solid #454d59;
	padding: 20px 0px 10px 0px;
	margin-bottom: 30px;
	color: #f4f4f4;
	font-weight: 300;
}
.footer{
	background: #232323;
	border-top: 5px solid #454d59;
	padding: 10px 0px 20px 0px;
	margin-top: 30px;
	color: #f4f4f4;
	font-weight: 100;
}
.subject{
	font-weight: 300;
	font-family: 'Bree Serif',serif;
	font-size: 1.5em;
	/* text-align: right; */
}
.panel{
	background:#454d59;
	border-radius: 10px;
	margin-top: 20px;
	padding: 20px;
	font-weight: 300;
	color: #f4f4f4;
	font-size: 1.4em;
	display: inline-block
}
.light-box{
	background: #f9f9f9;
	border-radius: 10px;
	padding: 10px;
	font-weight: 300;
	margin-top: 10px;
	font-size: 0.8em;
	margin-bottom: 10px;
}
.main-body{
	background: #ffffff;
	border-radius: 10px;
	color:#6c7584;
	font-weight: 400;
	padding:10px 20px;
	border-top:1px solid #dbdbdb;
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	border-bottom:3px solid #dbdbdb;
}
.main-body table thead td{
	font-weight: 300;
	border-bottom: 1px solid #dbdbdb;
	color: #ccc
}
.main-body table td.title{
	font-size: 1.1em;
	line-height: 20px;
}
.main-body table td.title small{
	font-weight: 300;
	font-size: 0.9em;
	color: #6c7584
}
.main-body .note{
	font-size: 0.8em;
	font-weight: 300;
	font-style: normal;
}
.panel a{
	text-decoration: underline;
	color: #f4f4f4;
}
.panel a:hover{
	text-decoration: none;
	color: #ffffff;
}

/* -- TO VALIDATE -- */
h1{
	font-weight: 300;
	color: #121212;
	font-family: 'Bree Serif',serif;
	margin:0 auto;
	font-size: 32px;
}
h1 small{font-weight: 200; font-size: 24px;}
h3{
	font-weight: 300;
	color: #121212;
	font-family: 'Bree Serif',serif;
	margin: 25px auto;
	font-size: 24px;
}
.free{color:#1cbbb4;}
.paid{color:#0f80bb;}
.links{
	margin: 30px auto;
	width: 600px;
}
.links table td{
	padding: 20px;
	text-align: center;
	font-weight: 300;
	color: #333;
	font-size:18px;
}
.links table td span, .links table td a{font-weight: 400}
.border-l{border-left:1px solid #ccc}
.apikey{font-size: 18px; color:#333}
.apikey p{border-bottom: 1px solid #dbdbdb; padding: 10px 0 10px 0;margin: 0 0;}
.apikey p.last{border-bottom: none}
.apikey small{font-size: 80%; font-weight: 300}
.twitter{padding: 20px; font-weight: 300;font-size:16px;}
.fixedw{width: 80%; margin: 0 auto;}
.right{float:right}
.left{float:left}
.clear{clear: both;}
table thead td {font-size: 16px;}