div.blogtop { clear: both; width: 100%; height: 112px; padding: 5px 0 10px 0; }
h1 { background: url("nammBlogHeader.gif") 50% 0 no-repeat; text-indent: -5000px; width: 100%; height: 97px; cursor: pointer; }
div.blogmain { width: 60%; float: left; clear: left; display: inline; margin: 0 0 20px 20%; padding: 15px; font-family: Arial, sans-serif; border: #ccc 1px dotted; }
div.blogmain h3 { margin: 0 0 0.5em 0; padding: 0; color:#000066; font-weight: normal; font-size: 140%; } 
div.blogtopic { width: 100%; float: left; clear: both; margin: 0.5em 0; padding: 0.5em 0; border-top: dotted 1px #CCC; }
.blogbody { width: 98%; float: left; clear: both; display: inline; padding: 0.2em 1%; margin: 0.3em 0; font-size: 75%; text-align: justify; }
.bloghead { padding: 0; margin: 0; font-style: bold; color: #000066; font-size: 100%; }
.podhead { clear: both; padding: 1em 0 0 0; margin: 0; font-style: bold; color: #000066; font-size: 85%; }
.blogbody img { margin: 2px 5px; }
.blogbody img.left { float: left; display: inline; }
.blogbody img.right { float: right; display: inline; }
div.blogmain a, div.blogmain a:link { font-style: bold; color: #000066; font-size: 85%; text-decoration: underline; }
div.blogmain a:hover { color: #DAA520; }
div.timecode a, div.timecode a:link { font-size: 120%; }
.blogtime { font-style: bold; color: #666; font-size: 80%; padding: 0; margin: 0; }
.blogsmall { font-style: bold; color: #494a4b; font-size: 70%; padding: 0; margin: 0; }
div.blogbody ul { width: 25%; float: left; clear: none; display: inline; margin: 0; padding: 0.5em 5%; text-align: left; }
div.blogbody ul li { margin: 0.5em 0; }
div.blogbody ul ul { float: none; margin: 0; padding: 0.5em; }
div.blogbody ul ul li { margin: 0 1em; }
.timecode { float: left; display: inline; padding: 1em; margin: 0.5em; font-family: monospace; font-size: 85%; border: dotted 1px #CCC; }
.clearHack { width: 100%; display: block; clear: both; padding: 1em 0 0 0; font-weight: bold; }
