html {  padding: 0; margin: 0; background-color: #fffcfc; }

body {
  font-size: x-small;
  font-family: Verdana, sans-serif; /* sans */
  color: #050505 inherit;
  padding: 0px;
}


div#container {
    padding-top: 40px;
    padding-right: 23.7188%;
    padding-left: 3.1633%;
    margin-right: auto;
    margin-left: 0;
    font-size: 127%;
}


.multicolumn {
    -moz-column-count: 2;
    -moz-column-width: 48.37%;
    -moz-column-gap: 2.4169%;

    -webkit-column-count: 2;
    -webkit-column-width: 48.37%;
    -webkit-column-gap: 2.4169%;

    column-count: 2;
    column-width: 48.37%;
    column-gap: 2.4169%;
}


#rightcontent {
    margin-left: 5px;
    padding-left: 5px;
    position: absolute;
    right: 1.2084%;
    width: 21.5103%;
    top: 130px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #040;
/*    border-left: 1px solid #eee;*/
    text-align: center;
}

@media (min-aspect-ratio 1) and (max-aspect-ratio 2) {

    div#container {
        padding-right: 23.7188%;
        padding-left: 3.1633%;
    }


    .multicolumn {
        -moz-column-count: 2;
        -moz-column-width: 48.37%;
        -moz-column-gap: 2.4169%;

        -webkit-column-count: 2;
        -webkit-column-width: 48.37%;
        -webkit-column-gap: 2.4169%;

        column-count: 2;
        column-width: 48.37%;
        column-gap: 2.4169%;
    }

    #rightcontent {
        right: 1.2084%;
        width: 21.5103%;
    }
}

@media (min-aspect-ratio 2) {

    div#container {
        padding-right: 25.47%;
        padding-left: 3.4%;
    }


    .multicolumn {
        -moz-column-count: 3;
        -moz-column-width: 23.1718%;
        -moz-column-gap: 2.4169%;

        -webkit-column-count: 3;
        -webkit-column-width: 23.1718%;
        -webkit-column-gap: 2.4169%;

        column-count: 3;
        column-width: 23.1718%;
        column-gap: 2.4169%;
    }

    #rightcontent {
        right: 1.2084%;
        width: 21.5103%;
    }
}

#container hr {
  color: #eee;
  background-color: #eee;
  border: 0;
  height: 1px;
  width: 90%;
  margin: 0.5em 0;
  text-align: left;
  padding-left: 3em;
}

html>body #banner {
  height: 60px;
}
#banner {
  voice-family: "\"}\"";
  voice-family: inherit;
  height: 60px;
}

div#post {
    padding-bottom: 3em;
}

#comments-form {
    margin-top: 1em;
}

#comments-form div span {
    font-size: smaller;
}

.comment-id {
    margin-top: 1em;
    background-color: #e4e0e0;
}

div#add-comment p {
    font-size: smaller;
}

div#add-comment p + p {
    text-indent: 0;
}

#comments-form div label {
    width: 10em;
    text-align: right;
    float: left;
}

.post-link-with-synopsis {
    margin-top: 0.48em;
}

.post-synopsis p {
    display: inline;
}

.comment-count {
    font-style: italic;
}


/* Basic typography */
p {
    widows: 4;
    orphans: 4;
    margin-top: 1.5em;
    margin-bottom: 0;
    line-height: 1.4em;
}

p + p {
    text-indent: 1.5em;
    margin-top:0;
}

h2, h3, h4, h5, h6 {
   page-break-inside:never }


abbr, acronym, .caps {
    text-transform: lowercase;
    font-variant:small-caps;
    font-style: normal;
    border-bottom: 0;
    letter-spacing:0.1em;
}

cite abbr, cite acronym, cite .caps {
    font-style: italic;
}

ul, ol, dl {
    margin: 1.5em 0 1.5em 0;
}

li, dd, dt {
    margin: 0;
}

dd {
    margin-left: 1.5em;
}

a {
  text-decoration: none;
  font-weight: bold;
}

#container a {
  text-decoration: none;
  font-weight: bold;
  color: #a00;
}
.el a {
  text-decoration: none;
  font-weight: bold;
  color: #040;
}
#leftcontent a {
  text-decoration: none;
  font-weight: bold;
  color: #040;
}
.ot a {
  text-decoration: none;
  font-weight: bold;
  color: black;
}
#rightcontent a {
  text-decoration: none;
  color: #040;
}

#cats a {
  text-decoration: none;
  font-weight: normal;
  color: #040;
}
#cats a.leaf {
  text-decoration: none;
  font-weight: bold;
  color: #040;
}

#ad {
  padding-left: 10px;
  padding-right: 0px;
  position: absolute; right: 30px; top: 80px;
  padding-top: 0px;
  padding-bottom: 10px;
  width: 120px;
}


.big { font-size: 14px; }


.caption {
  text-align: center;
  margin-left: 85px;
  margin-right: 85px;
  margin-bottom: 10px;
}


code {
  font-family: monospace;
  font-weight: bold;
  font-size: 1.0em;
}

#centercontent code { color: #080; }

dfn { font-style: italic; }

/* ellipses */
.el { font-weight: bold; }

