/* Main (and hopefully only) stylesheet for ImageTexT v2.0 */

/********** UBER ALLES **********/

body {
	color: #333;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-family: Times, "Times New Roman", Serif;
	background: #ffffff url("http://www.english.ufl.edu/imagetext/images/background4.png") top left repeat-x;
	text-align: center;
}

a {
	font-weight: bold;
}

a:link {
	text-decoration: none;
	color: #039;
	background-color: transparent;
}
a:visited {
	color: #036;
	text-decoration: none;
	background-color: transparent;
}	
a:hover {
	color: #036;
	background-color: #d1e0ef;
	text-decoration: none;
}
a:active {

}
a.skip {
	display: none;
	
}
img {
	border: none;
}
h1,h2,h3,h4,dt {
	font-family: Arial, Helvetica, Sans-serif;
	color: #666;
	background-color: transparent;
	margin: 0 0 .15em 0;
	
}

table.shem a:hover  {
	background: transparent;
}

cite cite {
	font-style: normal;
}
h1#title {
	/*letter-spacing: -3px;*/
}

h1.journal {
	text-indent: -9000px;
	width: 136px;
	height: 56px;
	background: #555 url("http://www.english.ufl.edu/imagetext/images/subtitle.png") top left no-repeat;
	float:left;
	position:relative;
	top: 56px;
	left: 10px;
	font-size: 1px;

}
/*************** HEADER STUFF **********************/


ul.navigation {
	padding:0;
	margin: 0;
	position: absolute;
	top: 56px;
	right: 0;
	left: auto;
	bottom: auto;
	text-align:left;
}


ul.navigation li {
    float: left;
	
	padding: 0;
	margin:0;
	list-style: none;
	font-size: .9em;
	border-left: 1px solid #444;
	font-family: Arial, Helvetica, Sans-serif;
	text-transform: lowercase;
	text-align: left;
}

ul.navigation li a {
	text-decoration: none;
	font-weight: bold;
	display: block;
	float:left;
	height: 49px;
	font-size: small;
	padding: 0 20px 5px 5px;
	color: white;
	background-color: transparent;

}
ul.navigation li a:link {
	color: #fff;
	background-color: transparent;
}
ul.navigation li a:visited {
	color: #fff;
	background-color:transparent;
}
ul.navigation li a:hover {
	color: #fff;
	background-color: #666;
}

div.issn {
	position: relative;
	top: 118px;
	right: 8px;
	text-align:right;
}
div.crumbs{
	padding-left: 1em;
	font-size: .9em;
	text-align: left;
	position:absolute;
	top: 118px;
	left: 150px;
	text-transform: uppercase;
}	
div.crumbs a {
	font-weight: normal;
	text-decoration: underline;
}
div.logo {
	float:left;
	text-align:left;
}
div.logo img {
	border: none;
}

p.noscript {
	width: 750px;
	margin: 0 auto;
	padding: .5em;
	border: 1px solid #036;
	text-align: left;
}


/****************** TABLE OF CONTENTS ***************/




div.cover {
	width: 323px;
	padding: 15px 20px 15px 25px;
	float:left;
	text-align: left;
	font-size: .8em;

}
div.cover p {
	padding: 8px 8px 12px;
}
div.contents {
	margin-left: 370px;
	text-align:left;
		padding: 15px 35px 0 0;
}
div.contents h2 {
	margin-top: 1em;
}
table td.auth {

	text-align: right;
}
div.contents table {
		border-collapse: collapse;
}
div.contents table td {
	vertical-align: top;

}	
table td.auth, table td.essay-title, table td.auth.grp.last, table td.essay-title.grp.last {
	
	border-bottom: 1px dotted #ddd;
	padding-bottom: .2em;
	padding-top: .5em;

}

* html body table td.auth, * html body table td.essay-title, * html body p.entry {
	border-bottom: none;
	background: transparent url(images/dotted.gif) bottom left repeat-x;
} 

table td.auth.grp, table td.essay-title.grp {
	border-bottom: none;
	background: none;
	line-height: normal;
	padding: 0;
}
table td.essay-title.grp.first, table td.auth.grp.first {
	padding: .5em 0 0 0;
	background: none;
}
table td.essay-title.grp.last, table td.auth.grp.last {
	padding: 0 0 .2em 0;
}

