div.header {
        background-image: url('images/header.png');
	text-align: left;
        height: 280px;
}
div.menu {
        text-align: center;
        width: 100%
        height: 50px;
	margin-bottom: 8px;
        }
body {
        background-color:white;
        padding: 0;
        margin: 0;
}
div.text {
        font-family: Josefin Slab;
        text-align: left;
        margin: 0 50px 0 50px;
	padding: 10px;
}
div.content {
	width: 60%;
	font-family: Josefin Slab;
	text-align: left;
	font-size: 1.2em;
	margin-left: 20%;
	padding-bottom: 50px;
}
.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #918d82;
	-webkit-box-shadow:inset 0px 1px 0px 0px #918d82;
	box-shadow:inset 0px 1px 0px 0px #918d82;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8b39d), color-stop(1, #c2c2b1) );
	background:-moz-linear-gradient( center top, #b8b39d 5%, #c2c2b1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8b39d', endColorstr='#c2c2b1');
	background-color:#b8b39d;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:18px;
	-moz-border-radius-bottomright:18px;
	border-bottom-right-radius:18px;
	-webkit-border-bottom-left-radius:18px;
	-moz-border-radius-bottomleft:18px;
	border-bottom-left-radius:18px;
	text-indent:0;
	border:1px solid #ded8c1;
	display:inline-block;
	color:#0a0a0a;
	font-family:Josefin Slab;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:25px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #a3d1d1;
}
.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c2c2b1), color-stop(1, #b8b39d) );
	background:-moz-linear-gradient( center top, #c2c2b1 5%, #b8b39d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2c2b1', endColorstr='#b8b39d');
	background-color:#c2c2b1;
}.button:active {
	position:relative;
	top:1px;
}.button.selected{
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a6b7e3), color-stop(1, #a3dce6) );
	background:-moz-linear-gradient( center top, #a6b7e3 5%, #a3dce6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6b7e3', endColorstr='#a3dce6');
	background-color:#a6b7e3;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	text-shadow:1px 1px 0px #ffffff;
}

div.subtext {
	font-size:14px;
	line-height:13px;
	text-align: left;
	margin-left: 30px;
}
.name {
	-moz-box-shadow:inset 0px 1px 0px 0px #918d82;
	-webkit-box-shadow:inset 0px 1px 0px 0px #918d82;
	box-shadow:inset 0px 1px 0px 0px #918d82;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8b39d), color-stop(1, #c2c2b1) );
	background:-moz-linear-gradient( center top, #b8b39d 5%, #c2c2b1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8b39d', endColorstr='#c2c2b1');
	background-color:#b8b39d;
	-webkit-border-top-left-radius:18px;
	-moz-border-radius-topleft:18px;
	border-top-left-radius:18px;
	-webkit-border-top-right-radius:18px;
	-moz-border-radius-topright:18px;
	border-top-right-radius:18px;
	-webkit-border-bottom-right-radius:18px;
	-moz-border-radius-bottomright:18px;
	border-bottom-right-radius:18px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #ded8c1;
	display:inline-block;
	color:#210621;
	font-family:Helvetica;
	font-size:25px;
	font-weight:bold;
	font-style:normal;
	height:100px;
	//line-height:15px;
	width:300px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #a3d1d1;
	margin-top: 180px;
	margin-left: 22%;
}
.letter {
  background: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  margin: 26px auto 0;
  max-width: 550px;
  min-height: 300px;
  padding: 24px;
  position: relative;
  width: 80%;
}
.letter:before, .letter:after {
  content: "";
  height: 98%;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.letter:before {
  background: #fafafa;
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
  left: -5px;
  top: 4px;
  transform: rotate(-2.5deg);
}
.letter:after {
  background: #f6f6f6;
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
  right: -3px;
  top: 1px;
  transform: rotate(1.4deg);
}
.Poems {
	font-family:Josefin Slab;
}
.poems {
  font-family;Josefin Slab;
}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1500px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -50px;
left: 60px; /*position where enlarged image should offset horizontally */

}
.thumbnailup{
position: relative;
z-index: 0;
}

.thumbnailup:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailup span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1500px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailup span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailup:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -600px;
left: 60px; /*position where enlarged image should offset horizontally */

}
h1 {
	background-color: rgba(190, 227, 249, 0.8);
	color: black;
	padding-top:5px;
}
h3 {
	background-color: rgba(190, 227, 249, 0.6);
	color: black;
	padding-top:5px;
}