/* sleet 7 css */

/* contents
   -------- 
	global tags
    body tags
	header tags
    a tags
    nav tags
    p - general
    p - contents authors titles and bars
    p - sleet mastheads
    div for floating masthead
    biography styles
    backfoot - internal footer links
    footer tags

    specialty styles
    --------------
    archive divs
    main page divs
    about us divs
    submissions divs
    author-specific divs
*/  
/*  colors 
    ------
    #ccccff background white and inverted text color
    #009933 grey bar color 
	#66cc99; lighter text background color
    #003300 dark text color
    #662299 standard link color
	#006622 subtle link color for notes  etc
	#EEEEEE nav link hover color
    #662299 link hover color   
    #22BBBB link hover used with white-on-gray "backtoe" divs
    #336644 link hover used with 003300-on-gray divs
	#553540 visited link color

*/   

/* Global tags */
html{
  width : 100%;
  margin : 0;
  padding : 0;
  background : #ccccff url(../images/ice_crystal_rain_7e.jpg) left top repeat;
}

  /*HTML 5 specific*/
header,section,article,aside,nav,footer{
	display: block;	
	}
	body :{
	line-height:1;
	}
	ol,ul :{
	list-style:none;
	}
	
/* body tags */
   
body{
  border : solid 0px #FE9911;
  width : 100%;
  overflow : visible;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : .8em;
  color : #003300;
  font-weight : bold;
  font-style : normal;
  font-variant : normal;
  letter-spacing : normal;
  word-spacing : normal;
  
  }
  
    /* iPhone */
  @media screen and (max-device-width: 480px){
body{
  -webkit-text-size-adjust:none;
  font-family:Helvetica, Arial, Verdana, sans-serif;
  /*font-size : 1.2em; */
  font-size : 2em;
  padding:3px;
  }
}
  
  article {
  width : 96%
  }

/* header tags */
/* root header used on all pages, others differentiated */
div#header {
  border : solid 0px #DD2299;
  overflow : hidden;
  width : 100%;
  margin : 0 0;
  padding : 0;
  display : block;
  text-align : center;
}

div#header h1.main {
  position : static;
  overflow : visible;
  width : 96%;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px; /* for opera */
  background : #009933;
  margin : 24px 2% 0 2%;
  border-top : solid 0px #229999;
  border-left : solid 0px #229999;
  padding : 0 1px 0 4px;
  text-align : left;
  vertical-align : top;
  text-indent : none;
  line-height : 1.35em;
  font-size : 1.15em;
  /*font-family : Verdana, Arial, Helvetica, sans-serif;*/
  font-weight : bold;
  font-style : normal;
  font-variant : normal;
  color : #003300;
  letter-spacing : normal;
  word-spacing : normal;
}

div#header span.main-name{
  /*i.e. Sleetmagazine.com */
  line-height : 1.35em;
  font-size : 1.35em;
  /*font-family : Verdana, Arial, Helvetica, sans-serif;*/
  font-weight : boldest;
  font-style : normal;
  letter-spacing : .8px;
  color : #003300;
  text-align : baseline;
}

/* where the cartoons go */
div.main-panels {
  border : solid 0px #22DD99;
  overflow : hidden;
  height : 40%;
  margin : 0;
  padding : 0;
  display : block; 
  vertical-align : bottom;
  text-align : center;
}

div.main-panels img.left{
  position : static;
  border : solid 0px #DD2299;
  margin : 0;
  padding : 0 ;
  width : 20%;
  display : inline; /* for ie6 */
  vertical-align : bottom
}
div.main-panels img.right{
  position : static;
  border : solid 0px #DD2299;
  margin : 0;
  padding : 0 ;
  width : 30%;
  display : inline; /* for ie6 */
  vertical-align : bottom
}
div#header h2.main {
/* volume and issue number, fka "main-edition" */
  position : static;
  overflow : visible;
  background : #66cc99;
  height : 36px;
  width : 72%;
  margin : 1% 14% 6px 14%;
  border : solid 0px #228866;
  padding : 0;
  line-height : 1.5em;
  font-size : 1.35em;
  /*font-family : Verdana, Arial, Helvetica, sans-serif;*/
  font-weight : boldest;
  font-style : italic;
  text-align : center;
  text-indent : 0;
  color : #003300;
}

