body
{
 background: #000000; color: #FFFFFF;
 font-family: ArialMT, Arial, sans-serif; font-size: 1em;
}

.page
{
 width: 600px;
 margin: 1.5em auto;
}


h1
{
 font-size: 1em; font-weight: normal;
 background: #000000; color: #FFFFFF;
 width: 280px;
 float: right;
}

h1 .title
{
 color: #FFFFFF;
 font-family: Comic Sans MS;
 font-size: 3em;
 text-align: center;
}

h1 .tagline
{
 display: block;
 font-family: Courier New;
 font-size: 0.8em;
 color: #AAAAAA;
}

.frontImg
{float: left;}

.h1body
{
 width: 326px;
 float: right;
 font-size: 0.9em;
}

.h1body p
{
 font-size: 1em;
 line-height: 1.33em;
 margin: 0em;
 margin-top: 0.5em;
}

.h1body p.aside
{
 font-size: 0.7em;
 opacity: 0.4; /* <IE> */ filter: alpha(opacity=40); /* </IE> */
 margin-top: 0.1em;
 font-style: italic;
}

.forceBreak,
.break
{
 float: none;
 clear: both;
 margin: 1em 0em;
}

a, img
{border: 0px;}

img
{
 behavior: url('http://blog.bpsite.net/iepngfix.htc');
}

.footer
{
 margin: 0em;
 margin-top: 3em;
 text-align: center;
}



.footer #madeonamac
{
 margin: 0em 5em;
}

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

a:hover
{
 color: #AAFFAA;
 text-decoration: underline;
}

.recent
{
 float: left;
 width: 245px;
}

.recent ul
{
 margin: 0px;
 padding: 0px;
 list-style: none;
}

.recent ul li *
{
 margin: 0.1em;
 border: 0px;
 padding: 0em;
}

.recent ul li h2
{
 font-size: 1.3em;
}
.recent ul li h2 a
{
 font-weight: normal;
}

.recent ul li .date
{
 font-size: 0.8em;
 font-style: italic;
}

.recent ul li .brief
{
 font-size: 0.7em;
}

.recent ul li .comments
{
 font-size: 0.8em;
 text-align: left;
}

ul.categories
{list-style: none; margin: 2px; padding: 2px; width: 245px;}

ul.categories li
{display: block; float: left; margin: 2px 5px;}

h4
{margin: 0.1em; font-weight: bold; font-variant: small-caps;
 text-align: center;}

div.comment
{
 border-top: double 3px #606060;
 margin: 0em;
 margin-top: 1.4em;
 padding: 2px 4px;
 font-size: 0.9em;
 background: #202020;
}

div.comment div.sig
{
 text-align: right;
 margin: 0em;
 padding: 3px;
 font-style: italic;
}

.h2body p, .h3body p
{
 margin: 0.4em 0em;
}

em.highlight
{
 display: block;
 margin: 1em; padding: 1em;
 border: solid 3px #808080;
 font-style: normal;
 font-weight: bold;
}

p em, em.highlight em
{
 display: inline;
 margin: 0px; border: 0px; padding: 0px;
 font-style: italic;
}

code.block
{
 display: block; width: 98%;
 margin: 0.5%; padding: 0% 0.5%;
 height: 20em;
 overflow: auto;
 white-space: pre;
 background: #404040;
}

code.block2
{
 display: block;
 margin: 0.5em 0em; padding: 0.5em 1em;
 white-space: pre;
 background: #404040;
 line-height: 0.6em;
}

code
{display: block; background: #404040;}