/* Base elements
---------------------------------------------------------- */

body {
  font-family: "Droid Sans", verdana, sans-serif;
  font-size: 1em;
  background-color: #dcdcdc;
  color: black;
  margin: 1em;
}

a { color: #0078ae; }
a:hover { color: #00557b; }

h1 {
  font-size: 100%;
  color: #aaa;
  float: left;
  margin-bottom: 4px;
}

h1 a {
  color: inherit;
  text-decoration: none;
}

p {
  margin: 20px 0;
  line-height: 130%;
}

code {
  background: #eee;
}

pre code {
  display: block;
  padding: 2px 4px;
  border: solid 1px #ddd;
}

footer {
  margin: 20px 0;
  padding: 20px 0 0 0;
  border-top: solid 1px #aaaaaa;
}
  
ul { margin-left: 30px; }

/* Layout elements
-------------------------------------------------------- */

body > section {
  clear: both;
  max-width: 740px;
  background-color: white;
  margin: 0;
  padding: 20px;
  border: solid 1px #666;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 2px #7f7f7f;
  -moz-box-shadow: 2px 2px 2px #7f7f7f;
  box-shadow: 2px 2px 2px #7f7f7f;
}

body > section h1 {
  float: none;
  color: black;
  margin: 0 0 20px 0;
  font-size: 110%;
}

nav {
  max-width: 780px;
  text-align: right;
  padding: 1em 0 4px 0;
}

nav a {
  text-decoration: none;
  font-weight: bold;
  font-size: 125%;
  color: #000;
}

/* Articles
--------------------------------------------------------------- */

article hgroup h1 {
  font-size: 200%;
  margin-bottom: 10px;
}

article hgroup h2 {
  font-size: 100%;
  color: #888;
  font-style: normal;
  font-weight: normal;
  margin-left: 2px;
  padding: 0;
  border: none;
  background: none;
}

article h2 {
  font-size: 150%;
  font-style: normal;
  color: #000;
  border-bottom: solid 1px #ccc;
  padding: 20px 0 2px 0;
  clear: both;
}

article h3 {
  font-size: 125%;
  clear: both;
}

article h4 {
  font-size: 100%;
  clear: both; }

article ul {
  margin: 20px 30px;
}

article ul li {
  margin-bottom: 10px;
}

article img {
  float: left;
  margin: 0 20px 20px 0;
  border: solid 1px #ccc;
}
  
article aside {
  width: 50%;
  float: right;
  font-size: 85%;
  color: #555;
  padding: 10px;
  margin: 0 0 20px 20px;
  border: dotted 1px #bbb;
}

article #comments a { text-decoration: none; }

/* General-purpose classes
------------------------------------------------ */

.cough { font-size: 75%; }
.more { white-space: nowrap; }