/* headers for _blank template pages, including selected pages */
div#header h1.blank {
  position : static;
  overflow : hidden;
  width : 96%;
  -moz-border-top-left-radius:3px 2px;
  -webkit-border-top-left-radius:3px 2px;
  border-top-left-radius:3px 2px; /* for opera */
  -moz-border-top-right-radius:3px 2px;
  -webkit-border-top-right-radius:3px 2px;
  border-top-right-radius:3px 2px; /* for opera */
  background : #009933;
  margin : 24px 2% 0 2%;
  border-top : solid 0px #229999;
  border-left : solid 0px #229999;
  padding : 0 1px 0 4px;
  text-align : left;
  vertical-align : top;
  text-indent : none;
  line-height : 1.35em;
  font-size : 1.3em;
  /*font-family : Verdana, Arial, Helvetica, sans-serif;*/
  font-weight : bold;
  font-style : normal;
  font-variant : normal;
  color : #003300;
  letter-spacing : normal;
  word-spacing : normal;
}

div#header h2.blank{
position : static;
  overflow : hidden;
  width : 96%;
  background : #009933;
  margin : 0 2% 4px 2%;
  border-bottom : solid 0px #229999;
  border-right : solid 0px #229999;
  -moz-border-bottom-left-radius:3px 2px;
  -webkit-border-bottom-left-radius:3px 2px;
  border-bottom-left-radius:3px 2px; /* for opera */
  -moz-border-bottom-right-radius:3px 2px;
  -webkit-border-bottom-right-radius:3px 2px;
  border-bottom-right-radius:3px 2px; /* for opera */
  padding : 0px 1px 4px 4px;
  text-align : left;
  vertical-align : top;
  text-indent : none;
  line-height : 1em;
  font-size : .8em;
  /*font-family : Verdana, Arial, Helvetica, sans-serif;*/
  font-weight : boldest;
  font-style : normal;
  font-variant : normal;
  color : #003300;
  letter-spacing : normal;
  word-spacing : normal;
}

/* a tags */

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #363333;
	text-decoration: none;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color : #553540;
	text-decoration: none;
}

a:hover{
  color: #662299;
}
a#page-head:hover{
  color : #ccff66;
}
a#poetry-head:hover{
  color : #003300;
}
a#fiction-head:hover{
  color : #003300;
}
a#flash-head:hover{
  color : #003300;
}
a#irregulars-head:hover{
  color : #003300;
}
a#interview-head:hover{
  color : #003300;
}

a#Author1:hover{
  color : #003300;  
}
a#Title1:hover{
  color : #003300;
}
a#Title2:hover{
  color : #003300;  
}
a#Title3:hover{
  color : #003300;  
}
a#Title4:hover{
  color : #003300;  
}

/* nav divs */

/* Nav divs are different for the current issue page (below) */
/* Widths and margins are specific to nav content length */
/* All Widths + Margins + borders must add up to 100% */

/* new navs */

div.nav { 
	position : static;
	overflow : visible;
	background-color: #009933;
	border : solid 0px #999922;
	width : 96%;
	height : 1.25em;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px; /* for opera */
	margin : 0 2% 0 2%;
	display : block;
}

div.nav ul {
	width : 100%;
	padding : 0 1px 0 1px;
	list-style : none;
	overflow : hidden;
	text-align : center;
}

div.nav ul li{
	float : left;
	background-color: #009933;
	border : solid 0px #992266;
	padding-left : 1%;
	padding-right : 1%;
	min-width : 14.4%;
	vertical-align : top;
    line-height : 1.25em;
    font-size : .9em;
    /*font-family : Verdana, Arial, Helvetica, sans-serif;*/
    font-weight : bold;
    font-style : normal; 
    font-variant : normal;
    text-align : center;
  /*for ie6 display : inline; */
}

div.nav ul li a{
  max-height : 1.25em;
  border : solid 0px #448838;
}

div.nav ul li a:hover{
   color : #EEEEEE;
}

div.nav ul li.main{
	min-width : 14.4%;
}

/* page categories but no genres */
div.nav ul li.blank{
	min-width : 16%;
}
div.nav ul li.blank-l{
	min-width : 9%;
	padding-left : 1%;
	padding-right : 1%;
	text-align: left;
}
div.nav ul li.blank-r{
	min-width : 6%;
	padding-left : 1%;
	padding-right : 0;
	text-align: right;
}


/* used amid current (toc) page */
div.nav-backfoot ul li.mid{
border : solid 0px #994422;
    margin : 0 2px 0 2px;
	padding-left : .7%;
	padding-right : .7%;
	min-width : 7%;
	max-width : 15%;
	text-indent : 0;
	text-align : center;
}
div.nav-backfoot ul li.mid-l{
border : solid 0px #999922;
	min-width : 6%;
	max-width : 11%;
	margin : 0 2px 0 0;
	padding-left : .5%;
	padding-right : 1%;
	text-indent : 0;
	text-align: left;
}
div.nav-backfoot ul li.mid-r{
border : solid 0px #999922;
	margin : 0 0 0 2px;
	min-width : 6%;
	max-width : 13%;
	padding-left : 1%;
	padding-right : .5%;
	text-align: right;
}

