body {
    margin: 0px;
    padding: 1em;
    background-color: #fff;
    color: #222;
    font-family: Verdana, sans-serif;
    font-size: 12pt;
}

#pageHeader {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px;
    clear: both;
    overflow: hidden;
    height: 111px;
    margin-bottom: 0.5em;
    background-image: url('/vis/ThePostHole.png');
    background-repeat: no-repeat;
    
    width: 100%;
}

#pageMenuOuter {
    position: absolute;
    top: 156px;
    left: 15px;
    float: left;
    width: 10.5em;
    padding: 0px;
    margin: 0px;
    margin-bottom: 2em;
    border: 7px solid #e0e0d9;
}

#pageMenu {
    
    border: 1px solid #cbb;
    /*background-image: url('/vis/shine.png');*/
    background-color: #f8f8f8;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

#pageMenu ul li.heading:first-child {
    border: 0px;
}
#pageMenu ul li.heading:first-child > div {
    border: 0px;
}

#pageMenu ul li.heading {
    display: block;
    /*border-top: 7px solid #e0e0d9;*/
}
#pageMenu ul li.heading div {
    display: block;
    color: #3c3531;
    padding: 15px 3px 3px 3px;
    font-weight: bold;
    
    /*border-top: 1px solid #cbb;*/
    /*background: transparent url(/vis/gn_grad.png) repeat-x scroll right bottom;*/
    /*opacity:0.7;
    filter:alpha(opacity=70);*/
}
#pageMenu ul li a {
    text-decoration: none;
    color: #3c3531;
    display: block;
    padding: 5px;
    margin: 2px;
    background-color: #fff;
    opacity:0.3;
    }

#pageMenu ul li div.l2 a:before {
    content: '\203A';
}
#pageMenu ul li div.l2 a {
    padding-left: +1em;
}

#pageMenu ul li.heading a {
    background-color: transparent;
    text-decoration: none;
    
    padding: 0px;
    margin: 0px;
    opacity:0.5;
    }
#pageMenu ul li.translateButtons {
    background-color: #ffffff;
    margin: 0px;
    padding: 0px;
    
    display: block;
    text-align: center;
}
#pageMenu ul li.translateButtons a.translateLinkSmall {
    background-color: transparent;
    text-decoration: none;
    display: inline;
    padding: 0px;
    margin: 0px;
    opacity:0.5;
    }
#pageMenu ul li.translateButtons a.translateLinkSmall:hover {
     
    opacity:1.0;
    }



#pageMenu ul li.heading a:hover {
    background-color: transparent;
    text-decoration: none;
    
    padding: 0px;
    margin: 0px;
    opacity:1.0;
    }

a {
    text-decoration: none;
    display: inline;
}

#pageMenu ul {
    display: block;
    margin: 0px;
    padding: 0px;
}
#pageMenu ul li {
    display: inline;
}
#pageMenu ul li.heading + li a, a:link, a:visited {
    border-top: none;
}
#pageMenu ul li a.activepage {
    opacity: 1.0;
    text-align: right;
    padding-right: 19px;
    font-weight: bold;
}
#pageMenu ul li a:hover {
    background-color: #fff;
    opacity:0.7;
        border: none;
    color: #494;
}


.pageContent {
    z-index: 25;
    margin: 0px;
    padding: 0px;
    border: 1px solid #cbb;
    clear: both;
}
.pageContentOuter {
    z-index: 20;
    padding: 0px;
    margin: 0px 0px 1em 0px;
    border: 7px solid #e0e0d9;
    clear: both;
}
#pageContentOuterPadding {
    z-index: 15;
    padding: 0px;
    padding-bottom: 1em;
    margin: 0px;
    position: absolute;
    top: 156px;
    left: 13.5em;
    width: 70%;
    min-width: 15em;
    clear: both;
}

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

