body { 
/* background-color:#998; */
 background-color:#ffe;
 padding: 0px;
 margin: 0px;
 font-family:verdana,helvetica,sans-serif;
 font-size:11pt;
 line-height:120%;
 color:#000031;
}
table.bodyTable {
 border-bottom: 1px solid #000031;
 border-collapse:collapse;
 border-spacing: 0px;
 margin:0px;
 padding:0px;
 width:100%;
}
td, td td, td td td, td td td td { 
 font-family:verdana,helvetica,sans-serif;
 font-size:10pt;
 line-height:120%;
 vertical-align:top;
 padding: 0px;
 margin: 0px;
} 
td.top {
 border-top: 1px solid #000031;
 padding: 5px 5px 8px 8px;
 background-color: #fbfbe9;
}
td.bottom {
 border-top: 1px solid #000031;
 font-size:9pt;
 text-align:center;
 line-height:110%;
 padding: 5px 5px 8px 8px;
 background-color: #d0cfd8;
}
td.left {
 background-color: #b5c5c1;
 border-right: 1px solid #000031;
 border-top: 1px solid #000031;
 width:175px;
}
td.center {
 background-color: #fbfbe9;
 margin: 0px;
 padding: 0px 0px 10px 0px;
 width:auto;
}
td.right {
 text-align:right;
 background-color: #e38a6c;
/* background-color: #d5683e; */
/* background-color: #fcddb7; */
/* background-color: #d8908c; */
 border-left: 1px solid #000031;
 border-top: 1px solid #000031;
 width:150px;
}
A {
 text-decoration:none;
}
A:link {
 color:#058;
}
A:visited {
 color:#669;
}
A:active {
 color:#C00;
}
A:hover {
 color:#A00;
 text-decoration:underline;
}
.date {
 font-size:70%;
 white-space: nowrap; 
 color:#666;
}
.title {
 line-height:105%;
 padding: 0px;
 font-size:15pt;
 font-weight:bold;
 padding: 0px 4px 0px 0px;
 margin: 5px 0px 3px 10px;
}
.subtitle {
 line-height:105%;
 font-size:12pt;
 padding: 1px 4px 0px 10px;
 margin: 2px 3px 5px 0px;
 font-weight:bold;
}
.leftbar {
 color:#369;
 line-height:105%;
 font-size:12pt;
 margin: 0px;
 background-color:#8fa798;
 padding: 1px 2px 3px 5px;
}
.packageBlue {
 color:#026;
 font-size:13pt;
}
.packageRed {
 letter-spacing:1px;
 color:#900;
 font-size:13pt;
}
.red {
 color:#900;
}
.highlight {
 background-color:#FF9;
}
div.heading {
 padding: 2px 6px 3px 0px;
 margin: 0px;
 line-height:95%;
 text-align:right;
 font-size:13pt;
 background-color:#d5683e;
/* border-top: 1px solid #966; */
}
p {
 padding: 3px 5px 6px 17px;
 margin: 0px 0px 0px 0px;
 line-height:120%;
}
p.hanging {
 text-indent: -15px;
 padding: 4px 5px 7px 32px;
 margin: 0px 0px 0px 0px;
 line-height:120%;
}
.quoteBox {
 text-align:center;
 margin:8px 22px 8px 40px;
 background-color: #d0cfd8;
/* background-color: #a0cfea; */
 line-height:150%;
 padding: 5px 5px 5px 5px;
 border: 1px solid #000062;
}
span.quote {
 font-size:115%;
}
p.indented {
 padding: 4px 5px 7px 32px;
 margin: 0px 0px 0px 0px;
 line-height:120%;
}
.side {
 padding: 2px 3px 5px 4px;
 text-align:left;
 margin: 0px 0px 0px 0px;
 font-size:90%;
 line-height:110%;
}
.leftlink {
 text-indent:-1em;
 padding: 2px 1px 2px 1.5em;
 margin: 0px 0px 0px 0px;
 font-size:90%;
 line-height:100%;
}
.leftdead {
 color:#042;
 font-style:italic;
}
.rightlink {
 padding: 1px 6px 2px 1px;
 margin: 0px 0px 10px 0px;
 font-size:90%;
 line-height:125%;
}
div.prev_next {
 border-top: 1px solid #a2a291;
 padding: 0px 0px 0px 0px;
 margin: 8px 0px 0px 0px;
 font-size:75%;
 text-align:center;
}
.attribution {
 text-align:right;
 margin-right:35px;
}
.ord {
 font-size:70%;
 text-decoration:underline;
 vertical-align:super;
}
ul,dl {
 font-size:10pt;
 padding: 0px 10px 6px 5px;
 margin: 0px 10px 6px 21px;
 list-style-type:square;
}
dl {
 padding: 0px 10px 6px 0px;
}
dt { 
 font-weight: bold;
}
dd + dd {
 padding-top: .3ex;
}
dd + dt {
 padding-top:.7ex;
}
ol {
 font-size:10pt;
 padding: 0px 10px 0px 21px;
 margin: 0px 10px 10px 21px;
}
ol ol, ol ol ol {
 font-size:10pt;
 padding: 0px 10px 0px 21px;
 margin: 0px 10px 2px 21px;
}
code {
 font-weight:bold;
}
pre.code {
 font-size:9pt;
 line-height:110%;
 background-color: #fefefe;
 margin: 6px 8px 7px 10px;
 padding: 5px 2px 6px 7px;
 border: 1px solid #b6b697;
}
.ord {
 font-size:70%;
 text-decoration:underline;
 vertical-align:super;
}

