html, body {
margin : 0;
padding : 0;
text-align : center;
}
#page {
width : 780px;
margin : 1em 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 : 1em;
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 : #000;
}
a:visited {
color : #663;
}
a:hover {
color : #636;
}
.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 : #fff url(img/top.jpg) no-repeat left top;
}
#top h1 {
height : 80px;
line-height : 80px;
margin : 0 0 0 40px;
padding-top : 20px;
color : #ffffff;
}
#top h1 a {
text-decoration : none;
color : #ffffff;
}
#pub728_90 {
position : relative;
margin : 0 0 0 30px;
}
#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 : #f90;
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 : #9ed200;
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;
}