.headingContainer {
    background-color: #efeaea;
    border-bottom: 1px dotted #cbb;
    border-top: 1px solid #cbb;
    margin: 0px;
    padding: 0.5em;
}
.headingContainer:first-child {
    margin: 0px;
    border-top: none;
}
h1 , h2 , h3 , h4 , h5 , h6 {
    font: 25pt  "Times New Roman" , serif ;
    letter-spacing: 0.1em;  
    padding: 0.2em;
    margin: 0em;
    margin-left: 0.2em;
    font-style: oblique;
    padding-bottom: 0px;
    color: #000;
}
.subTitle {
    letter-spacing: 0.1em;
    font-variant: small-caps;
    color: #999;
    font-size: 10pt;
    text-align: left;
    margin: 0em;
    padding: 0px 1em 0em 1em;
}
h2 {
    font: 21pt  "Times New Roman" , serif ;
}
h3 {
    font: 18pt  "Times New Roman" , serif ;
}
h4 {
    font: 14pt  "Times New Roman" , serif ;
}
h5 {
    font: 13pt  Verdana, Arial, Tahoma, sans-serif ;
}
h6 {
    font: 12pt  Verdana, Arial, Tahoma, sans-serif ;
}
h2 , h3 , h4 , h5 , h6 {
    font-style: oblique;
    font-weight: normal;
    padding: 0px;
    margin-left: 20px;
    margin-top: 2em;
    margin-bottom: 0em;
}


.pageContent ul li {
    text-align: left;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 0.1em;
    line-height: 14pt;
    margin: 0px;
    font-size: 10pt;
}
.pageContent ol li {
    text-align: justify;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 0.1em;
    line-height: 14pt;
    margin: 0px;
    font-size: 10pt;
}
    

p {
    text-align: justify;
    text-indent: 3em;
    margin: 2em;
}
p,em,strong {
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 0.1em;
    line-height: 14pt;
    font-size: 10pt;
}
p:first-line {
    font-weight: bold;
}
p + p:first-line {
    text-indent: 0em;
    font-weight: normal;
}
p + p {
    text-indent: 0em;
    font-weight: normal;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

#pageFooter {
    position: fixed;
    z-index: 10;
    bottom: 0px;
    left: 0px;
    
    font-weight: normal;
    text-decoration: none;
    font-variant: small-caps;
    letter-spacing: 0.1em;
    font-size: 9pt;
    padding: 0.5em 0.5em 0.5em 0.5em;
    margin: 1em 0em 0em 0em;
    text-align: right;
    color: #3c3531;
    background-color: #fff;
    opacity:0.8;
    }

#neverMindThisPageFooterItDoesntWorkWithTheCurrentLayout {
    display: inline;
    bottom: 0px;
    margin: 0px;
    margin-top: 3em;
    text-align: center;
    padding: 1.5em;
    background-color: #f0f0f0;
    border-top: 1px solid #555;
}





.tphError {
    margin: 1em;
    padding: 1em;
    border: 2px solid #b00;
    background-color: #faa;
    color: #000;
}

.tphInfo {
    margin: 1em;
    padding: 1em;
    border: 2px solid #aa0;
    background-color: #ffb;
    color: #000;
}



.authorInfoContainer {
    width: 12em;
    float: right;
    margin: 1em;
    margin-top: 2.5em;
    padding: 0.3em;
    background-color: #fafafa;
    color: #333;
    border: 1px solid #bbb;
    text-align: center;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 0.1em;
    line-height: 8pt;
    font-size: 8pt;
    color: #333;

}
.authorInfoContainer img {
    max-width: 11em;
    border: 0px;
    margin: 0.2em;
}

ul, ol {
    margin: 1em;
}

.bigImage {
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 0.1em;
    line-height: 8pt;
    font-size: 8pt;
    color: #333;
    padding: 0.3em;
    margin: 1em;
    text-align: center;
    background-color: #eee;
}
.bigImage img {
    width: 65%;
    min-width: 7em;
    margin-bottom: 1em;
    border: 1px solid #000;
}