/* POD SECTION ------------------------------- */
h1.pod {
 white-space: nowrap; 
 line-height:100%;
 padding: 2px 6px 3px 10px;
 margin: 0px 0px 0px 0px;
 font-size:14pt;
 border-top: 1px solid #036;
 font-weight:normal;
 background-color:#5a86ad;
}
h2.pod {
 line-height:100%;
 padding: 1px 10px 3px 10px;
 margin: 0px 0px 0px 0px;
 font-size:12pt;
 font-weight:normal;
 border-top: 1px solid #5a86ad;
 background-color: #d0cfd8;
/* background-color:#8facc4; */
}
h3.pod {
 line-height:100%;
 padding: 2px 6px 3px 10px;
 margin: 0px 0px 0px 0px;
 font-size:11pt;
 font-weight:normal;
 background-color:#8facc4;
}
h4.pod {
 line-height:100%;
 padding: 2px 6px 3px 10px;
 margin: 0px 0px 0px 0px;
 font-size:10pt;
}
p.pod {
 padding: 4px 5px 7px 17px;
 margin: 0px 0px 0px 0px;
 font-size:10pt;
 line-height:120%;
}
li.pod {
 line-height:110%; 
 margin-bottom: 3px;
}
dd.pod {
 line-height:115%;
 padding: 2px 5px 3px 8px;
 margin: 2px 5px 3px 8px;
}
.bold {
 font-weight:bold;
}
.underline {
 text-decoration:underline;
}
code.pod {
 font-size:10pt;
}
pre.pod {
 font-size:9pt;
 background-color:#fefeff;
 color:#000019;
 line-height:120%;
 margin: 6px 8px 7px 10px;
 padding: 5px 2px 6px 7px;
 border: 1px solid #039;
}
/* RESUME */
table.rez {
 border-collapse:collapse;
 border-spacing: 0px;
 width:100%;
 margin-bottom:9px;
}
td.NW {
 border-right: 1px solid #bba;
 border-bottom: 1px solid #bba;
 width:7em;
 text-align:right;
 color:#997;
 font-size:8pt;
 padding:2px 4px 0px 2px;
}
td.NE {
 border-bottom: 1px solid #bba;
 color:#013;
 font-weight:bold;
 font-size:8pt;
 padding:2px 8px 0px 5px;
}
td.SW {
 width:7em;
 border-right: 1px solid #bba;
 text-align:right;
 line-height:110%;
 font-size:8pt;
 padding:3px 4px 4px 2px;
}
td.SE {
 color:#001;
 font-size:8pt;
 line-height:110%;
 padding:3px 8px 4px 5px;
}
td.SEledger {
 color:#001;
 font-size:8pt;
 line-height:110%;
 padding:0px;
 margin:0px;
}
p.rezHanging {
 font-size:8pt;
 line-height:100%;
 padding: 0px 0px 2px 15px;
 text-indent: -15px;
}
p.rezLedger1 {
/* background-color:#eaead6; */
 font-size:8pt;
 line-height:100%;
 margin: 0px 0px 1px 0px;
 padding: 1px 1px 1px 18px;
 text-indent: -15px;
}
p.rezLedger2 {
 font-size:8pt;
 line-height:100%;
 margin: 0px 0px 1px 0px;
 padding: 1px 1px 1px 18px;
 text-indent: -15px;
}