/* page categories and genres */
div.nav ul li.selected{
	min-width : 6.5%;
}

div.nav ul li.selected-l{
	min-width : 6.3%;
	padding-left : 0;
	padding-right : 1%;
	text-align : left;
}
div.nav ul li.selected-r{
	min-width : 3.1%;
	padding-left : 1%;
	padding-right : 0%;
	text-align : right;
}

/* page categories, genres, more */
div.nav ul li.many-navs{
	min-width : 5%;
}
div.nav ul li.many-navs-l{
	min-width : 4%;
	padding-left : 1%;
	padding-right : 1%;
	text-align: left;
}
div.nav ul li.many-navs-r{
	min-width : 2%;
	padding-left : 1%;
	padding-right : 0;
	text-align: right;
}


div.nav ul li.supplement{
	border : solid 0px #EE3388;
	min-width : 11.8%;
}



/* Internal Footer tags for 'back to..' links. */

/* NOTES to 'backtoe' navs
  The formula is:
   (100% / #toes) - (margin-left+margin-right)
  The 3-toed variant uses 
    width : 31%;
    margin : 2px 1% 2px 1%;
   The 4-toed 
    width : 23%;
    margin : 2px 1% 2px 1%;
	
   This nav is contained in other sections (eg "blank").
   Local overrides may be needed if other <ul><li> are present
*/

div.nav-backfoot{
  position : static;
  overflow : visible;
  min-height : 1.75em;
  border : solid 0px #922222;
  	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px; /* for opera */
  width : 96%;
  background : #009933;
  margin : 16px 2% 2px 2%;
  text-align : center;
}

div.nav-backfoot ul{
	overflow : hidden;
    width : 100%;
	padding : 0 4px 0 4px;
	list-style : none;
}

div.nav-backfoot ul li{
float : left;
  width : 15%;
  max-width : 17%;
  margin : 2px 0 2px 0;
  border : solid 0px #922222;
  padding : 0 .5% 6px .5%;
  vertical-align : text-bottom;
  overflow : hidden;
  text-align : center;
  text-indent : 0;
  line-height : .8em;
  font-size : .7em;
  /*font-family : Verdana, Arial, Helvetica, sans-serif;*/
  font-weight : bold;
  font-style : normal; 
  font-variant : normal;
  /*for ie6*/ display : inline;
}
div.nav-backfoot ul li a{

}


/* main page announcement section */
/*  for announcements, blurbs, ads, accolades, other objects of attachment and desire */
/* NOTE: possibly should be divs for the time being */
div.main-announcements {
  width : 48%;
  -moz-border-radius:2px; /* mozilla */
  -webkit-border-radius:2px; /* safari */
  border-radius:2px; /* for opera */
  margin : 1% 26% 0 26%;
  background : #009933;
  border : solid 0px #992222;
}

div.main-announcements p {
  position : static;
  overflow : visible;
  width : 60%;
  margin : 0 20% 0 20%;
  background : #009933;
  border-top : solid 3px #009933;
  border-bottom : solid 2px #009933;
  padding : 3px 0px 3px 0px;
  line-height : 1.2em;
  font-size : 1.2em;
  /*font-family : Verdana, Arial, Helvetica, sans-serif;*/
  font-weight : boldest;
  font-style : italic;
  text-align : center;
  text-indent : 0;
  color : #003300;
}

div.main-announcements a{
  color : #003300;
  line-height : 1.15em;
  font-size : 1em;
  font-style : italic;
  
}
div.main-announcements a:hover{
  color : #FFE966;
  font-style : italic;
}

/* main page attachments */
/* these are for badges and other 
   link-y things above the 
   main page footer */

div.main-attachments{
  border : solid 0px #EE2222;
  position : static;
  overflow : visible;
  width : 96%;
  margin : 0 2% 0 2%;
  }

div.main-attachments ul {
  width : 60%;
  border : solid 0px #E060F0;
  margin : 0 18% 0 18%;
  padding : 0 2% 0 2%;
  list-style : none;
}