.smallImage {
    float: right;
    width: 25%;
    min-width: 4em;
    padding: 0.3em;
    margin: 1em;
    text-align: center;
    background-color: #eee;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 0.1em;
    line-height: 8pt;
    font-size: 8pt;
    color: #333;
}
.smallImage img {
    width: 100%;
    margin-bottom: 0.1em;
    border: 1px solid #000;
}


.smallInlineImage {
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 0.1em;
    line-height: 8pt;
    font-size: 8pt;
    color: #333;
    padding: 0.3em;
    margin: 1em;
    text-align: center;
    background-color: transparent;
}
.smallInlineImage img {
    width: 32%;
    min-width: 7em;
    margin-bottom: 0.5em;
    border: 1px solid #000;
}


a.rssLink {
    background-color: transparent;
    opacity:0.7;
        float: right;
    margin: 0px;
    padding: 0px;
    border: none;
}
a.rssLink:hover {
    opacity:1.0;
    }
.rssLink img {
    border: none;
    margin: 0px;
    padding: 0px;
    width: 20px;
    height: 20px;
}

a img {
  border: none;
}

.socialBookmarkLinks {
  margin: 0.5em 0.5em 1.5em 0.5em;
  padding: 0px;
}
.socialBookmarkLinks a {
    display: block;
    width: 30em;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #777;
    border-right: 1px solid #777;
    margin: 0px;
    padding: 0px;
    background-color: #efd;
}
.socialBookmarkLinks a:active {
    display: block;
    width: 30em;
    border-top: 1px solid #777;
    border-left: 1px solid #777;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
    margin: 0px;
    padding: 3px;
    background-color: #af9;
}

form td {
    padding: 2px;
}

ol.megaMenu {
    margin: 0px;
    padding: 10px;
}
ol.megaMenu li {
    
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 0.1em;
    font-size: 10pt;
    display: block;
    background-color: #fff;
    margin: 0px;
    padding: 2px;
    border-bottom: 1px dotted #cbb;
}
ol.megaMenu li:first-child {
    border-top: 1px dotted #cbb;
}
ol.megaMenu li a small {
    display: block;
    font-size: 7.6pt;
    line-height: 10pt;
    color: #555;
}
ol.megaMenu li a div.smallPadding {
    padding: 6px;
}
ol.megaMenu li a {
    background-color: #fff;
    font-weight: normal;
    text-align: justify;
    font-size: 11pt;
    line-height: normal;
    text-decoration: none;
    display: block;
    margin: 0px;
    color: #222;
    padding: 6px;
}
ol.megaMenu li a:hover {
    background-color: #cfc;
    text-decoration: none;
    display: block; 
}

div.pageContentOuterLeechLink {
    z-index: 999;
    background-color: #fff;
    border: 7px solid #e0e0d9;
    border-bottom: none;
    display: block;
    margin: 0px 0px -7px 0px;
    width: 90px;
    float: right;
    padding: 0px;
    text-align: center;
}
div.pageContentOuterLeechLink a {
    display: block;
    margin: 1px;
    padding: 0px;
    font-size: 11px;
    font-weight: normal;
    
}

.floatRight {
    position: relative;
    float: right;
    display: block;
    margin: 0.5em;
    padding: 0px;
}

div.articleFooter, div.genericFooter {
    background-color: #efeaea;
    border-top: 1px dotted #cbb;
    margin: 0px;
    margin-top: 1em;
    padding: 2px;
    font-size: 11px;
}

div.articleFooter a img {
    margin: 0px;
    padding: 0px;
    border: none;
    float: left;
}

div.articleFooter a {
    float: right;
    border: 1px solid #d8d0d0;
    display: block;
    color: #766;
    width: 8em;
    text-align: center;
    text-decoration: none;
    margin: 1px;
    padding: 3px;
    font-size: 11px;
    height: 16px;
    background-color: #faf5f5;
}
div.articleFooter a:hover {
    background-color: #fff; /*#faf5f5;*/
    color: #494;
}

