body,
html {
    margin: 0;
    padding: 0;
    background-color: white;
    color: black;
}
body {
    min-width: 750px;
    font-family: "Hiragino Kaku Gothic Pro", Helvetica, Arial;
    font-size: 10pt;
}
a img {
    border: 0;
}
#wrap {
    background-color: white;
    margin: 0 auto;
}

#header {
    background-color: #1841CE;
    color: #5279E7;
}
#header h1, #header p {
    padding: 5px;
    margin: 0;
}
#header h1 a {
    text-decoration: none;
    color: #5279E7;
}

#nav {
    background-color: #5279E7;
    color: #C9D5F8;
    padding: 5px;
}
#nav a:link { 
    color: #C9D5F8;
}
#nav a:visited { 
    color: #C9D5F8;
}
#nav a:active { 
    color: #333333;
}
#nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#nav li {
    display: inline;
    margin: 0;
    padding: 0;
}
#main {
    background-color: white;
    position: absolute;
    left: 300px;
    width: 700px;
}
#main h2, #main h3, #main p, #main form {
    padding: 0 10px;
}
#sidebar {
    background-color: #AFD59B;
    position: absolute;
    width: 300px;
}
#sidebar ul {
    margin-bottom: 0;
}
#sidebar h3, #sidebar p {
    padding-left: 10px;
}
.sidebox {
    border: thin solid #5279E7;
    margin: 20px 20px 20px 20px;
    padding: 0 0 10px 0;
}
.sidebox-no-border {
    margin: 20px 20px 20px 20px;
    padding: 0 0 10px 0;
}
.sidebox .sidebox-title {
    font-weight: bold;
    color: #5279E7;
}
#footer {
    background-color: white;
    clear: both;
    text-align: center;
}
#footer p {
    padding: 5px;
    margin: 0;
} 

.tagcloud {
  text-align: center;
}

.story-date {
    font-weight: bold;
}
.story-title {
    font-weight: bold;
    color: white;
    background-color: #5279E7;
}
.perlsource {
    font-family: "Courier New", Courier, mono;
    font-size: 10pt;
    border-width: 1px;
    border-style: dotted;
    border-color: #808080;
    background-color: white;
    padding: 10px;
    margin: 30px 30px 30px 30px;
}
.words {
    color: #999999;
}
.transliterate {
    color: #9900FF;
}
.substitute {
    color: #9900FF;
}
.single {
    color: #999999;
}
.regex {
    color: #9900FF;
}
.pragma {
    color: #990000;
}
.pod {
    color: #008080;
}
.operator {
    color: #DD7700;
}
.number {
    color: #990000;
}
.match {
    color: #9900FF;
}
.magic {
    color: #0099FF;
}
.literal {
    color: #999999;
}
.line_number {
    color: #666666;
}
.keyword {
    color: #0000FF;
}
.interpolate {
    color: #999999;
}
.double {
    color: #999999;
}
.core {
    color: #FF0000;
}
.comment {
    color: #008080;
}
.cast {
    color: #339999;
}

.quote {
    margin: 20px 20px 20px 20px;
    font-style: italic;
}
.amazon{
    float: right;
    border: dotted 1px;
    padding: 0.5em;
    background-color: #eeeeee;
    margin-left: 1em;
    text-align: center;
}
.man {
    font-family: "Courier New", Courier, mono;
    font-size: 10pt;
    border-width: 1px;
    border-style: dotted;
    border-color: #808080;
    background-color: white;
    padding: 10px;
    margin: 30px 30px 30px 30px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 0;
  color: inherit;
}

.s {
  background-color: #dddddd;
  color: inherit;
}

.s td, .r td {
  padding: 0.2ex 1ex;
  vertical-align: baseline;
}

.notice {
    font-weight: bold;
    color: black;
    background-color: #AFD59B;
}

.notice a:link, .notice a:visited {
    color: black;
}

a.external {
  background: url(/images/icons/mini/extlink.gif) no-repeat right top;
  padding-right: 15px;
}

a.twitter {
  background: url(/images/icons/mini/twitter.png) no-repeat right top;
  padding: 0px 18px 10px 0px;
}

a.flickr {
  background: url(/images/icons/mini/flickr.png) no-repeat right top;
  padding: 0px 18px 10px 0px;
}

a.delicious {
  background: url(/images/icons/mini/delicious.png) no-repeat right top;
  padding: 0px 18px 10px 0px;
}

a.digg {
  background: url(/images/icons/mini/digg.png) no-repeat right top;
  padding: 0px 18px 10px 0px;
}

a.reddit {
  background: url(/images/icons/mini/reddit.png) no-repeat right top;
  padding: 0px 18px 10px 0px;
}