/* initialization ruiles */
html, body {width:100%; height:100%;}
body {margin:0; padding:0; font-family:sans-serif;}
div, p, img, form, fieldset {margin:0; padding:0; border:none;}
br {clear:both;}
form {width:100%;}
label, input, select {float:left; margin:0; padding:0;}
input.radio, input.checkbox {width:0; width:auto; height:0; height:auto;}
a, a:hover {text-decoration:underline;}
ul, li {margin:0; padding:0; list-style:none;}
.clr {clear:both;}

/*
	csshover2.htc enables :hover, :active and :focus effects on ANY element in ie
	pngbehavior.htc fixes transparent png rendering in ie, and
*/

body {behavior:url('htc/csshover2.htc');}
img {behavior:url('htc/png.htc');}

/* main ruiles */
body {background:#fff;}
body {font-size:12px; color:#666;}
a, a:hover {color:#f00;}

#logo {width:920px; height:48px; margin:0 auto;}
#logo img {float:right; margin:20px 11px 0 0;}

#box {width:920px; margin:2px auto; text-align:center;}
#box #border_top, #box #border_bot {height:10px;}
#box #border_mid {padding:8px 0; background:url(thg_blog_images/border_mid.gif) repeat-y;}

#masthead {margin:0 auto 1px auto;}


/* navlinks pane: contains navigation bar */
ul#linkbar {width:885px; height:32px; margin:0 auto; background:url(thg_blog_images/nav_bg.gif) repeat-x; text-align:left;}
ul#linkbar li {float:left; text-align:center; font:bold 1em/27px 'Helvetica Neue', Arial; padding-top:2px;}
ul#linkbar li.first {width:185px; background:url(thg_blog_images/nav_first.gif) no-repeat left top;}
ul#linkbar li.mid1 {width:188px; background:url(thg_blog_images/nav_mid.gif) no-repeat left top;}
ul#linkbar li.mid2 {width:184px; background:url(thg_blog_images/nav_mid.gif) no-repeat left top;}
ul#linkbar li.last1 {width:300px; background:url(thg_blog_images/nav_mid.gif) no-repeat left top;}
ul#linkbar li.last2 {width:28px; background:url(thg_blog_images/nav_last.gif) no-repeat right top;}
ul#linkbar li a {display:block; text-decoration:none; color:#666;}
ul#linkbar li a:hover {text-decoration:none; color:#f00; border-bottom:3px solid #f00;}
ul#linkbar li.active a {text-decoration:none; color:#f00; border-bottom:3px solid #f00;}


#column_left {float:left; margin:0 0 20px 17px; margin-left:expression(9+'px'); width:557px;}
#column_right {float:left; width:300px; text-align:left;}


/* styles for right column */
#column_right .padding {padding:12px 0 0 55px;}
#column_right h2 {margin-top:0; width:216px; font:bold 1.2em 'Arial Narrow', 'Helvetica Neue', Arial; border-bottom:1px solid #f00; padding-bottom:6px;}
#column_right ul {text-align:left; color:#f00; padding-bottom:3.6em;}
#column_right ul li {font:1em/1em 'Helvetica Neue', Arial; padding-bottom:6px;}
#column_right ul li a {text-decoration:none; color:#666;}
#column_right ul li a:hover {text-decoration:none; color:#f00;}


/* styles for left column */
/* unit block: encompasses entry and control panes */
.unit {margin:0; position:relative;}

/* entry pane: contains photo and paragraph */
.entry {min-height:76px; _height:76px; height:auto; overflow:hidden; position:relative; z-index:100;}

.portrait {float:left; text-align:right; width:100px; padding:14px 21px 0 0; background:url(thg_blog_images/bubble_tail.gif) no-repeat right 14px;}
.portrait img {border:1px solid #cecece;}

.para {float:left; width:436px; margin:14px 0 0 0; background:#f1f0f0;}
.para .padding {padding:8px 17px 2px 17px; font:1em/1.3em 'Helvetica Neue', Arial; color:#666; text-align:left;}
.para h2, .para h4 {margin:0;}
.para h4 {font:normal 0.92em/0.92em 'Helvetica Neue', Arial;}
.para h2 {padding-top:0.5em; padding-top:expression(0.3+'em'); font:bold 1.4em/1.8em 'Helvetica Neue', Arial;}
.para .name {font-weight:bold; color:#f00;}
.para .date {font-weight:bold; }
.para p {padding:0.8em 0 0 0; font:1em/1.8em 'Helvetica Neue', Arial;}
.para ol {padding:-20px 0 0 0; font:1em/1.8em 'Helvetica Neue', Arial;}
.para ul {padding:-20px 0 0 20px; font:1em/1.8em 'Helvetica Neue', Arial;}
.para li {font:1em/1.8em 'Helvetica Neue', Arial; list-style-type: square;}
.para li.num {font:1em/1.8em 'Helvetica Neue', Arial; list-style-type: decimal;}
.para li.bul {font:1em/1.8em 'Helvetica Neue', Arial; list-style-type: square; margin-left:20px;}
/*.para li {font:1em/1.9em 'Helvetica Neue', Arial; padding-left:2em; text-indent:-2em;}*/

/* new class for BloggerTitle */
.title { font-family:'Helvetica Neue', Arial; font-size:.82em; color:#666; line-height:1.4em; }


/* control pane: contains entry info and expand/collapse toggler */
.control {margin:0 0 3px 121px; width:436px; text-align:left; background:#f1f0f0; position:relative; bottom:0; left:0; z-index:1000;}
.control ul {padding-left:17px; height:24px;}
.control ul li {float:left; text-align:left; font:bold 0.82em/1.8em 'Helvetica Neue', Arial; color:#666;}
.control ul li.top {width:217px;}
.control ul li.com {width:132px;}
.control ul li.com a {text-decoration:underline; color:#666;}
.control ul li.com a:hover {text-decoration:underline; color:#f00;}
.control ul li.swi {width:70px; color:#f00;}
.control ul li.swi a, .control ul li.swi a:hover {color:#f00; text-decoration:none; display:block; text-align:right; padding:0 29px 0 0; background:url(thg_blog_images/arrow_down.gif) no-repeat 48px 7px; cursor:pointer;}

.commentername {font-size:11px;font-style:italic;}