@import url('codeblocks.css') all;

body {
	background-color: #777;
	font-family: "Trebuchet MS", Verdana, sans-serif;
}

	#content {
		background-color: #f8f8f8;
		width: 80%;
		padding: 1em;
		margin: 40px auto;
	}

a {
	color: #00f;
	border-bottom: 1px solid #aaf;
	text-decoration: none;
}	
a[href ^= "http://"], a[href ^= "https://"] {
	padding-right: 13px;
	background: url('arrow.png') transparent no-repeat right center;
}

code {
	white-space: pre; 
	padding: 1px;
	border-bottom: 1px solid #ccc;
}
	code a {
		color: #000;
	}
dt {
	padding-top: .8em;
}
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: bold;
	margin-top: 1.5em;
}
input, textarea {
	border: 1px solid #dab236; 
	background-color: #f4eedc; 
	width: 200px; 
	padding: 5px;
}
select {
	border: 1px solid #dab236; 
	background-color: #f4eedc; 
	width: 200px;
}
textarea {
	width: 60%;
}

#footer {
	text-align: center;
	font-size: .8em;
	color: #bbb;
	padding-top: 2em;
	clear: both;
}
	
	#footer a {
		color: #bbb;
		border-bottom-color: #bbb;
	}

.back {
	color: #99c;
	font-size: .8em;
	font-weight: bold;
	border-bottom: none;
}

	.back:before {
		content: "< back";
	}
	
.backNobefore {
	color: #99c;
	font-size: .8em;
	font-weight: bold;
	border-bottom: none;
}

.red {
	border: 1px solid #f00;
	background-color: #fed;
}
.green {
	border: 1px solid #0b0;
	background-color: #efd;
}