html{
/* Make every page display a scrollbar,for horizontal continuity:*/
height:100%; margin-bottom:1px}

body{background-color:white; font-family:Verdana,Arial,Helvetica,sans-serif; margin:0px 0px 0px 0px; color:#0E4831}

div#navigation{
z-index:2;
position:absolute;
left:0px;
top:0px;
background:#7CAF88;
padding:5px; 
width: 180px;
}

div#rightcontent {
position: absolute;
right:0px;
top:0px;
width:200px;
background:#7CAF88;
}

div#main{
z-index:1;
margin: 25px 200px 25px 25px;
background:#F1EAD4;
padding:10px 25px 20px 185px
}

a, a:link, a:visited{color:#BD282E; text-decoration:none}

a:hover, a:active{color:#DC4128; text-decoration:underline}

img{ border:none; padding:5px; }

img.tight{border:none; padding:0px; display:inline; margin:0px}

/* this should be phased out as pages are all rebuilt */
div#navigation #title-logo{text-align:center}

/* included font-size here for moblog text; don't want to put in <p>'s because of spacing */
div#navigation .menu-image,
div#rightcontent .menu-image{text-align:center; font-size:10px}

div#navigation .flickr_badge{text-align:center; font-size:10px}
div#navigation .flickr_badge img{padding-bottom:0px}

img[align="right"]{float:right}

img[align="left"]{float:left}

p{color:#0E4831; margin:0px 10px 10px 10px}

h1{/* Heading for page titles */margin-right:0px; margin-top:0px; margin-bottom:20px; font-size:24px; color:#7CAF88; text-align:right}

h2{/* Heading for titles for blog entries */color:#0E4831; font-size:14px; font-weight:bold; text-align:center; text-shadow:3px 3px 5px #7CAF88}
h2 a, h2 a:link, h2 a:visited{color:#0E4831; text-decoration:none}
h2 a:hover, a:active{color:#DC4128; text-decoration:underline}

h3{/* Heading for bottom-of-page info (archive,entry-traversal) */color:#0E4831; font-size:12px; font-weight:bold; text-align:center; margin-top:1em}

h4{/* Heading for link sections on links.html */color:#0E4831; font-size:13px; font-weight:bold; margin-top:1em}

strong{font-size:13px; font-weight:bold}
div#navigation{font-size:10px}

div#navigation p{padding:.8em; font-size:10px; margin-left:1em}
div#navigation input{font-size:10px; font-family:Verdana,Arial,Helvetica,sans-serif;}

div#navigation ul{list-style-type:none; margin:0; padding:.8em; text-indent:0; margin-left:1em}

div#navigation ul li.level2{text-indent:1em}

div#navigation ul li.level2 img{padding:0px; padding-left:.5em; vertical-align:top}

div#navigation ul li{list-style-type:none; margin:0; text-indent:0; font-size:10px; padding:0; line-height:1.3em}

div#navigation ul li a{font-weight:bold}

div#navigation ul li.heading{font-weight:bold}

div#navigation ul.media li.level2{text-indent:0; font-size:9px}

div#navigation ul.media a{font-weight:normal}

div#twitter_div {
margin:8px 2px 10px 5px;
border:1px solid #a51410;
background-color:white;
padding: 0px;
font-size: x-small;
}

div#twitter_div ul#twitter_update_list {
margin: 0px;
padding: 5px;
}

div#twitter_div ul#twitter_update_list li {
list-style-type:none;
font-size: x-small;
margin-bottom: 5px;
margin-left: 0px;
} 

div#twitter_text { margin-bottom: 5px; margin-right:5px; padding:0px; font-weight: bold; text-align:right;}

div#main{font-size:11px; overflow:hidden}

div#main div.blog-entry{z-index:3; border:4px solid white; padding:1em; overflow:hidden; margin-bottom:3em}

div#main div.blog-entry p{margin:0 0 1em 0}

div#main div.blog-entry p strong{font-size:11px; font-weight:bold}

div#main div.blog-entry table{width:90%; border:0px; cell-spacing:1em; cell-padding:0px; font-size:9px}

div#main div.code{ z-index:3; border:4px solid white; background-color:#EEE; padding:0em 1em 1em 1em; /*top,right,bottom,left*/ overflow:auto; margin:1em 3em 1em 3em}

.tdLight{background-color:white}

div#main blockquote{border:none; /* border:1px solid #67513B; */
background:white url(/images/double_quote_trans.png) +2px +2px no-repeat;
margin:0 4em 1em 4em; padding:1em 1em .25em 1em; font-size:11px; text-indent:0; color:#0E4831}

div#main p.timestampArchive{text-indent:0em; margin-top:3em; margin-bottom:3em; font-size:9px; font-weight:bold; float:right}

div#main p.timestampIndividual{text-indent:0em; margin-top:3em; margin-bottom:.5em; font-size:9px; font-weight:bold}

div#main div.link-section{/* on links.html */margin-left:2.5em}

div#main p.smallprint{margin-top:.3em; margin-bottom:.3em; font-size:9px}

div#main ul.no-bullet{list-style:none}

div#main .thumbnail{float:left; text-align:center; width:100px; border:none; margin:0 0 0 0; padding:5px}

div#main p span.lightprint{font-size:8px; color:white}

div#main p span.darkprint{font-weight:bold}

div.vcard{display:none}