body {
font:12px verdana;
padding:0;
margin:4px 0 0 0;
}

p {
line-height:1.4em;
padding 0;
margin:0;
}

.fixed {
position:fixed;
top:0;
left:0;
width:126px;
}

/*----------------------------------------
POEM
----------------------------------------*/

#WastelandContainer {
/*position:absolute;
top:0;
left:0;
 bottom:0;
right:0;*/
width:75%;
padding:0;
margin:1% 0 100% 2%;
}

#WastelandIntro {
font:1em verdana;
text-align:center;
width:70%;
border:1px solid #ddd;
padding:1%;
margin:2% 0 5% 0;
}

#WastelandEpigraph {
width:100%;
text-align:center;
padding:0;
margin:0;
}

#WastelandDedication {
width:100%;
text-align:center;
padding:0;
margin:0;
}

#WastelandPoem {
width:60%;
}

#WastelandPoem div.line:nth-child(1n+9) {
display:block;
width: 100%;
min-width:450px;
padding-left:1%;
margin: 0;
}

#WastelandPoem div.line:nth-child(1n+9):hover {
color:#555;
background-color:#f5f5f5;
}

#WastelandPoem div.line:hover div.hidden {
display:inline-block;
}

#WastelandPoem div.text {
display:inline-block;
width:85%;
min-width:380px;
text-indent:-3%;
padding:0;
margin:0.5% 2% 0.5% 3%;
}

#WastelandPoem div.num {
display:inline-block;
width:6%;
font-style:italic;
text-align:right;
padding:0;
margin:0 4% 0 0;
}

h1 {
font:1.6em verdana;
font-weight:800;
padding:0;
margin:0 0 2px 0;
}

h1 a:visited { color: #000; }
h1 a:hover { color: #000; }

#WastelandContainer h1 {
text-align:center;
width:100%;
padding:0;
margin:0 0 10px 0;
}

#WastelandNote h2 {
font:1em verdana;
color:#555;
text-transform:uppercase;
padding:0;
margin:0 0 4px 0;
}

#WastelandContainer h2 {
font:1.4em verdana;
font-weight:800;
text-align:center;
width:100%;
padding:0;
margin:0 0 10px 0;
}

h3 {
font:1.2em verdana;
font-weight:800;
padding:0;
margin:30px 0 10px 0;
}

#Endnotes h3 {
text-align:center;
}

a:link { color:#000; text-decoration:none; }
a:visited { color:#000; text-decoration:none; }
a:hover { color:#00E; text-decoration:none; }
a:active { color:#00E; text-decoration:none; }

a.show:link { color:#00E !important; text-decoration:none; }
a.show:visited { color:#00E !important; text-decoration:none; }
a.show:hover { color:#00E; text-decoration:underline !important; }
a.show:active { color:#00E; text-decoration:underline !important; }

#WastelandNavigation a:link { color:#00E; text-decoration:none; }
#WastelandNavigation a:visited { color:#00E; text-decoration:none; }
#WastelandNavigation a:hover { color:#00E; text-decoration:underline; }
#WastelandNavigation a:active { color:#00E; text-decoration:underline; }

div.num a:link { color:#00E; text-decoration:none; }
div.num a:visited { color:#00E; text-decoration:none; }
div.num a:hover { color:#00E; text-decoration:underline; }
div.num a:active { color:#00E; text-decoration:underline; }

.hover {
color: #00E !important;
text-decoration: underline !important;
}



/*----------------------------------------
NOTES
----------------------------------------*/


#WastelandTitle {
font:2.5em verdana;
font-weight:500;
color:#eee;
text-align:right;
line-height:1.1;
width:120px;
float:left;
padding:0 0 60px 0;
margin:0 6px 0 0;
position:relative;
}

#WastelandShortTitle {
z-index:2;
display: none;
position: fixed;
top: 0;
right: 0;
width: 98%;
height: 48px;
background: #fff;
color: #000;
box-shadow: 0 4px 10px #888;
padding: 1%;
}

#WastelandShortTitle ul {
display: none;
}

#WastelandNote {
width:550px;
border:1px solid #ddd;
padding:0;
margin:0 0 80px 0;
}

#Header {
text-align:right;
border-bottom:1px solid #ddd;
padding:4px;
margin:0;
}

#Footer {
text-align:right;
border-top:1px solid #ddd;
padding:4px;
margin:0;
}

#Main {
min-height:320px;
padding:0 8px 4px 8px;
margin:10px 0 20px 0;
}

#Main h2 {
margin-top: 1.5em;
}

#Main h2:first-child {
margin-top: 0;
}

#Main div.cite {
background-color:#FFCCCC;
width:460px;
border-right:#000 10px solid;
border-left:1px #000 solid;
padding:8px 10px 8px 20px;
margin:0 0 8px 20px;
}

#Main div.cite p {
padding:0;
margin:0;
}

#Main p {
text-indent:12px;
line-height:1.4;
padding:0 0 8px 10px;
margin:0;
}

#map-canvas {
width:520px;
height:400px;
padding :0;
margin:0 10px 0 20px;
}

table {
font:inherit;
border-collapse:collapse;
margin-left:2px;
}

tr {
height:100%;
margin:0;
padding:0;
}

tr.alt {
background-color:#eee;
}

th {
text-align:left;
border-bottom:1px solid #000;
}

td {
vertical-align:middle;
padding:4px;
margin:0;
}

td.RefLeft {
text-align:left;
width:75%;
}

#Main td.RefLeft p {
text-indent:-12px;
padding:0;
margin:0 20px 0 12px;
}


