/* Global Whitespace */
* {
margin: 0;
padding: 0;
}

/* HTML 5 */
section, nav, article, aside, header, footer {
display: block;
}

/* Full doc styles */
a {
text-decoration: underline;
}
abbr {
border-bottom: 1px dashed;
font-style: italic;
}
abbr.published, abbr.updated {
border-bottom: inherit;
font-style: inherit;
}
address {
font-style: italic;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
font-weight: bold;
}
blockquote {
margin: 2ex 10%;
}
blockquote:only-child {
margin: 0;
}
blockquote:only-child > *:first-child::before {
content: "“";
}
blockquote:only-child > *:last-child::after {
content: "”";
}
cite {
font-style: italic;
}
table {
width: 100%;
border-bottom: 1px solid;
border-right: 1px solid;
border-collapse: collapse;
}
th, td {
text-align: left;
border-top: 1px solid;
border-left: 1px solid;
padding: .5ex .5em;
margin: 0;
}
pre {
overflow: auto;
background-color: #eee;
padding: 1ex 1em;
font-family: Courier, "Courier New", monospace;
font-size: 0.9em;
}
a:link, a:visited {
color: #555;
}
a:hover {
color: #009;
}
input {
width: 33%;
}
textarea {
width: 99%;
height: 33%;
}

/* Body Styles */
body {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
background-color: #fff;
color: #000;
}
#container {
clear: both;
}
#body {
margin: 0 29% 3ex 3%;
}
aside {
width: 24%;
margin: 0 1% 3ex 0;
float: right;
}

/* Header Styles */
header {
margin: 2.5ex 2.5em;
}
header h1 {
margin-left: 1em;
font-size: 5em;
float: right;
}
header a, header a:link, header a:visited {
text-decoration: none;
}
header h1, header h1 a:link, header h1 a:visited {
color: #000;
}
header h1 a:hover {
color: #009;
}
header blockquote {
color: #555;
margin: 0;
}

/* Body styles */
#body > article + article {
margin-top: 20ex;
}
#body dd, #body p {
margin: 2ex 0;
text-align: justify;
}
#body p.cite {
text-align: right;
}
#body h2 {
margin: .5ex 1em 0 0;
font-size: 3em;
}
#body h3 {
margin: 1.5ex 0% 1ex 0;
font-size: 2em;
border-bottom: solid 1px;
}
#body h4, #body dt {
margin: 1.5em 0 1ex 0;
font-size: 1.5em;
font-weight: bold;
}
#body li {
margin: 1ex 0 1ex 1.5em;
text-align: justify;
}
#body p.meta {
margin-top: 0;
text-align: right;
font-size: 0.8em;
}
#body .draft {
color: #900;
}
#body label {
font-weight: bold;
}
#body label, #body input {
display: block;
}
#body address {
display: inline;
font-style: italic;
}

/* Comments styles */
#comments, #reply {
margin-top: 10ex;
}
#comments h3 {
margin: .5ex 0 0;
font-size: 1.25em;
border-bottom: inherit;
}
#comments p.meta {
margin: 0;
text-align: left;
color: #555;
}
#comments > ol > li {
margin-top: 4ex;
}

/* Page Selector */
p#page-selector {
text-align: right;
font-weight: bold;
font-size: 1.5em;
}

/* Footer/Sidebar styles */
footer, aside {
color: #555;
}
footer h2, aside h2 {
color: #000;
}

/* Sidebar styles */
aside h2 {
margin: 2ex 0 .5ex 0;
font-size: 1.25em;
}
aside li {
font-size: 0.9em;
margin: .5ex 0;
}
aside input {
width: auto;
}

/* Footer styles */
footer {
clear: both;
padding: 2ex 2em;
}