
.founder { margin:50px 0 0 10px}
.tocSubscribeAd { margin-top:600px; padding-left:12px }


#mainContents { padding:5px 41px 21px 32px }
	#tocHeader { height:27px; margin:18px 0; border-bottom:1px solid #660101 }
	a.moreAbout { text-indent:-2000em; font-size:1px }
	h3.moreAbout { background:url(../../j27/images/toc/h3-more.gif) no-repeat; width:164px; height:14px;
				text-indent:-2000em; margin:0 0 12px }
	#mainContents p { color:#272727; line-height:15px }

	h3.featured { background:url(../../j27/images/toc/h3-featured.gif) no-repeat; width:120px; height:17px;
				text-indent:-2000em; margin:0 0 12px }
	
	.doubleSep, .doubleSep100 { width:499px; height:3px; margin:14px 0; font-size:1px;
				background:url(../../j27/images/toc/double-separator.gif) repeat-x} 
	.doubleSep100 { width:100% }
				
	/* TOC */
	.tocRow { margin: 0 0 15px }
	h3.smSectionHdr {margin:0; }
	
	/*introduced in J34*/
	h3.articleAuthor {color: #333; margin-bottom:0.4em; text-transform:uppercase;}
	h6.articleTitle {color:#505050; margin-bottom:0.8em; font-size:15px; xtext-transform:uppercase;}
	#mainContents .grayBorder {border:2px #777 solid;}
	/*END: introduced in J34*/
	
	h6 { margin:0 0 0.3em; font-size:12px; font-weight:bold; }
	h6.lgSectionTitle { margin:4px 0 9px 0; font-size:15px; font-weight:bold; color:#000;}
	.leftPhoto { width:129px; float:left }
	.rightText { width:404px; float:left }
	.rightText2 { /* width:184px; */ float:left }
	.rightText p { margin-top:9px }

	table.tocTable { border:1px solid #fff; margin:0 0 15px }
	td.tocImage { width:129px }	
	

#newBanner { width:596px; margin:0 0 15px -23px; padding-top:3px }
	#newBanner #top, #newBanner #bot { width:596px; height:7px; line-height:1px;
			background:url(../../uimages/04/toc/banr-top.jpg) no-repeat }
	#newBanner #bot { background:url(../../uimages/04/toc/banr-bot.jpg) no-repeat }
	#newBanner #mid { background:url(../../uimages/04/toc/banr-mid.jpg) no-repeat; width:596px; padding:1px 0 }
	
	#newBanner #cover { float:left; margin:13px 33px 0 23px; display:inline; width:134px }
	#newBanner #cover img { margin-bottom:15px }
	#newBanner #copy { float:left; margin:13px 0 0; width:385px }
	#newBanner .issueNumber { font-size: 11px; text-transform: uppercase; color: #444; margin-bottom:5px }
	#newBanner .issueTitle { font-size: 17px; font-weight: bold; line-height: 19px; color: #191919; margin-bottom:13px }
	#newBanner .issueSubtitle { font-size: 13px; line-height: 16px; color: #191919; margin:-8px 0 5px }
	#newBanner #copy #blurb { margin-top:20px; width:270px }
	
	#newBanner #look { margin:15px 0 10px }
	#newBanner #look, #newBanner #look a { display:block; text-indent:-2000em; width:127px; height:35px;
						background:url(../../uimages/04/toc/look-inside.gif) no-repeat }
		#newBanner #look a:hover { background-position:0 -35px }

	
#unboundBox { float:right; width:199px; display:inline; margin:20px 0 20px 20px }
	#unboundBox #top { width:199px; height:69px; background:url(../../uimages/04/toc/paid/unbound-top.gif) no-repeat }
	#unboundBox #mid { width:199px; background:url(../../uimages/04/toc/paid/unbound-mid.gif) repeat-y }
	#unboundBox #mid #content { padding:0 16px 10px }
	#unboundBox #bot { width:199px; height:9px; background:url(../../uimages/04/toc/paid/unbound-bot.gif) no-repeat }

	#unboundBox p { margin:0 0 0.7em; font-size:10px; line-height:12px }
	#unboundBox p.intro a { font-weight:bold; color:#C96100 }
	/* #unboundBox p.intro b { font-style:italic; color:#C96100 }
	#unboundBox p.intro em { font-style:normal; color:#C96100 } */
	
	#unboundBox h6 { margin:0 0 1em; color:#4B4B4B; font-size:10px; font-weight:bold }
	
	/* each audio is in an "unblock" */
	.unBlock { margin:8px 0 0; padding:1px 0 }
	.unBlock .miniPhoto { float:left }
	.unBlock .miniCopy { float:left; margin-left:12px; display:inline; width:110px; padding:0 }
	.unBlock .miniCopy cite { font-style:italic; color:#777; display:block; margin:.4em 0 }	/* person's title */
	.unBlock .miniCopy p { margin:0 0 0.6em; font-size:10px; color:#525252 }
	.unBlock .miniCopy a { color:#525252 }

	/* unbound login, signup buttons */
	#unboundBox #kludge { height:10px }		/* margin not working on buttons */
	#unboundBox #buttons { height:25px; margin:10px 0 0 }
	#unboundBox #buttons #login, #unboundBox #buttons #signup { float:left; display:inline; height:25px }
	#unboundBox #buttons div a { display:block; text-indent:-2000em; height:25px }
	#unboundBox #buttons #login, #unboundBox #buttons #login a { width:51px;
			background:url(../../uimages/articleTemplate/paid/login-but.gif) no-repeat }
	#unboundBox #buttons #login a:hover, #unboundBox #buttons #signup a:hover { background-position:0 -25px }
	#unboundBox #buttons #signup { margin-left:6px }
	#unboundBox #buttons #signup, #unboundBox #buttons #signup a { width:53px;
			background:url(../../uimages/articleTemplate/paid/trial-but.gif) no-repeat }

	#paidLoginPop { display:none; margin-top:14px; padding:8px 0;
				background:url(../../uimages/04/ub/tiled-bg.gif) }
	#paidLoginPop #content { }
				
	/* login box in paid content */
	#paidLoginPop form { display:inline }
	#paidLoginPop table { margin-top:10px }
	#paidLoginPop input { margin:2px 0  }
	#paidLoginPop input.txt { width:80px}
	div.goWrap { margin:2px 0 0 6px }
	input.loginGo, div.goWrap		{ width:26px; height:18px; 
				background:url(../../uimages/04/ub/login-go.gif) no-repeat; cursor:hand }
	input.loginGo:hover, input.loginGoHover	{ cursor:hand;
				background:url(../../uimages/04/ub/login-go-over.gif) no-repeat }
	#paidLoginPop div.forgot { margin-top:5px }
	#paidLoginPop div.forgot, #paidLoginPop div.forgot a { width:120px; height:9px; font-size:1px; display:block; text-indent:-2000em; 
								background:url(../../uimages/04/ub/login-forgot.gif) no-repeat }
	#paidLoginPop div.forgot a:hover { background-image:url(../../uimages/04/ub/login-forgot-over.gif) }