.employ {
 font-family: Verdana, sans-serif;
 font-size: 80%;
 color: black;
 text-align: center;
}

.vcard {
 font-family: Verdana, sans-serif;
 font-size: 80%;
 color: black;
 text-align: center;
}

div.vcard {
    padding-top: 20px;
}

#feed {
 text-align: left;
 margin: 5px 20px 0px 0px;
}
#feedfp {
 text-align: left;
 margin: 10px 20px 0px 0px;
}
#fonts {
 text-align: center;
 margin: 0;
}

#post-data {
 text-align: center;
 margin: 0 20px 0px 20px;
}

#post-updated-date:before { content: "Updated: " }

#centercontent hr {
    width: 80%;
}

#rightcontent hr {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}


#footer {
  font-size: 80%;
  text-align: center;
}

.from {
}

#banner h1 {
  font-size: 140%;
  font-weight: normal;
  padding: 6px 10px 0px 10px;
  margin: 0px;
}

h2 {
  font-weight: normal;
  font-size: 116%;
}
h3 {
  font-weight: normal;
  font-size: 114%;
    margin-bottom: 0.2em;
}

.hide { display: none; }

#centercontent img { margin-left: 8px; margin-top: 10px; border: 0px; }

#potd img { margin-left: -4px; border: 0px; }

#rightcontent img { border: 0px; }

#centercontent li {
  margin: 0.5em 0 0.5em 0;
}

#rightcontent li { margin-bottom: 0; }

li { margin-bottom: 10px; }

ul.simple-list {
    list-style: none outside none;
    margin: 0em;
    padding: 0em;
}

ul.simple-list li {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

ul.post-tags {
    list-style: none outside none;
    margin: 0em;
    padding: 0em;
}

li.post-tag {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.tags-related ul {
    list-style: none outside none;
    margin: 0em;
    padding: 0em;
}
.tags-related ul li {
    margin-left: 0.5em;
    margin-right: 0.5em;
}



.loser { margin-left: 10px; color: red; }

#rightcontent .misc { text-align: center; margin-bottom: 4px; }
.misc { text-align: center; }

.o { font-style: italic; }

.od { color: #a00; }

ol { margin-right: 40px; }

.oo { font-size: 16px; margin-bottom: 4px; }

#centercontent .os {
  padding-top: 10pt;
  text-indent: -5px;
}
#rightcontent .os {
  padding-bottom: 12pt;
  text-indent: -5px;
}

.ot {
  font-weight: bold;
  font-size: 16px;
}

.p1 { text-indent: -5px; }

#centercontent p a.plink {
  text-decoration: none;
  color: #fdfdfd; /* the page background colour */
}
#centercontent p:hover a.plink, p a:hover.plink {
  color: #c8a8ff;
}
.pn {
  color: #C8A8FF;
}

#potd {
  margin: 8px 0px 3px 0px;
}

.principles {
  font-size: 14px;
  margin-bottom: 4px;
}

.principlesFront {
  font-size: 14px; margin-bottom: 4px;
  margin: 4px 0 4px 0;
}

a#sans {
  font-weight: bold; /* bold */
  background: #8da; /* background */
  font-family: Verdana, sans-serif;
}
a#serif {
  font-weight: normal; /* normal */
  padding: 2px; /* padding */
  font-family: Georgia, serif;
}

.score {
  text-align: right;
  margin-right: 5px;
}
.scoreTH {
  margin-left: 3px;
  margin-right: 3px;
}

#search {
  font-weight: bold;
  font-size: 12px;
  position: absolute; top: 25px; right: 95px;
}

.show { display: inline; }

th { background: #8da; }
th.empty { background: #eee; }
td { background: #eee; }
td.etd { background: #fff }
td.name { text-align: left }
td.time { text-align: right }
td.notes { text-align: left }
td.empty { background: #fff }

#rightcontent ul
{
  margin-top: 0px;
  padding-top: 0px;
}

.winner { margin-left: 5px; }

.wltable {
  font-size: 120%;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}


.actions {
    list-style: none outside none;
    margin: 0em;
    padding: 0em;
}
.actions li {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.footer-actions {
    list-style: none outside none;
    margin: 0em;
    padding: 0em;
    font-size: smaller;
    line-height: 24px;
}
.footer-actions li a {
    font-face: normal;
}

.footer-actions li {
    margin-left: 0.5em;
    margin-right: 0.5em;
    display: inline;
}

a.subscribe { padding-left: 20px; background: url("/images/feed_mini.gif") 0 0 no-repeat; }
a.digg { padding-left: 20px; background: url("/images/digg.gif") 0 0 no-repeat; }
a.leave-comment { padding-left: 20px; background: url("/images/comment.gif") 0 0 no-repeat; }
a.delicious { background: url("/images/delicious.gif") 0 0 no-repeat; padding: 2px 0 2px 20px; }

#google_ads_frame1 {
    position: absolute;
    right: 2em;
    top: 50em;
    left: auto;
}

pre {
    margin-left: 1em;
    font-size: smaller;
}

pre.right {
    float:right;
    width: 45%;
}

pre.left {
    float:left;
    width: 45%;
}