body {
   font: 11pt/1.618 sans-serif;
   margin: 0;
   padding: 0;
   border: 0;
   width: 100%;
   min-width: 600px;
}

/* Three-column magic - and column background colors */
.header {
   clear: both;
   float: left;
   width: 100%;
   margin: 0;
   padding: 0;
}

.colmask {
   position: relative;
   clear: both;
   float: left;
   width: 100%;
   overflow: hidden;
}

.colright, .colmid, .colleft {
   position: relative;
   float: left;
   width: 100%;
}

.sidebar-left, .content, .sidebar-right {
   position: relative;
   float: left;
   padding: 0 0 1em 0;
   overflow: hidden;
}

.threecol {
   background: #479; /* sidebar-right bg color 679 */
}

.threecol .colmid {
   right: 25%;       /* width of sidebar-right  */
   background: #fff url('sb-rt-paper-edge.png') repeat-y top right;; /* center column (content) bg color fff */
}

.threecol .colleft {
   right: 50%;           /* width of middle column (content) */
   background: #798 url('sb-lf-paper-edge.png') repeat-y top right; /* sidebar-left bg color 798 */
}

.threecol .content {
   width: 46%;          /* (width of content content) - (left pad + right pad) */
   left: 102%;          /* 100% + left padding of center column */
}

.threecol .sidebar-left {
   width: 21%;          /* (width of sidebar-left content) - (left pad + right pad) */
   left: 31%;           /* width of (sidebar-right) + (center left and right pad) + (left col left pad) */
}

.threecol .sidebar-right {
   width: 21%;         /* (width of sidebar-right content) - (left pad + right pad) */
   left: 85%;          /* (100 - left col width) + (center left + right pad) + (left col left + right pad) + (right col left pad) */
}

.footer {
   clear: both;
   float: left;
   width: 100%;
   font-size: 70%;
   color: #aaa;
}
/* End three-column magic */   

/* Nav */
.header ul li {
   display: inline;
}

.header ul {
   padding-bottom: 0;
   margin-bottom: -2px;
}

.header ul li a , .nav-bottom a {
   text-decoration: none;
   padding: .2em 1.2em;
   color: #fff;
   background-color: #036;
}

.nav-bottom a {margin: 0 2ex;}
.nav-bottom {text-align: center;}

.header ul li a:hover, .nav-bottom a:hover {
   color: #fff;
   background-color: #369;
}

ul.buttons {position: absolute; right: 1em; top: 5.8ex;}
ul.buttons li a {border: 0px solid #000; border-bottom: 0px; background-color: transparent; padding: .0em .0em; margin-left: .3em; }
ul.buttons li a:hover {background-color: transparent;}
ul.buttons img {border: 0; vertical-align: middle; width:4ex;}

/* End nav */

.header form {
   position: absolute;
   top: 2em;
   right: 1em;
}

.header h1 {
   font-size: 160%;
   margin: 1ex 0 0 1ex;
}

.header .domain {
   font-family: monospace;
}

.header .tld {
   color: #f00;
   font-weight: normal;
}

.header h2 {
   font-size: 75%;
   margin: 0 0 0 3ex;
}

.header {
   border-bottom: 1px solid #036;
}

.content .entry {
   margin-bottom: 5em;
   margin-top: 1em;
}

.entry .entryfooter {
   padding-top: 0;
   font-size: 70%;
   clear: both;
}

.sidebar-left {
   font-size: 80%;
}

.sidebar-left h4, .sidebar-right h4 {
   font-size: 100%;
   margin-top: 1.3em;
}

.feed {padding: 1px 0 1px 20px;}
.rss {background: url('icon-rss.png') no-repeat center left;}
.mail {background: url('icon-email.png') no-repeat center left;}
.twitter {background: url('icon-twitter.png') no-repeat center left;}
.facebook {background: url('icon-facebook.png') no-repeat center left;}

.sidebar-left ul {
   background: #ddb;
   padding: 1ex;
   list-style: none;
   margin-left: 0;
}

.calendar {
   text-align: center;
   margin: 2ex 0 2ex 0;
}

.calendar table, .calendar caption, .calendar p {
   background: #ddb; /* ddb */
   line-height: 1.8;
   font-size: 90%;
   width: 100%;
}

.calendar table {
   margin-bottom: 3ex;
}

.calendar caption {
   font-weight: bold;
}

.calendar th {
   font-weight: normal;
   font-style: italic;
}

.calendar td {
   text-align: center;
   width: 14%;
}

.calendar td a {
   background-color: #eec; /* eec */
   display: block;
}

.calendar td a:hover {
   background-color: #ffc; /* ffc */
}

.sidebar-right {
   color: #fea;
   font-size: 80%;
}

.sidebar-right .comment {
   background: #9bd; /* 9ac */
   font-style: italic;
   color: #000;
}

.sidebar-right .comment p {
   padding: 1ex;
}

.sidebar-right .comment-intro {
   font-weight: bold;
   font-style: normal;
}

hr {width: 80%; color: #000;}

.footer p {
   padding: 1em;
}

form #comment, form #contact {
   width: 90%;
   font-size: 80%;
}

form #comment input, form #comment textarea, form #contact input, form #contact textarea {
   font-size: 100%;
   font-family: sans-serif;
   color: #00a;
   margin-bottom: 1ex;
   width: 100%;
}

