/* ---------- */

#blogTable { background:#faf9f4 }
	#logoCell { width:580px; height:43px; background:url(../../blog/i/tmpl/banner-bg.jpg) no-repeat; }
	#logoCell div { background:url(../../blog/i/tmpl/logo.gif) no-repeat; width:580px; height:43px; text-indent:-2000em }
	#logoCell div a { display:block; width:450px; height:43px; text-indent:-2000em  }
	#logoCell div a:hover { background:url(../../blog/i/tmpl/logo-over.gif) 262px 32px no-repeat }

	#photoCell { width:180px; background:#a7adb2 }
	#photoCell img { padding:6px 8px }
	
	#bannerCell { width:580px; height:143px; background:url(../../blog/i/tmpl/lower-banner.jpg) no-repeat }
	#bannerCell a { display:block; text-indent:-2000em; width:580px; height:143px;
				background:url(../../blog/i/tmpl/banner-text.gif) no-repeat }

	#blogContents { width:580px; background:url(../../blog/i/tmpl/vdots.gif) repeat-y top right;
			padding:6px 16px }
	#blogNav { width:180px; padding:15px 14px 50px }

#footer { background-image:url(../../uimages/tmpl/footer-grad.gif)}


/* ---------- */

/* blog index */

#blogTable a { color: #2880a3 }

#blogContents img { display:inline }