/* book display stuff ------------- */
.asinImg {
 float: left;
 margin: 4px 8px 10px 10px;
 border: none;
}
.bookTitle {
 font-weight:bold;
 margin: 0px;
 padding: 3px 0px 0px 0px;
}
.bookRating { 
 font-size:8pt;
 color: #06F;
 margin:0px 0px 0px 22px;
} 
.bookPrice {
 margin:0px 0px 0px 22px;
 font-size:9pt;
 font-weight:bold;
 color: #700;
}
.bookAvailability {
 line-height:100%;
 font-size:8pt;
 font-family:helvetica,sans-serif;
 color: #257;
}
table.asinTable {
 border-top: 1px solid #000031;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 100%;
}
.small {
 font-size:80%;
 line-height: 100%;
}
.nobr {
 white-space:nowrap;
}
a.buttonize {
 font-size:85%;
 color:#ffe;
 background-color:#226;
 font-family:'trebuchet ms', sans-serif;
 font-weight:bold;
 padding:0px 1px 0px 2px;
 border:1px outset #369;
 letter-spacing:2px;
 text-decoration:none;
}
a:hover.buttonize, a:active.buttonize {
 text-decoration:none;
 color:#226;
 background-color:#ff7;
 border:1px inset #69a;
}

.outline ol {
 list-style-type: upper-roman;
 padding-left:1.5em;
 font-size:xx-small;
}
.outline ol ol {
 list-style-type: upper-alpha;
 padding-left:1.5em;
 font-size:xx-small;
}
.outline ol ol ol {
 list-style-type: decimal;
 padding-left:1.5em;
 font-size:xx-small;
}
.outline ol ol ol ol {
 list-style-type: lower-alpha;
 padding-left:1.5em;
 font-size:xx-small;
}
.outline ol ol ol ol ol {
 list-style-type: lower-roman;
 padding-left:1.5em;
 font-size:xx-small;
}
.effectBox {
 width:300px;
 background-image:url(/perl/img/light-bg.jpg);
 background-color:transparent;
 background-repeat:repeat-y;
 background-position:left;
 padding:1ex 1ex 1ex .7ex;
 font-family:georgia, serif;
 font-size: 10.5pt;
 color:#100;
 border:1px solid #300;
}
.effectBox:hover {
 background-image:url(/perl/img/dark-bg.jpg);
 background-color:transparent;
 background-repeat:repeat-y;
 background-position:left;
 color:#ffffef;
 border:1px solid #030;
}
/*
.effectBox:first-letter {
 vertical-align:text-top;
 font-size: 280%;
 color:#766;
 font-weight: bold;
 padding:0;
 margin:-.4ex 0 -.5ex 0;
 float: left;
}
*/

.column1 {
 width:12em;
 padding:2px 0 1px 0;
 margin:1px;
 line-height:100%;
 float:left;
 font-size:80%;
 text-align:center;
 font-weight:bold;
 font-family:helvetica,sans-serif;
 border:1px solid black;
}

.favicon {
 display: block;
 width:16px;
 height:16px;
 padding:6px;
 margin:0 10px 8px 0;
 float:left;
 background: transparent url(/perl/img/favicon-bg.gif);
}
.favicon > img { border: 0; }

.they_took_yer_perl_joerb a {
 font-weight:bold;
}

img {
 border:none;
}

.job {
 margin:1ex 0 1ex 17px;
 padding:3px 0 3px 5px;
 border-left: 5px solid #ba9;
 border-top: 2px solid #ba9;
}
.job .name {
 font-weight:bold;
}
.job .posted {
 float:right;
 font-size:smaller;
 color: #a98;
 font-style:italic;
 padding:2px 1em 0 0;
}

.job .company {
 font-size:smaller;
 font-weight:bold;
 padding:0 1em 0 10px;
}
.job .terms {
 padding:0 1em 0 10px;
}

#footlinks {
 margin:5px 1em 1em 1em;
 clear:both;
}

#footlinks a {
 white-space:nowrap;
 line-height:180%;
 border:1px solid #d0cfd8;
 padding:0 3px;
}

#footlinks a:hover {
 border:1px solid black;
 background-color:#b5c5c1;
 color:#a00;
 text-decoration:none;
}

#footlinks a:active {
 border:1px solid black;
 background-color:#639390;
 color:white;
 text-decoration:none;
}