form #mail-subscribe {font-family: sans-serif; color: #00a;}

.header .search {
   font-size: 80%;
   font-family: sans-serif;
   color: #00a;
}

form #comment textarea, form #contact textarea {
   float: left;
   height: 12em;
}

form .other {
   display: none;
   visibility: hidden;
}

.entry .comment {
   border: 1px dashed #aaa;
   padding: 1ex;
   font-size: 90%;
   margin-bottom: 1ex;
   background: #ddd;
}

.entry .comment p {
   margin: 0;
   padding: 0;
}

.entry .comment blockquote {
   margin: 0;
   padding: 0;
}

.entry .comment cite {
   font-size: 80%;
   border-top: 1px solid #aaa;
   font-style: normal;
   padding-top: 0.5ex;
   
}

.entry .brad {
   border: 1px solid #679;
   background: #9bd; /* 9ac */
}

.entry .brad cite {
   border-top: 1px solid #000;
}

.content .thanks {
   border: 1px dashed #ff0;
   padding: 0 1ex;
   font-size: 90%;
   margin: 1ex 0;
   background: #ffc;
}

.gravatar {
   float:right;
   margin-left: 1em;
}

ul.taglist li {
   display: inline;
   padding-right: 1ex;
}

.sidebar-left h4, .sidebar-right h4 {
   letter-spacing: 1px;
}

/* Elements inside the entries start here. */

.content .img-left {
   margin: 1ex 1ex 1ex 0;
   padding: 3px;
   float: left;
   clear: both;
}

.content .img-right {
   margin: 1ex 0 1ex 1ex;
   padding: 3px;
   float: right;
   clear: both;
}

.content blockquote {
   font-size: 90%;
   border-left: 5px solid #777;
   border-top: 1px solid #777;
   border-bottom: 1px solid #777;
   background: #eee;
   margin: 1ex 1ex 1ex 3ex;
   padding: 0 1ex 0 1ex;
}

.content blockquote p cite {padding-left: 3ex;}
.content a img {border: 0;}
.content pre {line-height: 1.2;}
.entry > table {border-collapse: collapse; margin: 1em 1em 1em 3ex; background-color: #eee; text-align: center; font-size: 90%;}
.entry > table th {color: #eee; border: 1px solid #777; background-color: #777; font-style: italic; font-weight: normal; font-variant: small-caps; padding: 0.5ex 1ex;}
.entry > table td {border: 1px solid #777; padding: 0.5ex 1ex;}
.content dd {padding-bottom: 2em;}
.entry > table caption {font-style: italic;}
.entry .byline {padding-top: 0; font-size: 70%; margin-top: -3ex;}