/* Stylings for Zen Internet's recursive DNS server checker */
/* Property of Zen Internet Ltd. */
/* Portions of this stylesheet may be used for learning, but the CSS as a whole is subject to copyright */

/* body element reset for full control */
body * {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* import of default Zen stylesheet */
@import url(http://status.zensupport.co.uk/exchanges/support.css);

/* readability */

p, h1, h2, h3 	{
	line-height: 150%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* positioning */

img#zen-logo {
	position: absolute;
	top: 0;
	left: 0;
}

div#titlebar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background: transparent url(http://status.zensupport.co.uk/exchanges/glass.png) top left repeat-x;
}

div#content {
	position: absolute;
	top: 100px;
	left: 50%;
	width: 600px;
	margin-left: -300px;
	margin-top: 25px;
}

div#content input {
	
}

div#content input:focus {
	background: #FFD988;
}

div#content table.results {
	width: 400px;
	margin: 0 100px;
	margin-bottom: 50px;
}

td, th {
	width: 50%;
	margin: 0;
	border-top: 1px solid #eee;
	text-align: center;
}

/* typography */

div#titlebar h1 {
	color: #009390;
	margin: 50 20%;
	text-align: center;
	font-size: 2em;
}

div#content {
	font-size: 0.8em;
	text-align: center;
	font-family: verdana, helvetica, sans-serif;
}

.ok {
	color: #666;
}

.bad, .error {
	color: #D82020;
	font-weight: bold;
	font-size: 1.1em;
}

div#content table.results tr td {
	font-size: 1em;
} 

p.note {
	font-size: 0.8em;
	margin: auto 150px;

}

input#submit {
	margin-top: 20px;
}

form {
	margin-top: 25px;
}