body {
	color:#000;
	background-color:#f7f7f7;
	font:15px georgia, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	letter-spacing:0.01em;
	margin:15px;
	}
	
	p {
	margin:0 0 15px 0;
	}
	
	a,a:visited {
	color:#275d54;
	}
	
	select {
	background:#ffffe1;
	}
	
	button {
	margin-top:5px;
	}
	
	button.actions {
	width:171px;font-family:arial;
	}
	
	h1 {
	color:#275d54;
	margin:0;
	padding:0;
	font-size:42px;
	font-weight:normal;
	}
	
	h1 a {
	text-decoration:none;
	}
	
	h2 {
	margin:0;
	}
	
	h2 a {
	text-decoration:none;
	font-weight:normal;
	font-size:22px;
	color:black !important;
	}
	
	h3 {
	font-size:20px;
	font-weight:normal;
	padding:0;margin:25px 0 5px 0;
	color:#275d54;
	font-weight:bold;
	border-bottom:2px dotted #d8d8d8;
	}
	
	h4 {
	font-size:18px;
	font-weight:normal;
	z-index:0;
	}	
	
	code {
	color:#0080c0;
	font-size:13px;
	font-weight:bold;
	}
	
	ol, ul {
	padding:5px 0 5px 25px;
	margin:0;
	}
	
	ol li, ul li {
	margin:8px 0 8px 0;
	}
	
	#logo {
	text-align:center;
	background-color:#f9ffff;
	padding:10px;
	-moz-border-radius:5px;
	border:1px solid #EFEFEF;
	}
	
	#container {
	width:700px;
	margin:20px auto;
	padding:25px;
	border:3px solid #d9d9d9;
	-moz-border-radius:10px;
	background:#edf0f3;
	}
	
	#languages {
	margin:5px 0;
	}
	
	#menu {
	width:100%;
	background:#275d54;
	-moz-border-radius:4px;
	}
	
	#menu a {
	font:bold 17px georgia;
	color:white;
	padding:4px;
	display:block;
	border-left:1px solid white;
	text-align:center;
	text-decoration:none;
	}
	
	#menu a:hover {
	background:#2AAF00;
	} 

	.hidden-code {
	display:none;
	}
	
	.copycode {
	border:1px dotted gray;
	padding:10px;
	background:white;
	font-family:monospace;
	color:gray
	}