table td.essay-title.grp, table td.essay-title.grp.last {	
	padding: 0 0 0 1.2em;
	background: transparent url(images/bullet.gif) .2em .25em no-repeat;
}
/*div.contents table a {
	font-weight: normal;
}*/	
table h3 {
	padding-top: 15px;
}

#page div.contents h4 {
	margin:0;
	padding:0;
}

/****************** ARTICLE STUFF ******************/

#article {
	width: 750px;
	margin: 0 auto;
	clear:left;
	padding-top: 2em;
	text-align: left;
}
#page{
    width: 850px;
	margin: 0 auto;
	clear:left;
	padding-top: 2em;
	text-align: left;	
}
#page.wide{
    width: auto;
	clear:left;
	padding-top: 2em;
	text-align: left;	
}
#article .sub {
	font-style: italic;
	margin-bottom: 1.5em;

}

#article div.sub .author {
	font-style: normal;
}
ul.extras {
	margin: 0;
	padding: 0;
	display: inline;
	padding-left: 1em;
}

ul.extras li {
	display: inline;
	
}
#article div.epigraph, #page .epigraph {
	margin: 2em;
	font-size: .9em;
}
#article div.epigraph p,#page div.epigraph p  {
	line-height: normal;
}
#article p {
	line-height: 1.8em;
	
	text-align: justify;
	margin: 0 2.5em 1em 2.5em;

}
#page p, #page ul {
	line-height: 1.6em;
	text-align: left;
	margin: 0 0 1em 0;
	list-style-image: url(images/bullet.gif);
	list-style-type: square;
}
#page.wide p {
	line-height: normal;
}
#article div.p {
line-height: 1.8em;
	
	text-align: justify;
	margin: 0 2.5em 1.5em 2.5em;
	
}

sup {
	font-size: .7em;
}

div.counter, #article p.counter {
	padding: 0 .2em;
	margin:  .2em .5em 0 0;
	float:left;
	border: 1px solid #ccc;
	background-color: #eee;
	color: #333;

}
div.figures, div.figure-thumb {
	margin: 0 1.5em;
	float:right;
	clear:right;
}
#article div.figure-block p.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-align: left;
	width: 60%;
	margin: 0 auto;
}
#article div.figure-block {
	margin: 0 auto;
	margin-bottom: 1em;
	text-align: center;
}

#article div.figure-float {
	float: right;
	margin: .5em 0 .5em 0;
	padding-left: 1.5em;
}
#article div.figure-float.group {
	padding-left: 0;
}
/*div.figure-float.single {
	padding-left: 1.5em;
}
div.figure-float.group {
	padding-left: 0;
}*/
#article div.figure-float .floater {
	float: left;
	padding-left: 0;
}
#article div.figure-float.group .floater {
	float: left;
	padding-left: 1.5em;
}

#article div.figure-line, div.figure-line table, div.figure-line div.sub-caption {
	float:left;
}
#article div.figure-line {
	margin: 1em 0 1em 0;
	padding-left: 2.5em;
}
div.figure-line div.sub-caption {
	clear:left;
}
#article div.figure-block table, #article div.figure-block div.sub-caption {
	margin: 0 auto;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;

}
div.sub-caption {
	/*margin: 0 auto;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-align: left;
	padding-top: 6px;

}


div.caption img {
	display: block;
}	
div.caption {
	margin: 1em 1em 1em 0;
	border: 1px solid #036;
	width: 50px;
	padding: 8px 10px 4px 10px;henry fletcher
	text-align:center;
	float:left;
}
div.caption a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: normal;
}	

.stage {
	color: #ccc;

}
div.illustration {
	margin: 0 1em;
	padding: 1em;
	float:right;

	
}
div.illustration table {
	
}
div.illustration img {
	display: block;
}
#article div.illustration p.nocount {
	margin:0;
	padding:0;
	font-size: small;
	text-align:left;
}
p.question {
	background-color: #eee;
}
div.ednote {
	background-color: #eee;
	margin: 1em 0;
	clear: both;
}

div#article.alt p.nocount {
	margin: 0 0 1em 0;
}

blockquote {
	margin: 1em 4.5em;
}
blockquote blockquote {
	margin: 1em 2em;
}

.clear {
	clear:both;
	font-size: 2px;
	height:2px;
}

/*************** PAGE STUFF ******************/

#page h4 {
	margin-bottom: 1.6em;
}
#page.alt ul li {
	list-style:none;
	margin-left: 0;
}
#page.alt ul {
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom: 1.2em;
}
#page dt {
	font-weight: bold;

}
#page h3, #page #h2 {
	clear: both;
}
.col {position:relative; width: 80%; float:left;}
.col li {width: 50%; float:left;}

