/*text styles*/

body, html { margin:0; padding:0; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}

p {text-indent:40px; margin:0; margin-bottom:6px; padding:0;}
.pf {text-indent:0px;}
.bquote {margin-left:10%; margin-right:10%; margin-top:1em;}
.qaq {text-indent:0;}
.qaa {text-indent:0;}
.paft {text-indent: 0; margin-top: 5%;}
.poemf {margin-left:10%; text-indent: 0; margin-top:1em;}
.poem {margin-left:10%; text-indent: 0;}
.poeml {margin-left:10%; text-indent: 0; margin-bottom:1em;}
.sp {margin-top:5%; text-indent: 0;}
.right {text-align:right; margin-right:5%;}
.centerbq {text-indent:0px; text-align:center; margin-top:1em;}
.photocredits {font-size:50%;}

.imgcaption {margin-top:1px; text-align:center; font-size:90%; color:#444;}
.imgwithborder {border:2px solid #333;}
.thumbnailwithborder {border:1px solid #555;}
.fixedspacepoem {letter-spacing:0px; word-spacing:2.5px;}
.inlinefixedspacepoem {letter-spacing:0px; word-spacing:2.5px; margin-top:1em;}

h1 {font-size:150%; font-weight:bolder; margin:18px 0px 6px 0px;}
h2 {font-size:150%; font-weight:normal; margin:6px 0px;}
h3 {font-size:120%; font-weight:bolder; margin:10px 0px;}
h4 {font-size:100%; font-weight:bold; margin:10px 0px;}

h4.sidebarlink {font-size:100%; font-weight:normal; margin:10px 0px;}
h4.linkspagelinkf {font-size:100%; font-weight:normal; margin:15px 0px 10px;}
h4.linkspagelink {font-size:100%; font-weight:normal; margin:10px 0px;}

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


/*layout*/

#backdrop { 
  position:fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color:#fff;
  z-index:-50;
  opacity:1;
}

#wrap { width:1024px; margin:0 auto; margin-top:35px; }


#rightside { margin-top:140px; width:640px; float:right; }
#rightsidepoem { margin-top:140px; width:540px; float:right; }

#coverimg { height:440px; }
#rightsidefooter { height:250px; }

#leftside { margin-top:220px; width:364px; margin-right:20px; float:left; }
#leftsidepoem { margin-top:220px; width:464px; margin-right:20px; float:left; }

#singlecolumnrightside { margin-top:140px; width:924px; float:right; }
#singlecolumnrightsidehome { margin-top:140px; width:1024px; float:right; }
#singlecolumnleftside { margin-top:220px; width:100px; float:left; }
#singlecolumnleftsidehome { margin-top:220px; width:0px; float:left; }

/*collapsible sections*/

.sectionheader{
  margin-top:20px;
  margin-bottom:20px;
  margin-right:50px;
  padding:8px;
  background-color:#333;
  color:#fff;
  display:block;
}
.sectionheader + input{
  display:none;
}
.sectionheader + input + *{
  display:none;
}
.sectionheader+ input:checked + *{
  display:block;
}
.section{
  padding:8px;
}


/*fullscreen backdrop*/

.fullscreenbackdrop {
  position:fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color:#000;
  z-index:-100;
  opacity:0.75;
  transition: opacity .2s;
}

input {
  display:none;
}

input + .previewimage .fullscreenbackdrop {
  opacity:0;
  display:block;
  z-index:-100;
}
input:checked + .previewimage .fullscreenbackdrop {
  opacity:.75;
  z-index:100;
  display:block;
}

input ~ .slidehorizon {
  display:none;
}

input:checked ~ .slidehorizon {
  display:block;
}


/*preview images*/

@import url(http://fonts.googleapis.com/css?family=Varela+Round);

.slidehorizon {
	text-align: center;
	position: fixed;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 0px;
	overflow: visible;
	visibility: visible;
	display: block;
 z-index:101;    
}

.slides {
  position:absolute;
  margin: 0 auto;
  left:50%;
  background-color:#fff;
  padding: 0;
  display: block;
 
  margin-left:-200px;
  top: -200px;
  width: 400px;
  height: 400px;

  -webkit-box-shadow: 0px 0px 40px 8px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 40px 8px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 40px 8px rgba(0,0,0,0.75);
}

.slides * {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.slides input { display: none; }

.slide-container { display: block; }

.slide {
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;

   
}

.slide img {
    top:0;
    width: 100%;
    height: 100%;
}

.nav label {
    top: 0;
    width: 200px;
    height: 100%;
    display: none;
    position: absolute;
    opacity: 0;
    z-index: 102;
    cursor: pointer;

    transition: opacity .2s;

    color: #FFF;
    font-size: 156pt;
    text-align: center;
    line-height: 300%;
    font-family: "Varela Round", sans-serif;
    background-color: rgba(255, 255, 255, .3);
    text-shadow: 0px 0px 15px rgb(119, 119, 119);
}

.slide:hover + .nav label { opacity: 0.5; }

.nav label:hover { opacity: 1; }

.nav .next { right: 0; }

input:checked + .slide-container  .slide { opacity: 1; }

input:checked + .slide-container .nav label { display: block; }