div.main-attachments ul li {
	float : left;
	margin : 3% 3% 3% 3%;
	border : solid 0px #DE9922;
	padding : 0 6% 0 6%;
	min-width : 15%;
	max-width : 30%; /* adjust widths if more elements are added */
	vertical-align : top;
    line-height : 1em;
    font-size : .9em;
    /*font-family : Verdana, Arial, Helvetica, sans-serif;*/
    font-weight : bold;
    font-style : normal; 
    font-variant : normal;
    text-align : center;
}
div.main-attachments img.clmp {
    width : 50%;
	text-align: right;
}

div.main-attachments h1 {
	/* trick to clear float */
	clear : left;
	line-height: 1px;
}



/* _blank template tags for regular content */ 
/*   this set of tags is the basis for other similar 
     sets for pages of specific types, eg selected.*/
div.blank{
/* fka 'text-background' */
  position : static;
  overflow : hidden;
  width : 72%;
  background-color: #66cc99;
  border-top : solid 0px #cccfcf;
  margin: 0 14% 0 14%;
}

 /* iPhone margins smaller*/
  @media screen and (max-device-width: 480px){
div.blank {
  -webkit-text-size-adjust:none;
  width : 92%;
  margin : .5em 4% .5em 4%;
  padding:0;
  }
}

div.blank h1{
  position : static;
  overflow : hidden;
  height : 60px;
  width : 72%;
  margin : 32px 14% 6px 14%;
  padding : 32px 0px 5px 4px;
  line-height : 60px;
  font-size : 1.67em;
  font-weight : boldest;
  text-indent : 2.18em;
}

div.blank h2{
  position : static;
  overflow : visible;
  height : 1.8em;
  width : 92%;
  margin : 1em 0 0 3em;
  padding : .5em 0 2px 0;
  line-height : 1.3em;
  font-size : 1.1em;
  font-weight : boldest;
  text-indent : 0;
}

div.blank h3{
/* eg submissions page "Sleet is now closed/open for ..." */
  position : static;
  overflow : visible;
  height : 1.8em;
  margin : 1em 0 0 0;
  border-top : solid 1.1em #009933;
  border-bottom : solid 1.1em #009933;
  padding : .5em 0 2px 0;
  line-height : 1.3em;
  font-size : 1.1em;
  text-align : center;
  font-weight : boldest;
  text-indent : 0;
}

div.blank p{
  width : 96%;
  margin : 0px 2% 9px 2%;
  padding : 0;
  text-indent : 2em;
  line-height : 1.8em;
  font-weight : normal;
}


div.blank ul{
}

div.blank ul li{
	line-height : 2em;
	margin-left : 1em;
	text-indent : 2em;
}

div.blank nav.backfoot ul li{
/* this is needed to override the ul li style above */
	line-height : 1.1em;
	margin-left : 0;
	text-indent : 2em;
}


/* for now this is a test for the figure tag. 
It could be a prototype for the category with image tags 
on the selected pages */
div.blank figure{
  position : static;
  overflow : hidden;
  height : 120px;
  width : 96%;
  margin : 0 2% 6px 2%; 
  border-left : solid 0px #929200;
  padding : 8px 0px 5px 4px;
  line-height : 120px;
  font-size : 1.67em;
  /*font-family : Verdana, Arial, Helvetica, sans-serif;*/
  font-weight : boldest;
  text-indent : 2.18em;
/*  color : #003300;*/
  vertical-align : bottom;
}

div.blank figure img{
  float : right;
  height : 120px;
  margin : 6px 23% 0 0;
  border : solid 1px #ccff66;
  vertical-align : bottom;
  border-style: none;
  /*for ie6*/ display : inline; 
}


/* section I mean div on "current" or "supplement" (toc) pages 
	where list of pieces is.
	derived from blank class.*/
div.current{
/* fka 'text-background' */
  position : static;
  overflow : hidden;
  width : 72%;
  background-color: #66cc99;
  border-top : solid 16px #66cc99;
  border-bottom : solid 2em #66cc99;
  
  margin: 0 14% 0 14%;
  padding : 0 2px 0 2px;
  text-align : left;
}

div.current h1{
/* genre */
  position : static;
  overflow : visible;
  width : 90%;
  min-height : 2em;
  border : solid 0px #dd4455;
  margin : 1em 2% 1em 2%;
  padding : 0px 0px 5px 4px;
  line-height : 2em;
  font-size : 1.62em;
  font-weight : boldest;
  text-indent : 2.18em;
}
div.current h1 img{
  overflow : hidden;
  float : right;
  border : solid 0px #ddcc55;
  min-width : 4em;
  max-width : 6em;
  line-height : 1.4em;
  font-size : .9em;
  margin : -1em 0 8% 8%;
  padding-top : 2pt;
}