/**************** Appendices *****************/

div#footnotes {
	padding-top: .5em;
}

#footnotes div {
	margin: 0 2.5em 1em 2.5em;
}
#footnotes div p {
	margin: 0 0 1em 0;
	line-height: normal;
	text-align:left;
}

#citations p.citation {
	text-align: left;
	padding-left: 3em;
	text-indent: -3em;
	line-height: normal;
}
div.copynote {
	width: 750px;
	margin: 0 auto;
	text-align:left;
	font-size: .8em;
	background-color: #eee;
	clear: both;
}
div.copynote p {
	padding: 1em;
}

/******************** FOOTER ********************/
ul.navigation-bottom {
	border-bottom: 1px solid #555;
	margin:3em 0 0 0;
	padding:0;
	padding-left: 12px;
	font-size: .9em;
	text-transform: uppercase;
	text-align:left;
	clear: both;
}
ul.navigation-bottom li {
	display: inline;
}
ul.navigation-bottom li a {
	font-weight: normal;
}
div.notice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-align:right;
	margin-bottom: 2em;
	margin-right: 1em;
	margin-top: 0;
	margin-left: 350px;
	padding: 0;
}
div.notice p {
	margin-top: 0;
	margin-bottom: 1em;
	padding: 0;
}	
div.notice p a {
	font-weight: bold;
}
div.official {
	float: left;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
}
div.official ul {
	margin: 0;
	padding: 0 0 0 12px;
}
div.official ul li {
	display: inline;
	text-align: left;
}

/************ Window Stuff ************/

/*** Meta ***/
div.meta {
	background-color: #666;
	text-align: left;

	min-height: 300px;
	margin: 0;
}

* html body div.meta {
	height: 300px;
}

div.meta p {
	background-color: white;
	margin: 0;
	padding: 12px;
}
h3.meta {
	padding: 12px;

}

div.meta .citation {
	font-size: .9em;
	font-family: Courier, "Courier New", Cumberland, Serif;
	word-wrap:break-word; 
	/*width:100%;*/
}
div.meta .close {
	text-align: center;
	margin-bottom: 0;
	margin-top: 20px;
}



/*** IMAGES ***/


div.figure-wrap {

	margin: 0 auto;
	text-align:center;
	
	background-color: #fff;
} 
div.figure-wrap table {
	margin: 0 auto;
	text-align:left;
}
div.figure-wrap div.info {
	background-color: #ddd;
	text-align: left;
	padding: 12px 15px;
	font-size: .9em;
}
div.controlpanel {
	background-color: #ddd;	
}
div.controlpanel table {
	width: 100%;
	background-color: #666;
	padding-bottom: 5px;
}
	

div.controlpanel p.directions {
	
	margin:0;
	padding: 0;
	text-align: left;
	letter-spacing: 2px;
}
div.controlpanel p.close {
	margin:0;
	padding: 0;
	text-align: right;
	letter-spacing: 2px;
}
p.thisis {
	margin: 0;
	padding: 0;
	text-align:center;
	color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
div.controlpanel .parent {
	clear:both;
	margin:0;
	padding: .3em;
	padding-top: .4em;
	text-align:center;
}
a.close, a.next, a.prev {
	border: 1px solid gray;
	padding: .2em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: normal;
	font-size: 11px;
	margin: 4px;
	/*height: 1%;*/
}
a.close:link, a.next:link, a.prev:link {
	border: 1px solid #039;
	background-color: #fff;
}
a.close:visited, a.next:visited, a.prev:visited {
	border: 1px solid #036;
	background-color: #fff;
}
a.close:hover, a.close:active, a.next:hover, a.prev:hover , a.next:active, a.prev:active{
	background-color:  #d1e0ef;
}	
div.figure-wrap div.close {
	background-color: #666;
	padding: 1em;
	letter-spacing: 2px;
}	

div.figure-wrap p.caption {
	margin: 0 70px;
	text-align: left;
}

div.flash-figure-wrap {
	background: none;
	border: 0;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
	outline: none;
}

/************ sIFR!!! ******************/
/*.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

/*
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;

}

/*.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;

}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;

}*/

/*.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;

}*/

/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* 
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/

.sIFR-replaced > div {
  display: none !important;
}

/*---- Header styling ---*/
.sIFR-active #article h1, .sIFR-active #page h1 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  color: #666666;
  font-weight: bold;
  font-size: 2.2em;
}
.sIFR-active #article h2, .sIFR-active #page h2, .sIFR-active h2.smooth  {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  color: #666666;
  font-size: 1.6em;
}

