html, body {
margin : 0; 
padding : 0; 
text-align : center; 
} 
#page {
width : 780px; 
margin : 4em auto; 
text-align : left; 
} 
#top {
margin : 0; 
} 
#top h1 {
margin : 0; 
} 
#prelude {
position : absolute; 
width : 780px; 
top : 7px; 
left : 50%; 
margin : 0 0 0 -390px; 
padding : 0 1ex; 
} 
#main {
float : left; 
width : 520px; 
} 
#content {
margin : 0 0 0 30px; 
padding : 1em 0 0; 
} 
.post {
margin-bottom : 4em; 
} 
#sidebar {
float : right; 
width : 240px; 
padding-bottom : 4em; 
} 
#sidebar div {
margin : 0 30px 0 0; 
padding : 1ex 1em; 
} 
#footer {
padding : 1ex 1em; 
margin : 0; 
clear : both; 
} 
body {
background : #eee; 
color : #000; 
font-size : 80%; 
line-height : 1.6em; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
border-top : 10px solid #ddd; 
} 
h1, h2, h3, h4, h5, h6 {
font-family : "Trebuchet MS", sans-serif; 
} 
h1 {
font-size : 1.5em; 
} 
h2 {
font-size : 1.4em; 
} 
h3 {
font-size : 1.3em; 
} 
h4 {
font-size : 1.2em; 
} 
h5 {
font-size : 1.1em; 
} 
h6 {
font-size : 1em; 
} 
pre, code {
font-size : 1.2em; 
} 
pre {
width : 100%; 
overflow : auto; 
border : 1px solid #ccc; 
} 
fieldset {
border : none; 
} 
label {
cursor : pointer; 
} 
.field label {
display : block; 
} 
input, textarea {
border : 1px solid #999; 
} 
textarea {
width : 100%; 
font-size : 1em; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
} 
a {
color : #535353; 
} 
a:visited {
color : #535353; 
} 
a:hover {
color : #535353; 
} 
.left {
float : left; 
margin-right : 1em; 
} 
.right {
float : right; 
margin-left : 1em; 
} 
#page {
background : #fff url(img/page.png) repeat-y center top; 
color : inherit; 
} 
#top {
height : 120px; 
background : #eee url(img/top.png) no-repeat left top; 
} 
#top h1 {
height : 80px; 
line-height : 80px; 
margin : 0 0 0 280px; 
padding-top : 10px; 
color : #000000; 
} 
#top h1 a {
text-decoration : none; 
color : #ff8a00; 
} 
#prelude {
background : transparent; 
color : #dfdfdf; 
text-align : center; 
} 
#prelude a {
color : #dfdfdf; 
background : transparent; 
} 
#prelude a:hover {
color : #666; 
background : transparent; 
} 
.day-date {
padding-left : 20px; 
margin-left : -25px; 
color : #888; 
background : transparent url(img/day-date.png) no-repeat left center; 
font-style : italic; 
} 
.post-title {
color : #f90; 
background : transparent; 
margin-bottom : 0; 
} 
.post-title a {
color : #535353; 
background : transparent; 
text-decoration : none; 
} 
.post-info {
margin-top : 0; 
color : #fa0; 
background : transparent; 
padding-bottom : 1ex; 
} 
.post-info a {
color : #fa0; 
background : transparent; 
text-decoration : none; 
} 
.post-content {
text-align : justify; 
} 
.post-content blockquote {
font-family : Georgia, serif; 
font-style : italic; 
} 
.post-info-co {
text-align : right; 
} 
#trackbacks blockquote, #comments blockquote {
border : 1px solid #eee; 
margin : 1em 0; 
padding : 1ex 1em; 
} 
#sidebar div {
border-bottom : 1px solid #f0f0f0; 
color : inherit; 
} 
#sidebar div ul {
margin : 0; 
padding : 0; 
list-style : none; 
} 
#sidebar h2, #sidebar h3 {
color : #ff8a00; 
margin : 0 0 1ex; 
} 
#sidebar h3 {
font-size : 1em; 
margin : 0; 
} 
#sidebar div#search {
background : transparent; 
color : inherit; 
line-height : 2.3em; 
} 
#search fieldset, #search p {
margin : 0; 
padding : 0; 
} 
#q {
padding-left : 18px; 
} 
#sidebar div#calendar table {
font-size : 0.8em; 
text-align : center; 
margin : 0 auto; 
border-collapse : collapse; 
} 
#sidebar div#calendar table caption {
margin : 0 auto; 
} 
#sidebar div#calendar table th {
color : #493; 
background : transparent; 
} 
#sidebar div#calendar table td {
width : 14%; 
line-height : 2em; 
border : 1px solid #eee; 
} 
#sidebar div#calendar table td a {
display : block; 
background : #efa; 
color : #493; 
font-weight : bold; 
text-decoration : none; 
} 
#sidebar div#calendar table td a:hover {
background : #dbb8dc; 
color : #636; 
} 
#footer {
margin : 0; 
padding : 1em; 
border-top : 1px solid #ccc; 
background : #eee; 
color : #666; 
} 
#footer a {
color : #999; 
}