/* basic formatting for entire site */
body {
	width: 100%; height: 100%; margin: 0; padding: 0; min-width: 60em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #666666;
	letter-spacing: .15em;
	line-height: 1.5;
	background-color: #FFFFFF; }

a, a:link, a:visited { color: #777777; text-decoration: none; }
a:hover, a:focus { color: #FAFAFA; }
a:active { color: #777777; text-decoration: underline; }
sup { padding-right: 1.5em; }


	
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10em; text-align: center; font-weight: bold;
	text-transform: uppercase; margin: .25em 0; padding: 0; line-height: 1; }
h1.back-pages { margin: .8em 0 .02em 0; }
h1.small { font-size: 4.7em; margin: 2.5em 0 .2em 0; }
h1#eveningwillcome { color: #a1a1a1; }
h1#heirapparent, h1#twstbs { color: #999999; }
h1#tremolo, h1#thevolta { font-size: 8em; font-weight: bold; text-transform: uppercase; color: #999999; margin: 1em 0 0 0; }


h2 { font-weight: normal; font-size: 1em; color: #777777; letter-spacing: .2em; 
margin: 5em 0 1em 0; text-align: center; }
h2#heirapparent, h2#tremolo, h2#eveningwillcome { margin: -.5em 0 2.5em 0; font-size: 1.2em; text-indent: 60%; text-align: left; }

h3.column-title { font-weight: bold; text-transform: uppercase; }

/* h4 used in pages that use serif font - h5 mirrors these for pages using sans-serif fonts, like video pages */
h4, h2#eveningwillcome { font-family: Georgia, serif; font-size: 1.6em;	color: #262626; font-weight: normal; }
h4 { text-align: center; margin: 3em 10%; line-height: 2.2; }
h4#heirapparent { margin-bottom: 4em; font-size: 1.3em; }
h4#twstbs { text-align: left; margin: 3em 0 3em 1.2em; }
h4.page-title, h4.page-title-contributors { text-align: left; line-height: 2.2; }
h4.page-title { font-size: 1.3em; margin: 3em 1.5em 2em 1.5em; }
h4.page-title#about-arroyo-chico { font-size: 2em; }
h4.page-title#about { font-size: 1.1em; margin: 3em .1em 2em .1em; }
h4.page-title-contributors { font-size: 1em; margin: 3em 2em 2em 2em; }

h5.page-title-video { font-size: 1.5em; letter-spacing: .1em; margin: 3em 2em 2em 0; }
h5.page-title-video-contributors, h5.page-title-video-masthead { font-size: 1.5em; letter-spacing: .1em; margin: 3em 2em 2em 1.5em; }
h5 { font-size: 1.2em; font-weight: 100; color: #888888; }
h5#medium { color: #555555; }

h6 { font-size: .9em; font-weight: 100; text-transform: uppercase; color: #888888; text-align: center; margin: 10em 0 4em 0; }

/* the volta mainpage particulars */
nav ul, footer ul { display: block; line-height: 1em; }
nav ul { float: left; position: absolute; top: 0; left: 0; margin: 1em 0; padding: 0; width: 100%; text-align: center; }
footer ul { bottom: 0; width: 70%; padding: 0 15%; margin: 1em auto; text-align: center; }
footer#full ul { text-align: left; }
ul li { display: inline-block; margin: 1em -.21em 1em -.22em; padding: 0 1em 0 1em; border-right: 1px solid #777777; }
ul li:last-of-type, footer#full ul li:first-of-type { border-right: none; }
li.active { color: #777777; background-color: #dddddd; padding: 1em; }
li.pre-active { padding: 1em; }

div.content-block { display: inline-block; max-width: 25em;
margin: 1em 1.5em; padding: .5em; vertical-align: top;}
/*div.content-block#conversant { max-width: 32em; } */
img.column-content, div.content-block iframe { display: block; width: auto; height: auto; max-width: 98%; max-height: 80%; }
p.column-content { font-size: 1.25em; padding: 2.5em; border: 2px solid #999999; text-align: left; }
p.column-caption { font-size: 1.25em; }
div#volta-main { padding-bottom: 3em; width: 92%; margin: 0 auto; padding: 0; }

/* Back pages - lists */
ol.bullet {margin-left: 2em; padding: 0; list-style-type: disc; list-style-position: outside; } 
ol.bullet li { border-right: none; padding-left: 1.2em; margin-bottom: 1.5em;}

ul.list { margin: -1.5em 0 0 4em; text-indent: -10em; }
ul.paragraph-list, ul.list-press { margin: 0; }
ul.list li { list-style: none; margin: 1.8em 0; padding: .2em 1em; display: block; border-right: none; border-left: 1px solid #777777; text-align: left; text-indent: 0; line-height: 1.6; }
ul.paragraph-list li { list-style: none; margin: 1.8em 0; padding-left: 1em; display: block; text-align: left; border: none; }
ul.list-press li { list-style: none; margin: 1.8em 0; padding-left: 1em; display: block; border: none; text-align: left; }


/* css particularly Friday Feature, Tremolo, Evening Will Come,
Heir Apparent, twstbs */
div.essay-poem, div.bio { margin: 0 auto; padding: 0 .5em; font-family: Georgia, serif; font-size: 1.2em; color: #262626; }
div.bio { max-width: 50em; }
div.essay-poem { max-width: 58em; }
div.bio, div.essay-poem#fridayfeature { text-align: center; }
div.essay-poem#heirapparent, div.essay-poem#twstbs { font-size: 1.2em; text-align: left; line-height: 1.2; max-width: 60em;}
div.essay-poem-videopage { max-width: 58em; margin: 0 auto; padding: 0 .5em; line-height: 1.8; font-size: 1.1em; color: #555555; }
#arroyo-chico { color: #777777; }
div.center {text-align: center; }
div.audio {background-color: #e9e9e9; border: 1px solid #b4b4b4; padding: 2em; max-width: 35em; margin: 2.5em auto; 
text-align: center; border-radius: 10px;
/* Safari 3-4, iOS 1-3.2, Android 1.6- */-webkit-border-radius: 10px; 
/* Firefox 1-3.6 */-moz-border-radius: 10px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
 border-radius: 10px;}
div.audio p { text-align: center; margin: 0 0 1.5em 0; }


img#book { width: 13em; height: auto; margin: 1em auto; }
img.essay { width: 17em; height: auto; margin: 1em auto; }
p.img-caption { width: 19em; font-size: .9em; text-align: right; line-height: 1.2; margin: -1em auto 3em auto; }
img.interview { width: 14em; height: auto; margin: 1em 0; }
blockquote { margin: 1em 10% 1.4em 10%; text-align: justify;  line-height: 2; }
blockquote.poem { margin: 1em 10% 1.4em 10%; text-align: left;  line-height: 1.5; }
blockquote.narrow { margin: 1em 17.5% 1.4em 17%; text-align: justify; line-height: 2; }
blockquote.interview { margin: 1em 10% 1.4em 15%; text-align: justify; line-height: 2;}
blockquote.interview-poem { margin: 1em 10% 1.4em 15%; text-align: left; line-height: 1.5; }

p.epigraph, p.epigraph-right, p.epigraph-prose { font-style: oblique; line-height: 1.2; }
p.epigraph { margin: 0 10% 0.2em 12%; text-indent: -2%; }
p.epigraph-prose { margin: 0 10% 0.2em 18%; text-align: justify; }
p.epigraph-right { margin: 0 10% 0.2em 37%; text-indent: -2%; }

p.epigraph-name {font-style: normal; margin: .5em 10% 2.4em 10%; line-height: 1.2; text-align: right; }
p, p.p-indent1, p.p-indent6, p.hang-indent-5, p.hang-indent, p.hang-indent2 { text-align: justify;  line-height: 2; margin-bottom: 1.4em; }
p.p-indent1 { text-indent: 3em; }
p.p-indent5-5 { text-indent: 23em; }
p.hang-indent-5 { text-indent: -1em; margin-left: 1em; }
p.hang-indent { text-indent: -2.4em; margin-left: 2.4em; }
p.hang-indent-p2 { margin-left: 2.4em; }
p.hang-indent2 { text-indent: -2.9em; margin-left: 2.9em; }
p.hang-indent2-p2 { margin-left: 2.9em; }
p.single-spaced { text-align: justify; line-height: 1.5; margin: 0 0 2.4em 0; padding: 0; }
p.fbq-question { text-align: justify; margin: 2.4em 0 1em 3em; text-indent: -3.4em; line-height: 1.6; }
p.fbq { margin-left: 3em; }

span.edit {background-color: yellow; }

span.book-title { font-weight: bold; font-style: oblique; }
span.book-author, span.book-press { font-weight: 200; font-style: normal; }
span.essay-poem-title, span.author-ewc, span.page-title, span.editor-type { font-weight: bold; }
span.essay-poem-subtitle, span.normal {font-style: normal;}
span.trans { font-size: .8em; letter-spacing: .1em; word-spacing: .1em; }
span.page-title { text-decoration: underline; }
span.page-title#arroyo-chico { color: #666666; }
span.page-title#medium { color: #555555; }
span.author-ewc { font-size: 1.4em; letter-spacing: .1em; }
span.letter-spaced { letter-spacing: .5em; padding: 0 2em; }
span.issue-inlist { width: 6em; padding: .2em 2em .2em 0; margin: 0 0 0 -8em; text-align: right; display: inline-block; }
span.right {width: 3em; text-align: right; display: inline-block; margin-right: -.4em;}
span.fbq-question { font-style: oblique; }
span.number { width: 2.6em; padding: 0 .3em 0 0; margin: 0; display: inline-block; text-align: right;}
span.rtref { line-height: 5; }
span.mdash-hack { letter-spacing: -.2em; }
/* poem formatting css for pages like heir apparent and twstbs */

/*these don't line up with indents of lines*/
span.pad1 { margin: 0 0 0 3em; padding: 0; }
span.pad2 { margin: 0 0 0 6em; padding: 0; }
span.pad3 { margin: 0 0 0 9em; padding: 0; }
span.pad4 { margin: 0 0 0 12em; padding: 0; }
span.pad5 { margin: 0 0 0 13em; padding: 0; }
/*these correspond to indents of lines*/
span.indpad-5 { margin-left: 3.5em;}
span.indpad1  { margin-left: 5em;  }
span.indpad1-5{ margin-left: 7em;  }
span.indpad2  { margin-left: 9em;  }
span.indpad2-5{ margin-left: 11em; }
span.indpad3  { margin-left: 13em; }
span.indpad3-5{ margin-left: 15em; }
span.indpad4  { margin-left: 17em; }
span.indpad4-5{ margin-left: 19em; }
span.indpad5  { margin-left: 21em; }
span.indpad5-5{ margin-left: 23em; }
span.indpad6  { margin-left: 26em; }
span.indpad6-5{ margin-left: 29em; }
span.indpad7  { margin-left: 32em; }
span.indpad7-5{ margin-left: 35em; }
span.indpad8  { margin-left: 38em; }
span.indpad8-5{ margin-left: 41em; }

p.line, p.stanza, p.indent-5, p.indent-5-stanza, p.indent1, p.indent1-stanza, p.indent1-5, p.indent1-5-stanza, p.indent2, p.indent2-stanza, p.indent2-5, p.indent2-5-stanza, 
p.indent3, p.indent3-stanza, p.indent3-5, p.indent3-5-stanza, p.indent4, p.indent4-stanza, p.indent4-5, p.indent4-5-stanza,
p.indent5, p.indent5-stanza, p.indent5-5, p.indent5-5-stanza, p.indent6, p.indent6-stanza, p.indent6-5, p.indent6-5-stanza,
p.indent7, p.indent7-stanza, p.indent7-5, p.indent7-5-stanza, p.space-x, p.space-xx, p.space-xxx, 
p.space-xxx-x, p.space-xxx-xx, p.space-xxx-xxx, p.space-xxx-xxx-x {  
		text-align: left; line-height: 1.5; margin-top: 0; padding:0; margin-left: 2em; text-indent: -2em; }
p.line { margin: 0 0 0 2em; padding:0; }

p.heading, p.heading-nospace, p.nospace, p.x-space, p.x-space-top { text-align: justify; line-height: 2; padding: 0; }
p.heading, p.heading-center, p.x-space-top { margin-top: 2.5em; }
p.heading, p.heading-center, p.x-space { margin-bottom: 2em;}
p.heading-nospace, p.nospace, p.x-space { margin-top: 0; }
p.heading-nospace, p.nospace { margin-bottom: 0; }
p.heading-center { text-align: center; line-height: 2; padding: 0; }

p.indent-5  { margin-bottom: 0em; margin-left: 3.5em; text-indent: -2em; }
p.indent1   { margin-bottom: 0em; margin-left: 5em; text-indent: -2em; }
p.indent1-5 { margin-bottom: 0em; margin-left: 7em; text-indent: -2em; }
p.indent2   { margin-bottom: 0em; margin-left: 9em; text-indent: -2em; }
p.indent2-5 { margin-bottom: 0em; margin-left: 11em; text-indent: -2em; }
p.indent3   { margin-bottom: 0em; margin-left: 13em; text-indent: -2em; }
p.indent3-5 { margin-bottom: 0em; margin-left: 15em; text-indent: -2em; }
p.indent4   { margin-bottom: 0em; margin-left: 17em; text-indent: -2em; }
p.indent4-5 { margin-bottom: 0em; margin-left: 19em; text-indent: -2em; }
p.indent5   { margin-bottom: 0em; margin-left: 21em; text-indent: -2em; }
p.indent5-5 { margin-bottom: 0em; margin-left: 23em; text-indent: -2em; }
p.indent6   { margin-bottom: 0em; margin-left: 26em; text-indent: -2em; }
p.indent6-5 { margin-bottom: 0em; margin-left: 29em; text-indent: -2em; }
p.indent7   { margin-bottom: 0em; margin-left: 32em; text-indent: -2em; }
p.indent7-5 { margin-bottom: 0em; margin-left: 35em; text-indent: -2em; }

p.indent-5-stanza  { margin-bottom: 2.4em; margin-left: 3.5em; text-indent: -2em; }
p.indent1-stanza   { margin-bottom: 2.4em; margin-left: 5em; text-indent: -2em; }
p.indent1-5-stanza { margin-bottom: 2.4em; margin-left: 7em; text-indent: -2em; }
p.indent2-stanza   { margin-bottom: 2.4em; margin-left: 9em; text-indent: -2em; }
p.indent2-5-stanza { margin-bottom: 2.4em; margin-left: 11em; text-indent: -2em; }
p.indent3-stanza   { margin-bottom: 2.4em; margin-left: 13em; text-indent: -2em; }
p.indent3-5-stanza { margin-bottom: 2.4em; margin-left: 15em; text-indent: -2em; }
p.indent4-stanza   { margin-bottom: 2.4em; margin-left: 17em; text-indent: -2em; }
p.indent4-5-stanza { margin-bottom: 2.4em; margin-left: 19em; text-indent: -2em; }
p.indent5-stanza   { margin-bottom: 2.4em; margin-left: 21em; text-indent: -2em; }
p.indent5-5-stanza { margin-bottom: 2.4em; margin-left: 23em; text-indent: -2em; }
p.indent6-stanza   { margin-bottom: 2.4em; margin-left: 26em; text-indent: -2em; }
p.indent6-5-stanza { margin-bottom: 2.4em; margin-left: 29em; text-indent: -2em; }
p.indent7-stanza   { margin-bottom: 2.4em; margin-left: 32em; text-indent: -2em; }
p.indent7-5-stanza { margin-bottom: 2.4em; margin-left: 35em; text-indent: -2em; }

p.stanza { margin-bottom: 2.4em; }
p.space-x { margin-bottom: 3.6em; }
p.space-xx { margin-bottom: 4.8em; }
p.space-xxx { margin-bottom: 6em; }
p.space-xxx-x { margin-bottom: 8.4em; }
p.space-xxx-xx { margin-bottom: 10.8em; }
p.space-xxx-xxx { margin-bottom: 13.2em; }
p.space-xxx-xxx-x { margin-bottom: 15.6em; }


/* css for video pages - Medium and Arroyo Chico */
body#arroyo-chico { background-color: black; }
div.video { /*text-align: center;*/ width: 605px; margin: 5% auto; }
div.video iframe { width: 600px; }
p.caption-video { width: 600px; text-align: justify; }
p.caption-video#medium { color: #262626; }
p { font-size: 1.2em; }



/* BIO PAGES across site */
img.bio { width: 15em; height: auto; margin: 1em auto; }
p.bio-caption {width: 16.9em; font-size: .9em; text-align: right; line-height: 1.2; margin: -1em auto 3em auto; }
p.bio { width: 40em; margin: 1em auto 3em auto; text-align: justify; color: #262626; }

/* contributor page formatting for TWSTBS and photo-text lists */
div.clear { clear: both; }
div.photo-text-list-mainpage, div.photo-text-list-masthead, div.photo-text-list-contributors { max-width: 58em; margin: 0 auto; 
	font-family: Georgia, serif; color: #262626;}
div.photo-text-list-video-contributors, div.photo-text-list-video-masthead { max-width: 58em; margin: 0 auto; color: #444444; }
div.photo-text-list-video-contributors#arroyo-chico, div.photo-text-list-video-masthead#arroyo-chico { color: #777777; }
div.photo-text-list-mainpage, div.photo-text-list-contributors { font-size: 1.3em; font-weight: bold;  }
div.photo-text-list-masthead, div.photo-text-list-video-masthead { font-size: 1.1em; font-weight: normal; }
img.contributor-photo, img.masthead-photo { display: inline-block; vertical-align: top; width: 12em; height: auto; margin: 1em 2em; }

div.photo-text-list-contributors img.contributor-photo { display: inline-block; vertical-align: top;
width: 9em; height: auto; margin: 1em 2em; }

p.contributor-text, p.masthead-text, p.contributor-text-narrow { display: inline-block; vertical-align: top;
	padding: 0 .3em; height: auto; min-width: 5em; max-width: 31em; }
p.contributor-text#arroyo-chico { color: #777777;}
p.masthead-text { text-align: justify; margin: .4em 0 1em 0; }
div.photo-text-list-video-masthead p.masthead-text  { line-height: 1.8; font-size: 1.1em; }

p.contributor-text { margin: .2em 0;  vertical-align: top; }
div.photo-text-list-contributors p.contributor-text { margin: .7em 0; font-size: 1em; max-width: 37em;}
div.photo-text-list-contributors p.contributor-text-narrow { margin: .7em 0; font-size: 1em; max-width: 41%; }



/*  STYLES FOR SPECIAL ISSUE MAIN PAGE */

h4.page-title#special-issue {text-align: center; color: #363636; text-transform: uppercase; padding-top: 0; margin-top: 0; }
div.intro {border: 1px solid #eeeeee; background-color: #fafafa; margin-bottom: 3em; padding: 2% 0; 
		border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}