.summary { border-bottom:3px double #bbb; margin:14px 0; padding-bottom:7px }
	.postDate { color:#999; font-size:11px }
	.postTitle { font:18px georgia, serif; margin:3px 0 10px }
	.postSubtitle { font:italic 13px georgia, serif; color:#818181; margin:0 }
	.postSubtitle em { font-style:normal }
	.postBlurb { margin-bottom:12px }
	.postBlurb, .postBlurb p { font:13px/19px georgia, serif }
	.postPost { color:#999; font-size:11px }

/* right column */
#blogRight a { font-family: georgia, serif }

a.rss, a.backToMain { display:block; margin:4px 0 4px 7px; padding-left:21px;
					font:11px "trebuchet ms" !important; color:#888 !important }
a.rss { margin:0; background:url(../../uimages/bullets/rss.gif) no-repeat }
a.rss:hover { color:#444 !important }
a.backToMain { background:url(../../uimages/bullets/left-chevron.gif) 1px 1px no-repeat }

a.pdfIcon { display:inline !important }

.navBoxWrapper { margin:14px 0; }
.navBox { background:url(../../blog/i/tmpl/hatch.gif); padding:1px 8px; 
			 border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
	.navBox h5 { color:#888; font: 11px "trebuchet ms"; padding:2px 4px; margin:10px 0 6px;
				letter-spacing:1px; text-transform:uppercase;
				background:#faf9f4; border-bottom:1px solid #d0d0d0; border-right:1px solid #d0d0d0 }
	.navBox p { margin:0 0 16px 4px }
	.navBox p.sepDots a { display:block; padding:8px 0; background:url(../../uimages/dots/h4_gray.gif) repeat-x 0 100% }
	.navBox p.sepDots a.last { background-image:none; padding-bottom:0 }
	.navBox a, .navBox span { font:11px/16px georgia,serif }
	.navBox span.counter { color:#999 }
	.navBox span.selected { color:#999; padding-right:9px;
					background:url(../../uimages/bullets/diamond-gray.gif) 100% 50% no-repeat; }

	.navBox a img.transp { opacity:.60;filter:alpha(opacity=60);-moz-opacity:0.60; }
	.navBox a:hover img.transp { opacity:.99;filter:alpha(opacity=99);-moz-opacity:0.999 }

/* single posts */

h1 { color:#555 }

/* smaller header for inner pages */
.multiPageHdrInner { border-bottom:3px double #bbb; padding-bottom:2px; margin-bottom:18px }
.multiPageHdrInner h1 { font-size:14px; margin:0px 0 4px; color:#333 }
.multiPageHdrInner .postSubtitle { font-size:12px }

.singlePost, .comments, .postComment { border-bottom:3px double #bbb; padding-bottom:16px; margin-bottom:16px }
.singlePost, .singlePost p { font:13px/19px georgia, serif }
.singlePost .postSubtitle { margin:-10px 0 15px }

.singlePost .commentNotice { border:1px solid #aaa; background:#fff;
						font:11px/14px "trebuchet ms"; color:#606060;
						padding:9px; float:right; margin:0 0 16px 16px; width:140px }

.singlePost .sectionSep { height:60px; background:url(../../blog/i/tmpl/section-separator.gif) 50% 20px no-repeat; line-height:1px }

.singlePost blockquote { margin:1.8em 0; padding:0 20px; background:url(../../uimages/dots/v4_gray.gif) repeat-y; color:#505050}
.singlePost blockquote, .singlePost blockquote p { font-size:12px }


.singlePost a { text-decoration:underline }
.singlePost a:hover { color:#338FDE !important; background-color:#fff }

.blogPageNav { background:#f0efea; color:#888; font-size:12px; padding:4px 8px; float:left; overflow:auto; margin:12px 0 }
.blogPageNav a { font:bold 12px "georgia"; padding:0 6px; display:inline; text-decoration:none }
.blogPageNav a.nextPage { padding-left:20px }
.blogPageNav a:hover { background-color:#f0efea; text-decoration:underline }
.blogPageNav span.here { font:bold 12px "georgia"; padding:0 4px; color:#aaa; background-color:#fff }
.blogPageNav span.hereComments { margin-left:20px }

.comments h3, .postComment h3, .trackbacks h3 { font:bold 16px "trebuchet ms"; margin:12px 0; color:#333 }

.commentTable { margin-bottom:12px }
td.commentCount { font:bold 18px "trebuchet ms"; width:20px; padding-top:8px }
td.oneComment { width:510px; background:url(../../blog/i/tmpl/comment-fade.gif) repeat-x; padding:10px 13px}
td.oneComment, td.oneComment p { font:11px "trebuchet ms"; color:#494949 }
td.oneComment .byline { padding:2px 4px; float:left; overflow:auto; margin-bottom:6px;
						background:#faf9f4; color:#8d8d8d;
						border-bottom:1px solid #bbb; border-right:1px solid #bbb;  }
td.oneComment .byline b { color:#494949 }
td.oneComment .contents { clear:both; padding:0 4px }

td.oneComment .AC .byline { background:#27517B; color:#ddd }
td.oneComment .AC .byline b { color:#fff }

.postComment p.intro { font-size:11px; color:#777 }
.postComment p.intro a { text-decoration:underline; color:#338FDE !important }
.postComment p.intro a:hover { text-decoration:none }

.postComment .formRow { overflow:auto; clear:both; padding:3px 0 }
.postComment label { float:left; width:140px; font-size:13px; color:#333}
.postComment .border { border:1px solid #aaa; border-color:#aaa #ddd #ddd #aaa }
.postComment input.txt, .postComment input.noErr, .postComment input.err { float:left; width:168px; font:12px "trebuchet ms" }
.postComment .info { float:left; margin-left:20px; font-size:12px; color:#999}
.postComment div.captcha { float:left; margin-left:3px }
.postComment input.captcha { clear:both; float:left; margin:0 0 5px 140px; font:12px "trebuchet ms" }
.postComment input.submit { clear:both; margin:10px 0 10px 140px; font-family:"trebuchet ms"; font-size:13px }
.postComment p.commentNote { clear:both; margin:10px 0 10px 140px; font-family:"trebuchet ms"; font-size:11px }
.postComment textarea { float:left; width:325px; height:116px; margin:3px 0; font:12px "trebuchet ms"}

.commentForm { margin:30px 0 30px 20px }

/* photos */
.photoBox { float:right; margin:12px 0 12px 12px; padding:12px; text-align:center;
			border:1px solid #e4e4e4; background:#fff }
.photoBox img { display:block; border:0 }
.photoBox p { margin-top:12px; font-style:italic }

/* form validation */
.lbl		{}
.lblErr		{color: #002EE4 !important}
.errMsg		{color:#002EE4; display:none; margin:0 0 15px 140px; font-size:12px }


#notes-ad { margin:60px 0 0 3px;
		 width:134px; height:109px; background:url(../../uimages/ads/notes-bg.gif) no-repeat }
#notes-ad #fg, #notes-ad #fg a { width:134px; height:109px;
		background:url(../../uimages/ads/notes.gif) no-repeat }
#notes-ad #fg a { display:block; text-indent:-2000em; text-decoration:none }
#notes-ad #fg a:hover { background:url(../../uimages/ads/notes-over.gif) 100px 78px no-repeat }