* {
  margin: 0;
  padding: 0;
}

body {
    background: #fff;
    font-family: "Droid Sans", sans-erif;
	margin: 1em auto;
  	width: 70%;
	max-width: 90em;}

h1, h2, h3, h4, h5, h6 {
    font-family: "Droid Serif", serif;
}

a {
  text-decoration: none;
}

a:link,
a:visited {
  color: #f30;
}

a:hover {
  color: #f90;
}

header h1 {
  font-size: 40px;
  font-weight: normal;
  line-height: 40px;
  letter-spacing: -1px;
  z-index: -1000px;
}

nav#subtitle {
	display:block;
	z-index:-500;
	background: #eee;
	padding: 0.8em;
	margin-bottom: 1em;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}

section#main p {
  margin: 20px 0;
  font-size: 15px;
  line-height: 20px;
}

section#main ul {
  margin: 20px;
}

section#main li {
  list-style-type: square;
  font-size: 15px;
  line-height: 20px;
}

blockquote {
    font-family: "Droid Serif", serif;
    border-radius:4px 4px 4px 4px;
    -webkit-border-radius:4px 4px 4px 4px;
    -moz-border-radius:4px 4px 4px 4px;
	background:#eee;
	padding: 0.2em 0.8em;
}
blockquote span.author {
	display: block;
	text-align: right;
}

pre {
    font-family: "Droid Sans Mono", monospace;
	font-size: 0.75em;
    margin: 1em 0em;
    padding: 0.4em 0.6em;
    background: #ccc;
    color: #333;
	border-left: 1px solid #999;
}

ins {
    color: white;
    border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    background-color:#4891B1;
    display:block;
    padding:10px;
    text-decoration: none;
}

img {
	padding: 1px;
	border: 1px solid #666;
	background: #ccc;
}

img.center {
	display:block;
	width:auto;
	margin: 0 auto;
}