#mainContent { padding-top:20px }

h1.title { background:url(../directory/i/h1.gif) no-repeat; width:244px; height:63px;
	margin:0 0 20px 18px; text-indent:-2000px }
h2 { margin: 15px 0 0; font-size:14px; color:#0D3565 }

#directoryArea { width:586px; background:url(../directory/i/bg.gif) no-repeat 0 30px; margin-left:12px}

#directoryTabs { overflow:auto }
#directoryTabs div { float:left; margin-right:8px }
#directoryTabs div, #directoryTabs div a { display:block; text-indent:-2000em; height:31px; background:no-repeat }
#directoryTabs div a:hover { background-position:0 -31px }
#directoryTabs #person { margin-left:20px }
#directoryTabs #person, #directoryTabs #person a
	{ width:102px; background-image:url(../directory/i/tab-person.gif) }
#directoryTabs #subject, #directoryTabs #subject a
	{ width:105px; background-image:url(../directory/i/tab-subject.gif) }
#directoryTabs #av, #directoryTabs #av a
	{ width:139px; background-image:url(../directory/i/tab-av.gif) }
#directoryTabs div.on { background-position:0 -62px }

#subnav { clear:both; margin:6px 0 0 20px; font:13px verdanda; color:#999; /* letter-spacing:1px */ }
#subnav .here { font-size:13px; color:#bbb }
#subnav a { font-size:13px }

#tabContent { padding:24px 18px }

/* --- people page --- */

.box1, .box2 { width:545px; margin:0 0 8px }
.box1 .content, .box2 .content { padding:8px }
.box1 img, .box2 img { float:left; margin:0 15px 0 10px;  display:inline }
.box1 p, .box2 p { margin:0 }
.box1 { background:#f2f2f2 }
.box2 { background:#f8f8f8 }
.imgSpacer { width:58px; float:left; display:inline }

.personHeadshot { float:right; margin:6px 50px 30px 20px; display:inline }
.personHeadshot img { border:6px solid #fff }

/* --- subject page --- */
a.sToggle { font-weight:normal }
.superGroup { padding:0 18px 0; margin:10px 0; line-height:14px;
			background:url(../uimages/dotted-vert-line.gif) repeat-y }
.counts { padding:0 0 0 20px; font-size:9px; color:#888 }

#specialFeatures { float:right; display:inline; margin:20px 0 0 20px }
	#specialFeatures #innards { background:white; padding:6px; line-height:1.5em }
	#specialFeatures h5 { margin:0; font:bold 15px "georgia"; color:#0D3565}

/* --- topic pages (reused on the generic person pages) --- */
h1.subject { margin:0 0 6px; font-size:16px; color:#0D3565; text-transform:uppercase }
h1.subject span { float:right; font-size:10px; text-transform:none }

.assetGroup { padding:0 18px 0; margin:10px 0; background:url(../uimages/dotted-vert-line.gif) repeat-y }
.asset { display:block; margin: 13px 0;
		line-height:14px; 
		}
.asset .subtitle { font-size: 10px }
.asset .issue { font-size: 10px; color: #888 }
.asset .blurb { margin:3px 0 }
.asset .blurb, .asset .blurb p { font-size:11px; color:#333 }
.asset .blurb p { margin:0 }
.asset .blurb p i, .asset .blurb p em { }


/* --- av (general) --- */
a.audio, a.video, a.av { display:block; margin:0 0 3px; padding:0 0 0 17px; background: 0 4px no-repeat }
a.audio { background-image:url(../uimages/04/mini-audio.gif) }
a.video, a.av { background:url(../uimages/04/mini-video.gif) 0 3px no-repeat }

/* --- av/person --- */
#mediaByPerson .details .letter { float:left; width:25px; margin-right:12px; font-weight:bold; font-size:14px; color:#555 }
#mediaByPerson .details .person { float:left; width:120px; margin-right:12px }
#mediaByPerson .details .personMedia { float:left; width:355px; line-height:16px }

/* --- av/subject --- */
a.sToggle { font-weight:normal; color:#666; text-decoration:underline }
a.sToggle:hover { color:#aaa }
.avSuperGroup { padding:0 0 0 3px; margin:4px 0 15px 0; line-height:16px }
.topicGroup { padding:0 18px; margin:10px 0; line-height:14px; display:none;
			background:url(../uimages/dotted-vert-line.gif) repeat-y }

/* --- av/date --- */
#mediaByDate .details { padding: 12px 0 }
#mediaByDate .details .postDate { float:left; width:70px; margin-right:12px }
#mediaByDate .details .mediaInfo { float:left; width:420px }
	#mediaByDate .headerInfo { margin: 0 0 8px 0 }
	#mediaByDate a.title { color: #525252; font-weight:bold; }