@import "boilerplate/lib/reset.css";
@import "boilerplate/lib/typography.css";
@import "boilerplate/lib/forms.css";
@import "boilerplate/lib/plugins/tabs.css";

#page {
	width: 850px;
	margin: 0 auto;
}

#header { margin-top: 20px; }

#header .tabs { border-bottom: 2px solid #000; }
#header .tabs li { margin-right: 1px; }
#header .tabs a { padding: 5px 15px; background: #444; color: #eee; text-decoration: none; }
#header .tabs a:hover {background: #777; }


#body {
	margin-top: 20px;
	font-family: calibri, arial, sans-serif;
}

textarea.full {
	width: 100%;
	font-family: consolas, 'courier new', monospace;
	font-size: 0.9em;
}

pre {
	border: 2px solid #555;
	padding: 1em;
	font-size: 1.2em;
	font-family: consolas, monaco, 'courier new', monospace;
	margin-top: 0;
}

div.code {
	
}

div.code div.code-meta {
	text-align: right;
	font-size: 0.9em;
	margin-bottom: 0;
	padding-right: 1em;
}

input.ebedded-link-input {
	font-size: 10px;
}

div.embedded-link {
	display: none;
}

div.visible {
	display: block;
}

.success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;background:#E6EFC2;color:#264409;border-color:#C6D880;}

#footer { border-top: 1px solid #eee; margin-top: 20px; }

#footer p.quiet { color: #888; }