* {
	margin: 0;
	border: 0;
}

body {
	margin: 15px;
    font: 11px "Lucida Grande", Geneva, Helvetica, Arial, sans-serif;
    background: #fff;
	color: #333;
}

p {
	margin: 1em 0;
	line-height: 1.5em;
}

.alr {
	text-align: right;
}

.alc {
	text-align: center;
}

a {
	color: #c60;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3 {
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: medium;
	letter-spacing: -0.04em;
	margin-bottom: 0.5em;
	color: #000;
}

h1 {
	border-bottom: 1px dotted #ccc;
}

pre.code, code, tt, var {
	font: normal 12px  "Andale Mono", Courier, monospaced;
}   

tt {
	font-style: italic;
}

pre.code {
	padding: 10px;
	background-color: #222;
	color: #fff;
	margin: 10px;
}

pre.code tt {
	color: #ccc;
}

a.close {
	color: #000;
	font-weight: bold;
	font-size: 10px;
	
}
   
a.close::after {
    
	padding-left: .2em;
}