td.RefRight {
text-align:left;
width:25%;
}

#Main td.RefRight p {
text-indent:0;
padding:0;
margin:0;
}

#Endnotes {
margin-top:12px;
}

.fulltext {
font:1em verdana;
}

.clear {
clear:both;
}

h2 a { color:#555 !important; }

#Header a:link { font:1em verdana; color:#00E; text-decoration:none; }
#Header a:visited { font:1em verdana; color:#00E; text-decoration:none; }
#Header a:hover { font:1em verdana; color:#00E; text-decoration:underline; }
#Header a:active { font:1em verdana; color:#00E; text-decoration:underline; }

#Main a:link { color:#00E; text-decoration:none; }
#Main a:visited { color:#00E; text-decoration:none; }
#Main a:hover { color:#00E; text-decoration:underline; }
#Main a:active { color:#00E; text-decoration:underline; }

#Footer a:link { font:1em verdana; color:#00E; text-decoration:none; }
#Footer a:visited { font:1em verdana; color:#00E; text-decoration:none; }
#Footer a:hover { font:1em verdana; color:#00E; text-decoration:underline; }
#Footer a:active { font:1em verdana; color:#00E; text-decoration:underline; }

#WastelandTitle a:link { display:block; color:#ddd; text-decoration:none; margin:0 2px 40px 0; }
#WastelandTitle a:visited { display:block; color:#ddd; text-decoration:none; margin:0 2px 40px 0; }
#WastelandTitle a:hover { display:block; color:#bbb; text-decoration:none; margin:0 2px 40px 0; }
#WastelandTitle a:active { display:block; color:#bbb; text-decoration:none; margin:0 2px 40px 0; }

#Endnotes a:link { color:#000; text-decoration:none; }
#Endnotes a:visited { color:#000; text-decoration:none; }
#Endnotes a:hover { color:#00E; text-decoration:none; }
#Endnotes a:active { color:#00E; text-decoration:none; }

#Endnotes a.show { color:#000; }

#WastelandTitle a.sitelinks:link { font-size:14pt; margin:0 2px 4px 0; }
#WastelandTitle a.sitelinks:visited { font-size:14pt; margin:0 2px 4px 0; }
#WastelandTitle a.sitelinks:hover { font-size:14pt; margin:0 2px 4px 0; }
#WastelandTitle a.sitelinks:active { font-size:14pt; margin:0 2px 4px 0; }

.stanza {
text-indent:0px;
margin-top:1.5em;
margin-bottom:0;
}

.bothbreak {
padding-top:0;
padding-bottom:0;
margin-top:1em;
margin-bottom:1em;
}

.nobreak {
padding-top:0;
padding-bottom:0;
margin-top:0;
margin-bottom:0;
}

.frisch {
font-style:italic;
margin-left:62px;
}

.wind {
margin-left:90px;
}

.do {
text-indent:224px;
}

.remember {
text-indent:22px;
}

.but {
text-indent:260px;
}

.hot {
text-indent:160px;
}

.lament {
margin-left:77px;
}

.lala {
margin-left:60px;
}

.current {
text-indent:135px;
}

.water {
text-indent:158px;
margin-left:12px;
}

.shore {
text-indent:172px;
}

.shantih {
margin-left:85px;
}

.num {
display:table-cell;
vertical-align:middle;
padding:0;
margin:0;
}

.smallcaps {
font-variant:small-caps;
}

#WastelandPoem div.hidden { display: none; }
#map-canvas { z-index:1; }

@media screen and (max-width: 680px) {

  html {
    margin-top: 80px;
  }

  body {
    font-size: 15px;
  }

  #WastelandTitle { display: none; }
  #WastelandShortTitle { display: block; }
  #WastelandShortTitle h1 {
    display: inline-block;
    width: 80%;
    font-size: 2em;
    font-weight: normal;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 1%;
  }

  #nav { float: right; }

  #nav ul {
    position: absolute;
    bottom: 0;
    right: 3%;
  }

  #nav ul {
    display: none;
    top: 40px;
    right: 0px;
    box-shadow: 0 4px 10px #888;
  }

  #nav ul li {
    display: block;
    font-size:1.4em;
    background-color: #fff;
    width: 70vw;
    border-bottom: 1px solid #ccc;
  }

  #nav ul li a {
    display: block;
    padding: 5% 0% 5% 10%;
  }

  #nav ul li:first-child { border-top:none; }
  #nav ul li:before { content: ""; }
  #nav ul.show { display: block; }
  #show { font-size: 28pt; cursor: pointer; margin: -6px 8px 0 0; }

  #WastelandIntro { width: 90%; margin: 0 2% 10% 2%; }
  #WastelandContainer { width: 96%; padding: 0; margin: 0 0 0 4%; }
  #WastelandPoem { width: 100%; padding: 0 0 120% 0; margin: 0; }
  #WastelandPoem div.line { width: 100%; min-width: 300px; }
  #WastelandPoem div.text { width: 65%; min-width: 270px; }

  #Header h1 { margin-bottom: 2%;}
  #Header h2 { margin-bottom: 2%; }
  #WastelandNote { width: 98%; padding: 0; border: none; margin 1%; }
  #WastelandNote div.cite { width: 85%; }

  #WastelandPoem div.line:hover { color: inherit; background-color: inherit; }
  #WastelandPoem div.line:hover div.hidden { display: none; }

  #WastelandPoem a[name] {
    display: block;
    position: relative;
    top: -64px;
    visibility: hidden;
  }

  #map-canvas { width: 95%; }

}