body, pre {
color : #333333;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : 1.8em;
}
div + div, h2 + div { margin: 0 0 12px 12px }
div + h2, div + table {
margin-top: 24px;
margin-bottom: 12px;
}
div p { margin-top: 0 }
h1 {
font-size: 18px;
font-weight: bold;
margin: 0px 0 9px
}
h2, h3 {
font-size: 12px;
font-weight: bold;
margin: 18px 0 9px;
}
pre + hr { margin-top: 24px }
pre {
margin: 0;
}
ul.nav {
list-style-type: none;
margin: 0;
padding: 0
}
a.nav:hover {
background: #333;
color: white
}

/* use left_bar + center for [ 1/3 ] [   2/3  ] */
/* left_bar + center + right_bar for [ 1/4 ] [ 1/2 ] [ 1/4 ] */
#left_bar {
position: absolute;
left: 10px;
top: 48px;
margin: 0 10px 10 10;
}
#left_bot {
/* background: url('mattpaul_sparkclub_thumb.jpg'); */
/* background: url('images/halloween_fab_crop.jpg') top left no-repeat; */
position: fixed;
!position: absolute;
left: 20px;
bottom: 10px;
margin: 10px;
height: 210px;
width: 190px;
}
#left_bot pre {
display: none;
}
#center, .center {
position: absolute;
top: 48px;
margin: 0px 10px 10px 250px;
width: 400px
}
#right_bar {
position: absolute;
top: 30px;
margin: 0 10px 10 700;
}
/* use left_col + right_col for [ 1/2 ] [ 1/2 ] */
#left_col {
margin: 0 10px 10 10;
position: absolute;
top: 30px;
width: 300px
}
#right_col {
margin: 0 10px 10 330;
padding: 0;
position: absolute;
top: 30px;
}
#top {
margin: 10px 10 20 10;
}
#bottom {
margin: 20px 10 20 10;
position: absolute;
bottom: auto;
left: auto;
}