/* override gray style sheet */
#SM #bodyTable { background:url(../../andrew-cohen-blog/i/tmpl/main-bg.jpg) 0% 0% no-repeat; padding-top:0 !important }
#SM #tbodyBanner { background:url(../../andrew-cohen-blog/i/tmpl/main-fg.gif) 10px -20px no-repeat; height:143px }
#tbodyMain { background:white; padding-top:0 }
#mainNav {position:relative; top:-28px;}

/* use orange links (gray CSS uses blue links) */
a:link, a:visited, a:hover, a:active {color:#E34901;}

a.upArrow:link, a.upArrow:visited, a.upArrow:active {background:url(../uimages/bullets/arrow-up-orange.gif) 100% 50% no-repeat;}
a.video:link, a.video:visited, a.video:active {background:url(../uimages/bullets/video-orange.gif) 0 0 no-repeat; padding-left:18px;}
a.arrow { padding:0 8px; background:url(../../uimages/bullets/arrow-orange.gif) 0 50% no-repeat }

a.popopen { background-image:url(../../uimages/bullets/plus-orange.gif) }
a.popclosed { background-image:url(../../uimages/bullets/minus-orange.gif) }

/* popups */
#birthBanner { background:url(../../andrew-cohen-blog/i/tmpl/popup-bg.jpg) no-repeat; width:100%; height:71px }
#birthLogo { background:url(../../andrew-cohen-blog/i/tmpl/popup-fg.gif) no-repeat; width:100%; height:71px; text-indent:-2000em }

/* rightCol feature box 2 */	
#featuredBox2 {background:#fff url(../../uimages/featured2-orange.gif) no-repeat }
#featuredBox2 {margin:20px 0 0 8px; width:144px; padding-top:25px; padding-bottom:25px; background-color:#eee; border:1px solid #aaa }
#featuredBox2 h5 {font:bold 11px Georgia, serif; margin:5px 8px 0.6em 8px; color:#333 }
#featuredBox2 p {line-height:13px; margin:0 8px 0.6em 8px;}

/* layout */
td#birthLeft { width:599px }
td#birthRight { width:164px; background-color:#fff; border-left:1px solid #eee }

/* send to a friend */
#emailFriendContainer { margin:20px 0 0 17px  }
.sendFriend, .sendFriend a { width:123px; height:26px; background:url(../../uimages/buttons/send-friend.gif) no-repeat; }
.sendFriend a { display:block; text-indent:-2000em }
.sendFriend a:hover { background-position:0 -26px; text-decoration:none }

.emailSignup { margin-top:45px }


/* black banner */
#titleBanner { background-color:#000; color:#fff;
				font-size:18px;
				padding:10px 20px; overflow:auto; width:561px }
	#titleBanner #L { float:left }
	#titleBanner #L span { font-size:16px }
	#titleBanner #R { float:right }
	
	/* page nav */
	#titleBanner span { color:#aaa }
	#titleBanner a { color:#fff; background-color:#444; padding:0 4px; border:1px solid #666}
	#titleBanner a:hover { background-color:#888 }
	
#rightBanner { background-color:#ccc; font-size:18px; padding:10px 0; overflow:auto; width:164px }

/* main body */
#mainBody { background:url(../../andrew-cohen-blog/i/tmpl/body-fade.gif) repeat-x }
#mainBody #contents { padding:17px 21px }

#mainBody blockquote { margin:20px 30px; padding:24px 36px;
		background:url(../../andrew-cohen-blog/i/tmpl/quote-mark.gif) no-repeat }
#mainBody blockquote, #mainBody cite { font-family:georgia; line-height:19px }

p { color:#707070 }

/* main page: menu tables */
table.menu { background-color:#c1c1c1; margin-bottom:8px }
table.menu td.left { background:url(../../andrew-cohen-blog/i/tmpl/menucell-left.gif) repeat-x #221f20; width:27px;
			color:#fff; font-size:21px; font-weight:bold }
table.menu td.right { background:url(../../birth/i/tmpl/menucell-right.gif) repeat-x #fff;
			width:526px; padding:20px 20px 10px }

table.menu h3 { margin:0 0 10px }
table.menu h3 a { font:normal 20px/27px Georgia, serif }

table.menu p { color:#656565 }
table.menu a.i { float:right; margin:0 0 10px 16px; padding:5px; border:1px solid #f3f3f3 }
table.menu a.i:hover { border:1px solid #E34901 }

/* inner pages */
.item { border:1px solid #c1c1c1; background:url(../../andrew-cohen-blog/i/tmpl/item-fade.gif) repeat-x; margin-bottom:8px }
.item .article { background:url(../../andrew-cohen-blog/i/tmpl/icon-article.gif) top right no-repeat }
.item .video { background:url(../../andrew-cohen-blog/i/tmpl/icon-video.gif) top right no-repeat }
.item .inner { overflow:auto; width:100% } 

.item a.articleIcon, .item a.videoIcon, .item a.audioIcon { float:left; margin-top:8px }
.item img { float:left; padding:8px 16px 8px 8px }
.item p { float:left; margin-left:16px; display:inline; width:425px; margin-bottom:0; padding-bottom:8px }

/* 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 }


/* single posts */

h1 { color:#555 }
.postDate { color:#999; font-size:11px }

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

.singlePost, .comments, .postComment { border-bottom:3px double #bbb; padding-bottom:80px; 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(../../andrew-cohen-blog/i/tmpl/section-separator.gif) 50% 20px no-repeat; line-height:1px }

.singlePost a { color:#2880a3; 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:16px 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 }

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