.sIFR-active h2.worn {
 visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  color: #666666;
  font-size: 3em;
}
/*************** FRONT PAGE ********************/
#frontpage-wrap h2.worn {
	/*font-size: 200%;*/
	margin: 0;
	padding:0;

}

div.fcover {

	float:left;
	margin-right: 15px;
}
div#frontpage-wrap {
	margin: 0 60px;
	width: auto;
	min-width: 600px;
	padding: 0;
	font-size: .9em;
	
}
#frontpage-wrap #front-left {
	width: 56%;
	padding-right: 3%;
	float: left;
}
p.entry {
	padding: 0 15px;
	margin-bottom: 8px;
	border-bottom: 1px dotted #ddd;
	line-height:normal;
	padding-bottom: 4px;
}
div#rightside {
	float: right;
}
div#announcements {

	text-align: left;
	margin-left: 59%;
	padding-left: 3%;
	border-left: 1px solid #666;
	padding-top: 1em;
}
div#edboard {
	text-align: left;
	width: 46%;
	padding-left: 3%;
	float: left;
	/*width: 210px;
	float:left;
	margin-right: 20px;
	margin-top:30px;*/
	/*border-left: 1px dotted #ddd;
	padding-left: 10px;*/
}
div#brief-notice {
	font-style: italic;
	font-size: .9em;
	color: #999;
	text-align:right;
	margin-bottom: 1.5em;
}


div#edboard ul {
	margin: 0;
	padding: 0 0 .2em 1em;
	list-style-type: none;

}
div#past{
	text-align: left;
	margin: 0;
	float:left;
	width: 50%;
	border-right: 1px solid #333;
}div#saw{
	text-align: left;
	margin: 0; 
	margin-top: 2%;
	padding-top: 5%;
	border-top: 1px solid #333;
	float:left;
	width: 100%;
}
div#edboard ul li {
	display: inline;
}
div#edboard ul li:after {
	content: ", ";
}
div#edboard ul li.last:after {
	content: ".";
}
div#edboard ul li span {
	font-style: italic;
}
div#feature {
	text-align:left;
	
	clear: none;

	margin-top: 2em;
}
div#feature h2, div#feature h3, div#feature h4 {
	margin-left: 10px;
}
div#feature ul {
	padding: 0;
	margin:0 0 0 10px;
}
div#feature ul li {
	padding: 0 0 .5em 0;
	margin:0;
	list-style: none;
	
}
div#announcements p {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .8em;
	text-align: justify;
}
div#announcements li {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .8em;
}
div#announcements .news-links {
	color: #999;
	text-align:right;
	font-style: italic;
	padding-bottom: .3em;
	font-size: .8em;
}
div#announcements .news-info {
	color: #999;
	font-style: italic;
	font-size: .8em;
}

#page div.news-image, #announcements div.news-image {
	float:right;
	margin: 0 0 .8em 1em;
}

#page .news-body blockquote, #announcements .news-body blockquote {
	margin: 1em 2.5em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
#page .news-body blockquote {
	font-size: .9em;
}
#announcements .news-body blockquote {
	font-size: .7em;
}

div#announcements .brief-story {
	margin-bottom: 1.5em;
	border-bottom: 1px dotted #ccc;
}	
p.welcome {
	background-color: #eee;
	padding: .5em;

	font-size: normal;
}	
div#welcome {
	text-align: left;


}
div#announcements h2 {
	margin:0;
}

#announcements a span {
	font-size: 10px;
	margin-top: 12px;
	display: block;
}

