body {
   margin:0;
   padding:0;
   width:100%;
   background:#afafaf;
   font: 11pt/1.618 sans-serif;
   min-width:800px; /* The min-width property does not work in old versions of Internet Explorer */
   max-width:1400px;
   margin-left:auto;margin-right:auto;
}

/* super font setters */
body, form #comment input, form #comment textarea, form #contact input, form #contact textarea, header .search {
   font-family: FreeSans, Helvetica, Corbel, "Nimbus Sans L", Arial, sans-serif;
}

header .domain {font-family: FreeMono, "Courier New", Courier, "Courier 10 Pitch", monospace;}
header .tld {color: #f00; font-weight: normal;}

/* links should be bright blue, as god intended (not ie) */
a:link {color:#00f;}
header nav a:link{color:#fff;}
/* turn off ie's image border on links*/
a img{border:none;}

h1, h2, h3 {
   margin:.8em 0 .2em 0;
   padding:0;
}

p {
   margin:.4em 0 .8em 0;
   padding:0;
}

/* positioning part - do not touch */
body > header {
   float:left;
   width:100%;
   padding:0;
   margin:0;
   border-bottom:1px solid #000;
    position:relative; /* all absolute elements inside this container will now be relative to this container */
}

#colmask {
   position:relative;   /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
   clear:both;
   float:left;
   width:100%;       /* width of whole page */
   overflow:hidden;  /* This chops off any overhanging divs */
   /*background:#ffd8b7;   /* Left column background colour */
}
#colmid {
   float:left;
   width:200%;
   position:relative;
   /*left:225px;             /* width of left column */ /*200*/
   /*background:#fff;      /* Centre column background colour */
   /* border-left: 1px solid #f00; */ /* adds border to left column */
}
#colright {
   float:left;
   width:100%;
   position:relative;
   left:50%;
   /*margin-left:-465px;     /* width of left column plus width of right column */
   /*background:#ff9;      /* Right column background colour */
   /* border-left: 1px solid #f00; */ /* adds border to right column */
}
#col1wrap {
   float:right;
   width:50%;
   position:relative;
   right:100%;
}
#col1pad {
   /*margin:0 10px 0 475px; /* 0 right column left padding 0 left column plus right column plus left column right padding */ /*415*/
   overflow:hidden;
}

#content {
   width:100%;
   overflow:hidden;
}
#links {
   float:left;
   /*width:205px;         /* width of left column minus left column's left and right padding */ /*170*/
   position:relative;
   margin-left:-50%;
   /*left:250px;          /* width of *right* column plus left column's left padding */ /*215*/
   overflow:hidden;
}
#commentary {
   float:left;
   /*width:220px;        /* width of right column minus right column's left and right padding */ /*170*/
   position:relative;
   /*left:10px;          /* width of right column's left padding */ /*15*/
   overflow:hidden;
}
body > footer {
   clear:both;
   float:left;
   width:100%;
   padding:0;
   margin:0;
}
/* end of positioning part */

body > footer {border-top:1px solid #000; background-color:#fff;color:#aaa;font-size:70%;}
body > header {background-color: #fff; border-bottom: 1px solid #036;}

/* no longer needed
body > header p {
   padding:.5em 15px .2em 15px;
   margin:0;
}
*/

body > header > h1  {
   padding:0 10px;
   margin:1ex 0 0 1ex;
   font-size: 160%;
}
body > header > h2  {
   padding:.2em 15px .7em 15px;
   font-size:75%;
   margin:0 0 0 3ex;
}

body > header a.home{color:black; text-decoration:none;}

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

header ul {
   padding-bottom: 0;
   margin-bottom: 0;
}

header > nav ul li a, .nav-bottom a {
   text-decoration: none;
   padding: 4px 15px;
   color: #fff;
   background-color: #036;
   letter-spacing:1px;
}

/* ie leaves white space under the nav menu, this fixes it */
header > nav li {padding-bottom:10px;}

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

header nav a:hover, nav.bottom a:hover, .nav-bottom a:hover {
   color: #fff;
   background-color: #369;
}
header form {
   position: absolute;
   top: 2em;
   right: 1em;
}
header form div {float: right;}

ul.buttons {float: right; clear: both; padding-top: 1ex; margin-top: 0ex;}
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 */

#content > article {
   margin-bottom: 5em;
   margin-top: 1em;
}

#content > article > header h2, #content > article > aside h2 {font-size: 1.3em;}

#content > article .byline {padding-top: 0; font-size: 70%;}
#content > article > footer {
   padding-top: 0;
   font-size: 70%;
   clear: both;
   margin-bottom:2ex;
}

#content > article aside {border-top: 1px solid black; padding-top:1ex;}

#links {
   font-size: 80%;
}

#links h2, #commentary h2 {
   font-size: 1.2em;
   margin-top: 1.3em;
   letter-spacing: 1px;
}

.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;}

#links ul, #links dl, #links .section {
   background: #ddb;
}

#links ul, #links dl, #links .section {
   padding: 1ex;
   list-style: none;
   margin-left: 0;
}

#links .section {margin-top:2ex;}

#links dt {font-weight: bold; margin-top: 1ex;}
#links dd {margin-left: 2ex;}

/*dl.archives dt{width:15%;}*/

#links dl.archives ul {margin:0;padding:0 0 0 1ex;}
#links dl.archives li{display:inline-block;width:33%;padding:0;}

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

.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 */
}

#commentary {
   color: #fea;
   font-size: 80%;
}

#commentary .comment {
   background-color: #9bd; /* 9ac */
   font-style: italic;
   color: #000;
   margin-bottom:3ex;
}

#commentary .comment p {
   padding: 1ex;
   line-height:1.4;
   background-color: #9bd; margin-top:0; /* to fix ie<9 */
}

#commentary .comment > h3 {
   font-weight: bold;
   font-style: normal;
   font-size: 1em;
   padding: 0.5ex 1ex;
   border-bottom: 1px solid #000;
   background-color: #fea;
   margin-bottom:0; /*to fix ie<9*/
}

#commentary .ad {text-align:center;}

footer p {
   padding: 1em;
}

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

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

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

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

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

.comments > article > header img {float:right;}

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

.comments blockquote {
   margin: 0;
   padding: 0;
}

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

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

.comments article.brad footer {
   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;
}

/* Elements inside the entries start here. */
#content header p {padding-top:0;font-size:70%;margin-top:0px;}

dl.captionedpic, .entry figure {
   border: 1px solid #777;
   background-color: #eee;
   text-align: center;
   padding: 5px;
   margin-left: 1ex;
   margin-right: 1ex;
}
.captionedpic dt {font-style: italic; font-weight: normal; font-variant: small-caps;}
.captionedpic dt img, .entry figure img {width: 100%;}
.entry .captionedpic dd, .entry figure figcaption {
   margin: 0;
   padding: 0;
   font-size: 80%;
}

#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;
}

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

.entry aside {padding-top:2ex;}
.entry blockquote p cite {padding-left: 3ex;}
.entry a img {border: 0;}
.entry 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;}
.entry dd {padding-bottom: 2em;}
.entry > table caption {font-style: italic;}
footer img {vertical-align: middle;}