body 
{ 
    margin:                 0em; 
    font-family:            Verdana, Helvetica, sans-serif; 
    font-size:              small;
    color:                  black;
    background-color:       #FFCC66;
    background-image:       url(images/crazedmonkey-canvas-halved.gif);
    background-attachment:  fixed;
    background-position:    0 10px;
    background-repeat:      no-repeat;
}

h1 
{ 
    margin:                 0 0 0 1em;
    font-size:              400%;
    font-weight:            bold;
    color:                  #FF6600;
    background-color:       transparent;
}

h1 a
{
    text-decoration:        none;
    color:                  #FF6600;
}

h2 
{ 
    margin:                 -1em 0 0 5em;
    font-style:             italic; 
    font-weight:            normal; 
    font-size:              200%;
    background-color:       transparent;
    color:                  black;
    padding-bottom:         0.5em;
}

#weblog h3
{
    margin-top:             2em;
    margin-bottom:          1em;
    padding-bottom:         0.5em;
}

#linkBar h4
{
    font-weight:            bold;
    margin-bottom:          1em;
}

#linkBar ul
{
    list-style:             none;
    padding:                0em;
    margin:                 0em;
}

hr 
{ 
    padding:                1px; 
    border:                 1px outset black; 
    color:                  inherit;
    background-color:       #FF6600;
}

img 
{
    border:                 none;
}

a:hover
{
    text-decoration:        none;
}

ins
{
    text-decoration:        none;
}

sup
{
    font-size:              xx-small;
}

acronym, abbr
{
    font-size:              smaller; 
    letter-spacing:         .1em;
    cursor:                 help;
}

pre code, pre samp
{
    padding:                1em;
    display:                block;
    background-color:       silver;
    color:                  black;
    overflow:               auto;
}

div#content
{
    width:                  80%;
    float:                  left;
}

div#weblog
{ 
    margin:                 0 1em 0 11em;
    left:                   10em;
    right:                  0em;
    padding:                0em 1em 1em 1em;
    background-color:       white;
    color:                  inherit;
    border:                 1px black outset;
}

div.navigation
{
    padding-top:            1em;
    width:                  100%;
}

div.navigation .next
{
    float:                  right;
}

#content>div#weblog
{ 
    background-image:       url(images/crazedmonkey-canvas-halved-faded-2.jpg);
    background-attachment:  fixed;
    background-position:    0 10px;
    background-repeat:      no-repeat;
}

div#linkBar
{ 
    display:                inline;
    width:                  20%;
    float:                  left;
    text-align:             center;
    font-size:              smaller;
}

div.topic h3 a
{
    color:                  black;
    text-decoration:        none;
}

div.topic h3 a:hover
{
    text-decoration:        underline;
}

div.topicText
{
    margin-left:            2em;
    margin-right:           1em;
}

div.tweet
{
    margin-left:            0em;
}

div.tweet p:first-child
{
    font-size:              medium;
    font-weight:            bold;
}

div.topicTags ul, div.topicTags ul li
{
    display:                inline;
}

div.topicTags ul
{
    padding: 0;
    margin:  0;
}

div.topicTags
{
    font-size: small;
}

div.topicTags ul li:after
{
    content: ", ";
}
div.topicTags ul li.last:after
{
    content: "";
}

dl.topic dl dt
{
    font-weight:            normal;
}

#weblog img
{
    float:                  right;
    margin:                 1em 0 1em 1em;
    padding:                3px;
}

.topic img
{
    border:                 1px solid gray;
}

p.topicInfo
{
    text-align:             right;
    margin-right:           -1em;
}

.single p.topicInfo
{
    text-align:             center;
    margin:                 2em 4em 2em 4em;
    padding:                1em 0 1em 0;
    font-size:              smaller;
    border-top:             1px solid black;
    border-bottom:             1px solid black;
}

p.commentInfo
{
    font-size:              smaller;
    margin-top:             0;
    padding-top:            0;
}

p.commentAuthor
{
    margin-bottom:          0;
    padding-bottom:         0;
}

ul#categories
{
    display:                inline;
    border:                 1px black outset;
    margin:                 0;
    padding:                0;
    float:                  left;
    color:                  inherit;
    background-color:       white;
    font-size:              150%;
    font-weight:            bold;
    list-style:             none;
}

#content>ul#categories
{
    background-image:       url(images/crazedmonkey-canvas-halved-faded-2.jpg);
    background-attachment:  fixed;
    background-position:    0 10px;
    background-repeat:      no-repeat;
}

ul#categories li>a:hover
{
    background:             url(images/crazedmonkey-canvas-halved-orange.jpg) #FC6 0 10px no-repeat fixed;
    color:                  black;
}

ul#categories li a
{
    color:                  inherit;
    background:             inherit;
    padding:                0 0.5em 0 1em;
    display:                block;
    text-decoration:        none;
    width:                  5em;
}

ul#categories li ul
{
    display:                none;
}

ul#books, ul#about, ul#site
{
    padding:                0 0 1em 0;
    margin:                 0 1em 1em 0;
    list-style:             none;
    border-bottom:          1px solid black;
    text-align:             left;
}

ul#site 
{
    text-align:             center;
}

li.widget ul
{
    padding:                0em;
    margin:                 0em;
}

ul#weblogs ul, ul#books ul
{
    list-style:             circle inside;
}

ul#about ul, ul#site ul
{
    list-style:             none;
}

ul#site ul li
{
    display:                inline;
}

ul#books ul#reading
{
    list-style:             none;
}

ul#books ul#reading li
{
    display:                block;
}

ul#books ul#reading p
{
    text-align:             center;
}

p#copyright
{
    font-size:              x-small;
}

textarea#comment
{
    width:                  100%;
}