h1 div.fig-stop{
clear : right;
overflow : hidden;
margin-bottom : 10%;
}

div.current h2{
/* authors on "current" page */
  margin-top : .5em;
  margin-left : 20%
}

div.current h3{
/* titles on "current" page */
position : static;
  overflow : visible;
  width : 30%;
  margin : 6px 30% 6px 40%;
  border : solid 0px #999922;
  text-indent : -2em ;
  line-height : .9em;
  font-size : .8em;
  vertical-align : top;
}

div.current  a{
  /*position : static;
  overflow : visible;*/
  /*width : 34%;*/
  /*margin : 6px 30% 0 36%;*/
  /*padding : 4px 0 0 0;
  color : #440000;
  vertical-align : bottom;*/
}

div.current p{
  width : 96%;
  margin : 0px 2% 9px 2%;
  padding : 0;
  text-indent : 2em;
  line-height : 1.8em;
  font-weight : normal;
}

div.current ul{
}

div.current ul li{
	line-height : 2em;
	margin-left : 1em;
	text-indent : 2em;
}
/* used on "current" and "supplement" (toc) pages. */
div.current_author{
  margin-top : .5em;
  margin-bottom : -6px;
  margin-left : 20%
}


div.current_title{
position : static;
  overflow : visible;
  width : 30%;
  margin : 6px 30% 6px 40%;
  border : solid 0px #999922;
  text-indent : -2em ;
  line-height : .9em;
  font-size : .8em;
  vertical-align : top;
}

div.current_title a{
  /*font-size : .8em;*/
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-weight : bolder;
  color : #003300;
  vertical-align : top;
}
div.current_title a:hover{
  color : #666622;
}


/* authors and titles on "selected" pages
    first section "authors" is for author name
	next optional section "title-block" is for multiple titles
	"title block" goes outside "selected"
	main section "selected" is for pieces
*/
div#author{
  position : static;
  overflow : hidden;
  width : 96%;
  border-top : solid 0px #cccfcf;
  margin: 0 2% 0 2%;
}
div#author h1{
/* author-head */
  position : static;
  overflow : visible;
  width : 96%;
  height : 2.3em;
  -moz-border-radius:2px; /* mozilla */
  -webkit-border-radius:2px; /* safari */
  border-radius:2px; /* for opera */
  background : #009933;
  margin : 2em 4% .3em 2%;
  border-bottom : solid 0px #C5DD55;
  padding : 4px -2px 4px 2px;
  text-align : left;
  vertical-align : bottom;
  text-indent : 1.5em;
  line-height : 1.3em;
  font-size : 1.3em;
  font-family : Georgia, TimesNewRoman, Times, serif;
  font-weight : bolder;
  font-style : normal;
  font-variant : normal;
  letter-spacing : normal;
  word-spacing : normal;
}
div#author h1 a{
line-height : 1.2em;
}


div#title-block{
/* goes before "selected" 
   when >1 piece on the page */   
   position : static;
   overflow : visible;
   top : 24px;
   width : 92%;
   background-color: #66cc99;
   border : solid 2px #009933;
  -moz-border-radius:2px; /* mozilla */
  -webkit-border-radius:2px; /* safari */
  border-radius:2px; /* for opera */
   margin : -1.2% 4% 1.5% 4%;
   padding : 0 0 1% 0;
}

div#title-block h1{
  /*background : #009933;*/
  /*border : solid 1px #993333;*/
  height : 1.6em;
  width : 96%;
  margin : 0 0 0 0;
  padding : 0 0 0 0;
  text-align : left;
  vertical-align : bottom;
  text-indent : 1.5em;
  line-height : 1.6em;
  font-size : 1.2em;
  font-weight : bolder;
  font-style : normal;
  font-variant : normal;
  letter-spacing : normal;
  word-spacing : normal;

}
div#title-block h1 a{
  padding : 0 0 0 1em;
  
}


div#piece{
/* fka 'text-background' */
  position : static;
  overflow : hidden;
  width : 72%;
  background-color: #66cc99;
  border : solid 0px #cccfcf;
  margin: 1% 14% 1% 14%;
}

 /* iPhone margins smaller*/
  @media screen and (max-device-width: 480px){
div#piece {
  -webkit-text-size-adjust:none;
  width : 86%;
  margin : .5em 7% .5em 7%;
  padding:0;
  }
}