#announcements a.rss-button {
	width: 16px;
	height: 11px;
	float: right;
	background: transparent url(/imagetext/images/icons/rss.png) top left no-repeat;

	margin: 5px;
	overflow: hidden;
}

#announcements a.html-button {
	width: 16px;
	height: 11px;
	float: right;
	background: transparent url(/imagetext/images/icons/html.png) top left no-repeat;
	text-indent: -9999px;
margin-left: 5px;
overflow: hidden;
	margin: 5px;
}
#announcements a.email-button{
	width: 16px;
	height: 11px;
	float: right;
	background: transparent url(/imagetext/images/icons/email.png) top left no-repeat;
	text-indent: -9999px;
	margin-left: 5px;
overflow: hidden;
	margin: 5px;
}


/*** end front page ***/

div#page.exhibit table table a.image:link {
	background-color: transparent;
}	
div#page.exhibit table table a.image:visited {
	background-color: transparent;
}	
div#page.exhibit table table a.image:hover {
	background-color: transparent;
}	
div#page.exhibit table table a.image:active {
	background-color: transparent;
}	

div.hr-worn {
	font-size:normal;
	clear:both;
	background: url(/imagetext/images/hr.png) top center no-repeat;
	margin: 40px 0 20px 0;
}
/********************* Roundtable ***************************/
div#roundtable-nav {
	width: 35%;
	float:right;
	border: 1px solid #ccc;
	margin: 0 0 1em 2em;
	background-color: #fff;
}

#roundtable-nav h3 {
	font-size: 95%;
	text-align: center;
	letter-spacing: .15em;
	text-transform: uppercase;
	background-color: #666;
	padding: .25em 0;
	color: #eee;
}

#roundtable-nav h4 {
	font-size: 105%;
	padding: .2em .6em;
}
#roundtable-nav p {
	line-height: normal;
	margin: .6em;
	text-align:left;
}
#roundtable-nav ul {
	margin: 0 .8em .5em 1.6em;
	padding: 0;
}
#roundtable-nav ul li {
	list-style-image: url(images/bullet.gif);
	padding: .2em 0;
}	
#roundtable-nav a.current {
	color: #333;
	
}
#roundtable-nav a.current:hover {
	background: none;
}
div.review-cover {
	float:right;
	margin: 0 1em 1em 1em;
}
div.content-image {
	padding: 1em;
	margin: 1em 0 2em 0;
	text-align:center;
}

/* Tabular Table Stuff */

table.tabular {
	border-collapse: collapse;
	font-size: .8em;
	width: 500px;
	text-align: left;
}
table.tabular td, table.tabular th  {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left:1px solid #555;
	border-right: 1px solid #555;
	padding: .6em;
	text-align:left;
}

table.tabular th {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}

.tabular .corner {
	background-color: transparent;
	border: none;
}

.trans_note {
	font-style: oblique;
}

.trans_note a, .trans_note cite, .trans_note em {
	font-style: normal;
}

/* #feature.childhood ul li {
	background: transparent url(/imagetext/archives/v3_3/tn/generic_tn.gif) top right no-repeat;
	padding-right: 80px;
	padding-bottom: 12px;
	min-height: 120px;
}	
*/

/**************** NEWS ********************/

#page #news-notice p {
	font-size: .85em;
	line-height: normal;
	font-style: italic;
}
#page #news-notice {
	margin-bottom: 2em;
}	
#page #news-block {

	padding-right: 280px;
	float: left;
}	
#page #news-block h4 {
	margin: 0;
	padding: 0;
}

#page div.news-story {
	border-bottom: 1px dotted #999;
	margin-bottom: 1.5em;
}
#page #news-archives {
	width: 230px;
	float: left;
	margin-left: -230px;
}
#page #news-archives ul, #page #news-archives li {
	line-height: normal;
}
#page div.news-info {
	color: #999;
	font-style:italic;
	font-size: .8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 1em;
}
#page div.news-links {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .8em;
	color: #999;
	text-align: right;
	padding-bottom: .4em;
	font-style: italic;
}

#news-block p {
	line-height: normal;
	text-align: justify;
}	
#page div#news-block div.news-body  {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .8em;

}

#page div.news-links {

}

#page span.news-category, #announcements span.news-category {
	text-transform: uppercase;
}