body{
	margin:0 auto;
	font-family:'Roboto', serif;
	color:#121212;
	font-size:1.0em;
	padding-top:20px;
}
.header{
	margin-bottom:0;
}
.footer{
}
.main-header{
	background:#fafafa;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	color:#121212;
	font-weight:400;
	padding:10px 20px;
	border-top:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	border-left:1px solid #dbdbdb;
}
.main-header img{
	width:250px;
}
.main-header .heading{
	font-weight:bold;
	font-size:1.4em;
	padding:5px 0;
}
.main-header .subheading{
	font-size:0.8em;
	padding:5px 0;
}
.main-body{
	background:#ffffff;
	padding:10px 20px;
	border-top:1px solid #dbdbdb;
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
}
.main-body table{
	width: 100%;
	background:#fdfdfd;
	border-radius:10px;
	padding:10px;
	font-weight:300;
	margin-top:10px;
	font-size:0.8em;
	margin-bottom:10px;
	border: 1px dashed #dbdbdb
}
.main-body table thead td{
	font-weight:300;
	border-bottom:1px solid #dbdbdb;
}
.main-body table td.title{
	font-size:1.1em;
	line-height:20px;
	color:#6c7584
}
.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;
}
.main-footer{
	background:#2f2f2f;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	color:#fefefe;
	padding:10px 20px;
	margin: 0 0 0 auto;
	border-bottom:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	border-left:1px solid #dbdbdb;
	font-size: 0.8em;
	text-align: right;
}
.button{
	background:#2f2f2f;
	border-radius:5px;
	padding:10px;
	color:#fafafa;
	font-size:1em;
	display:inline-block
}
.button a{
	text-decoration:none;
	color:#fafafa;
}
.button 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
}

.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}
.fixedw{width: 80%; margin: 0 auto;}
.right{float:right}
.left{float:left}
.clear{clear: both;}

pre {white-space:pre-wrap;}