div#piece h1{
/* title head */
  position : static;
  overflow : hidden;
  width : 92%;
  min-height : 1.5em;
  background : #009933;
  margin : 1em 4% 1em 4%;
  padding : .2em 0 0 0;
  border-bottom : solid .5em #62626F;
  text-align : left;
  vertical-align : bottom;
  text-indent : 2pt;
  line-height : 1.5em;
  font-size : 1.3em;
  /*font-family : Verdana, Arial, Helvetica, sans-serif;*/
  font-weight : bolder;
  font-style : normal;
  font-variant : normal;
  letter-spacing : normal;
  word-spacing : normal;
}
div#piece h1 a{
}

 /* iPhone title smaller*/
  @media screen and (max-device-width: 480px){
div#piece h1{
  -webkit-text-size-adjust:none;
  overflow : visible;
  margin : 1em 2% 1em 2%;
  font-family:Helvetica, Arial, Verdana, sans-serif;
  font-size : 1em;
  padding:3px;
  }
}



div#piece p{
  width : 90%;
  margin : .7em 5% 1.5em 5%;
  padding : 0;
  text-indent : 0;
  line-height : 1.8em;
  text-align : left;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-weight : normal;
  }

/* several classes are expected here, eg indented, flush-left, and author-specific */
div#piece p.flush-left{
  width : 90%;
  margin : .7em 5% 1.5em 5%;
  padding : 0;
  text-indent : 0;
  line-height : 1.8em;
  text-align : left;
    /*font-family : Verdana, Arial, Helvetica, sans-serif;*/
  /*font-family : Georgia, TimesNewRoman, Times, serif;*/
  font-weight : normal;
}

div#piece p.indented{
  width : 90%;
  margin : .7em 5% 1.5em 5%;
  padding : 0;
  text-indent : 2em;
  line-height : 1.8em;
  text-align : left;
    /*font-family : Verdana, Arial, Helvetica, sans-serif;*/
  /*font-family : Georgia, TimesNewRoman, Times, serif;*/
  font-weight : normal;
}

div#piece p.indented-space-closer{
  width : 90%;
  margin : .7em 5% .8em 5%;
  padding : 0;
  text-indent : 2em;
  line-height : 1.4em;
  text-align : left;
    /*font-family : Verdana, Arial, Helvetica, sans-serif;*/
  /*font-family : Georgia, TimesNewRoman, Times, serif;*/
  font-weight : normal;
}


div#piece p.epigram{
  width : 96%;
  margin : 0px 2% 6px 2%;
  padding : 0 0 2px 0;
  text-indent : 3em;
  font-size : .75em;
  line-height : .90em;
  font-weight : normal;
  font-style : italic;
}

div#piece p.epigram-author{
  width : 96%;
  margin : 0px 2% 16px 2%;
  padding : 0 0 2px 0;
  text-indent : 5em;
  font-size : .75em;
  line-height : 1em;
  font-weight : normal;
  font-style : normal;
}
div#piece p.centered{
  width : 90%;
  margin : .7em 5% 1.5em 5%;
  padding : 0;
  text-indent : 0;
  line-height : 1.8em;
  text-align : center;
    /*font-family : Verdana, Arial, Helvetica, sans-serif;*/
  /*font-family : Georgia, TimesNewRoman, Times, serif;*/
  font-weight : normal;
}

div#piece span.poem-spaced{
/* use non-collapsing white space */
  white-space : pre;
}

div#piece p.interview-note{
  width : 90%;
  margin : 1.7em 5% 1.5em 5%;
  padding : 0;
  text-indent : 0;
  line-height : 1.3em;
  text-align : left;
    /*font-family : Verdana, Arial, Helvetica, sans-serif;*/
  font-size : .9em;
  font-family : Georgia, TimesNewRoman, Times, serif;
  font-weight : normal;
  letter-spacing : .02em;
}


div#piece p.interview-note a{
  text-indent : 0;
  font-family : Georgia, TimesNewRoman, Times, serif;
  font-weight : normal;
  word-spacing : 0;
  letter-spacing : .02em;
  font-style : normal;
  font-variant : normal;
  color : #006622;
}

div#bio{
  position : static;
  overflow : hidden;
  width : 96%;
  margin : 2.3em 2% 1em 2%;
  background : #66cc99;
  border-top : solid 1.45em #62626F;
  padding : 2px 0px 4px 0px;
  text-align : left;
  vertical-align : top;
  text-indent : 0;
  line-height : 1em;
  font-size : .8em;
  font-weight : normal;
  font-style : normal;
  font-variant : normal;
  letter-spacing : normal;
  word-spacing : normal;
}