div.ratingContainer {
    float: right;
    position: relative;
    display: block;
    margin: 2px;
    padding: 3px;
    font-size: 11px;
    font-weight: normal;
    color: #333;
    background-color: #fff;
    border: 1px dotted #cbb;
    text-align: center;
}

.starContainer img {
    margin: 0px;
    padding: 1px;
    background-color: transparent;
    
}

dl {
    margin: 1.5em;
}
dt {
    font-variant: small-caps;
    font-weight: bold;
    font-size: 12pt;
}
dd {
     text-align: justify;
    text-indent: 3em;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 0.1em;
    line-height: 14pt;
    font-size: 9pt;

    font-size: 10pt;

    padding: 0.3em;
    margin: 2em;
    margin-top: 2px;
    border-left: 1px dotted #999;
    border-bottom: 1px dotted #999;
}
blockquote {
    margin: 3em;
    font-style: oblique;
    text-align: justify;
    display: block;
}
dl dd blockquote {
    margin: 20px;
    padding: 1.5em;
    margin-left: -0.3em;
    font-style: oblique;
    text-align: justify;
    display: block;
    background-color: #f9f9f9;
    border: 1px dotted #ccc;
    border-left: 0px;
}
blockquote:before {
    font-family: serif;
    content: '\201C';
    font-size: 14pt;
}
blockquote:after {
    font-family: serif;
    content: '\201D';
    font-size: 14pt;
}

.cite, .citeup {
    padding: 0px 0px 0px 0px;
    margin: 0.2em;
    display: block;
    float: right;
    font-weight: normal;
    font-style: normal;
    font-size: 10px;
}

.citeup {
    margin-top: -3em;
    padding: 0.6em;
}

.cite:before {
    content: "-- ";
}
.citeup:before {
    content: "-- ";
}


/* The subtitle-esque release date under the release number/tt in the main menu */
.subTST {
    letter-spacing: 0.1em;
    font-variant: small-caps;
    font-weight: normal;
    color: #000;
    font-size: 10pt;
    text-align: left;
    margin: 0em;
    padding: 1px;
}

/* Cookie Crumb Navigation */

#cookieCrumbText {
    overflow: hidden;
    padding: 5px;
    padding-left: 1.75em;
    padding-right: 1.75em;
    color: #666;
    font-size: 12px;
    font-weight: normal;
}
#cookieCrumbContainer {
    background-color: #efeaea;
    border: none;
    border-top: 1px solid #cbb;
    border-bottom: 1px solid #cbb;
    color: #444;
    
    /* The following stuff must be in roughly this order.*/
    position: absolute;
    top: 111px;
    left: 0px;
    padding: 0px;
    
    clear: both;
    overflow: hidden;
    
    width: 100%;
}

    #cookieCrumbContainer a {
        display: inline;
    }


/* Podcast player bar at the top of articles */

.podcastContainer {
    border-bottom: 1px dotted #cbb;
    height: 60px;
    background-color: #efeaea;
    clear: both;
}

    
    .podcastContainer .audioPlayer {
        margin: 0px;
        padding: 0px;
        text-align: left;   
    }
    
    .podcastContainer .audioPlayerDisplay {
        margin: 0px;
        padding: 0px;
    }
    
    .podcastContainer .audioTitle {
        margin: 0px;
        padding: 10px;
        font-size: 12px;
        font-style: oblique;
        text-align: left;
        line-height: 11px;
        vertical-align: middle;
    }
    
    .podcastContainer .speakerIcon {
        float: left;
        margin: 7px;
        padding: 0px;
        background-color: transparent;
    }


/* Twitter stuff */
div#twitBox {
    float: right;
    margin: 2em;
}
div#twitBox p {
    font-size: 11px;
    text-align: left;
    text-indent: 0px;
    margin: 1px;
}
div#twitBox p:first-line, div#twitBox a {
    font-weight: normal !important;
}