div#bio h1{
/* name of author used in bio*/
  float : left;
  overflow : visible;
  border :0;
  margin : 0 0 0 0;
  padding : 0;
  background-color : #66cc99;
  line-height : 1.2em;
  font-size : 1.1em;
  font-weight : normal;
  font-style : normal;
  font-variant : normal;
  letter-spacing : normal;
  word-spacing : normal;
}

div#bio p{
/* may be same as h1 */
  float : left;
  overflow : visible;
  border :0;
  margin : 0 0 0 0;
  padding : 0 0 1.2em 0;
  background-color : #66cc99;
  line-height : 1.2em;
  font-size : 1.1em;
  font-weight : normal;
  font-style : normal;
  font-variant : normal;
  text-indent : 0;
  letter-spacing : normal;
  word-spacing : normal;
}

div#bio p.wpic{
/* may be same as h1 */
  float : left;
  overflow : visible;
  width : 62%;
  border :0;
  margin : 6px 0 0 0;
  padding : 0;
  background-color : #66cc99;
  line-height : 1.2em;
  font-size : 1.1em;
  font-weight : normal;
  font-style : normal;
  font-variant : normal;
  letter-spacing : normal;
  word-spacing : normal;
}

div#bio span.pubin{
/* italic names of other publications wherein the author claims publication */
  font-style : italic;
}

div#bio a{
  color : #006622;
  font-weight : normal;
}
 
div#bio a:hover{
  color : #662299;
  font-weight : normal;
}

div#bio img{
float : right;
min-width : 22%;
max-width : 36%;
margin : 6px 0 0 6px;
}

 
  /* footer tags */
div#footer {
  position: static;
  top: 100%;
  min-height : 1.45em;
  width : 96%;
  -moz-border-radius:2px; /* mozilla */
  -webkit-border-radius:2px; /* safari */
  border-radius:2px; /* for opera */
  background : #009933;
  margin : 6% 2% 2px 2%;
  border : solid 0px #FF2222;
  padding : 0 .1em 2px .1em;
  text-align : center;
  vertical-align : middle;
  line-height : 1em;
  font-size : .7em;
  /*font-family : Verdana, Arial, Helvetica, sans-serif;*/
  font-weight : bold;
  font-style : normal;
  color : #003300;
  font-variant : normal;
  }
  
  
  /* specialty styles */
  
  /* about us page */
  div.aboutus{
  float : left;
  /*display : block; unnecessary */
  width: 64%;
  background : #66cc99;
  margin : 12px 18% 12px 18%;
  border : solid 0px #FF9999;
  padding : 0px 1px 6px 1px;
  text-align : left;
  vertical-align : top;
  text-indent : 0;
  color : #003300;
  /*for ie6*/ display : inline;
}
  div.aboutus-left{
  float : left;
  width: 28%;
  /*background : #66cc99;*/
  margin : 2px 0;
  border : solid 0px #999922;
  padding : 0px 1px 6px 1px;
  /*text-align : left;
  vertical-align : top;
  text-indent : 0;*/
  color : #003300;
  /*for ie6*/ display : inline;
}
  div.aboutus-right{
  float : right;
  width: 70%;
  /*background : #66cc99;*/
  margin : .5em 0;
  /*border : solid 0px #992222;*/
  padding : 0px 1px 6px 1px;
  /*text-align : left;
  vertical-align : top;
  text-indent : 0; */
  color : #003300;
  /*for ie6*/ display : inline;
}

  div.aboutus h2{
  /*float : left;*/
  position : static;
  width : 28%;
  margin : 0;
  border : solid 0px #99FF99;
  padding : 0;
  /*text-align : left;
  vertical-align : top;
  text-indent : 0; */
  line-height : 1.3em;
  font-size : 1.1em;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-weight : normal;

}
  div.aboutus h3{
  position : static;
  width : 28%;
  margin : 0;
  border : solid 0px #99FF99;
  padding : 1em 0 0 0;
  /*text-align : left;
  vertical-align : top;
  text-indent : 0; */
  line-height : 1.3em;
  font-size : 1.1em;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-weight : bolder;
  font-style : normal;
  font-variant : normal;
  letter-spacing : normal;
  word-spacing : normal;
}

  div.aboutus img{
  position : static;
  margin : 0 373px 0 0;
  width : 102px;
  vertical-align : top;
  text-align: left;
  
}
  div.aboutus p{
  position : static;
  width : 100%;
  margin : 0;
  border : solid 0px #9999FF;
  padding : 4px 0 2px 0;
  /*text-align : left;
  vertical-align : top;
  text-indent : 0; */
  line-height : 1.05em;
  font-size : 1em;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-weight : normal;
  font-style : normal;
  font-variant : normal;
  letter-spacing : normal;
  word-spacing : normal;
}


/* author-specific styles */

div#piece p.kain_v4n1_right{
  width : 90%;
  overflow : visible;
  margin : .7em 0 9px 5%;
  padding : 0;
  text-indent : 0;
  font-size : 1.1em;
  line-height : 1.8em;
  text-align : right;
  font-family : 'Bad Script', Verdana, Arial, Helvetica, sans-serif;
  font-weight : normal;
}
div#piece p.kain_v4n1_indented{
  width : 90%;
  margin : .7em 5% 9px 5%;
  padding : 0;
  text-indent : 1em;
  white-space : pre;
  font-size : 1em;
  line-height : 1.em;
  text-align : right;
  font-family : Georgia, TimesNewRoman, Times, serif;
  font-weight : normal;
  font-style : italic;
}
div#piece p.kain_v4n1_spaced{
  width : 90%;
  margin : .7em 5% 9px 5%;
  padding : 0;
  overflow : visible;
  text-indent : 0;
  white-space : pre;
  font-size : 1em;
  line-height : 1.1em;
  text-align : left;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-weight : normal;
  font-style : italic;
}
div#piece p.kain_v4n1_centered{
  width : 90%;
  margin : .7em 5% 9px 5%;
  padding : 0;
  text-indent : 0;
  font-size : 1em;
  line-height : 1.3em;
  text-align : center;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-weight : normal;
  font-style : italic;
}


div#piece p.lourey_flush-left{
  width : 90%;
  margin : .7em 5% 1.5em 5%;
  padding : 0;
  text-indent : 0;
  line-height : 1.8em;
  text-align : left;
    /*font-family : Verdana, Arial, Helvetica, sans-serif;*/
  font-family : Georgia, TimesNewRoman, Times, serif;
  font-weight : normal;
}

div.lourey_sig-block{
width : 90%;
border : solid 0px #bbbb22;
margin : 0 4% 2em 5%;
padding : 0 0 2px 0;
font-family: Georgia,TimesNewRoman,Times,serif;
}

div.lourey_signatures{
float : left; 
width : 45%;
border : solid 0px #bbbb22;
margin : 0 5% 0 0;
padding : 0 0 0 0;
font-family: Georgia,TimesNewRoman,Times,serif;
font-size : 1.1em;
font-weight : normal;
border-bottom : solid 1px #003300;
line-height: 2.3em;
}


div.lourey-description{
  clear : left;
  border : solid 0px #ffff66;
  width : 94%;
  margin : 16px 0 0 0;
  padding : 16px 0 0 0;
}
div.lourey-description p{
  margin : 0;
  padding : 0;
  line-height : 1em;
  font-size : .9em;
  font-weight : normal;
  font-style : normal;
  font-variant : normal;
  text-indent : 0;
}

div.piece span.meszaros_v4n1_right{
  text-align : right;
}

div.blank-nicola_v4n1{
/* fka 'text-background' */
  position : static;
  overflow : hidden;
  width : 86%;
  background-color: #66cc99;
  border-top : solid 0px #cccfcf;
  margin: 0 7% 0 7%;
}

div#piece p.flush-left-nicola_v4n1{
  width : 90%;
  margin : .7em 5% 1.5em 5%;
  padding : 0;
  text-indent : 0;
  line-height : 1.8em;
  text-align : left;
    /*font-family : Verdana, Arial, Helvetica, sans-serif;*/
  /*font-family : Georgia, TimesNewRoman, Times, serif;*/
  font-weight : normal;
  word-spacing : -1px;
  letter-spacing : -.3px;
}

div.blank-guzman_v4n1{
/* fka 'text-background' */
  position : static;
  overflow : visible;
  width : 90%;
  background-color: #66cc99;
  border-top : solid 0px #cccfcf;
  margin: 0 5% 0 5%;
}

div#piece p.flush-left-guzman_v4n1{
  width : 90%;
  margin : .7em 5% 1.5em 5%;
  padding : 0;
  text-indent : 0;
  line-height : 1.8em;
  text-align : left;
    /*font-family : Verdana, Arial, Helvetica, sans-serif;*/
  /*font-family : Georgia, TimesNewRoman, Times, serif;*/
  font-weight : normal;
  word-spacing : -1px;
  letter-spacing : -.3px;
}

div#piece p.art-credit{
  width : 96%;
  margin : 0px 2% 6px 2%;
  padding : 0 0 2px 0;
  text-indent : 0;
  font-size : .75em;
  line-height : .90em;
  font-weight : normal;

  font-style : italic;
}