/* CSS for home page */
body {
  border: none;
  width: 770px;
}
div#enclose {
  text-align: left;
  border: 1px solid #777;
	position: absolute;
  width: 770px;
  left: auto;
}
div#home-wrapper {
  background: url(/images/homepage3.gif) no-repeat top;
  width: 770px;
  height: 790px;
}
div#home-logo {
  position: absolute;
  left: 6px;
  top: 7px;
  width: 169px;
  height: 64px;
  visibility: visible;
  cursor: pointer;
}

div#sample-head {
  position:absolute;
  left:182px;
  top:153px;
  width:337px;
  height:29px;
  visibility:visible
}
.sample-head-imghide {
  background-image: none;
}
.sample-head-imgshow {
  background-image: url(/images/sample-head.gif);
}
.area-visible {
  visibility: visible;
}
.area-hidden {
  visibility: hidden;
}
div#sample-poem {
  position: absolute;
  left: 182px;
  top: 182px;
  width: 337px;
  height: 505px;
  visibility: visible;
  cursor: pointer;
}

A.select-list {
  background-color: Aqua;
}
div#create-fonts-wrapper {
  z-index: 22;
}
div#link-create-fonts {
  position: absolute;
  left: 552px;
  top: 208px;
  width: 55px;
  height: 14px;
  cursor: pointer;
  display: block;
  z-index: 22;
}
div#list-create-fonts {
  position: absolute;
  left: 552px;
  top: 208px;
  padding: 0.25em;
  background-color: #eee;
  border: 1px solid #333;
  display: none;
  z-index: 22;
}
div#list-create-fonts p {
  background-color: white;
  margin-bottom: 0;
  cursor: pointer;
}
div#list-create-fonts h1 {
  margin-top: -0.25em;
  font-size: 105%;
  text-align: center;
}

div#home-tryme {
  position: absolute;
  left: 672px;
  top: 177px;
  width: 93px;
  height: 64px;
  background: url(/images/tryme2.gif) no-repeat top;
}
.j {
  background-image: none;
}
div#create-background-wrapper {
  z-index: 21;
}
div#link-create-background {
  position: absolute;
  left: 552px;
  top: 222px;
  width: 55px;
  height: 14px;
  cursor: pointer;
  display: block;
  z-index: 21;
}
div#list-create-background {
  position: absolute;
  left: 552px;
  top: 222px;
  background-color: #eee;
  border: 2px solid #333;
  display: none;
  z-index: 21;
}
div#list-create-background p {
  background-color: white;
  border-bottom: 1px solid #ddd;
  width: 180px;
  margin-bottom: 0;
  cursor: pointer;
  padding: 0.25em 0.25em 0.25em 0.25em;
}
div#list-create-background h1 {
  margin-top: -0.25em;
  font-size: 105%;
  text-align: center;
  padding: 0.25em;
  margin-bottom: 0.25em;
  border-bottom: 2px solid #333;
}


div#create-alignment-wrapper {
  z-index: 20;
}
div#link-create-alignment {
  position: absolute;
  left: 552px;
  top: 236px;
  width: 55px;
  height: 14px;
  cursor: pointer;
  display: block;
  z-index: 20;
}
div#list-create-alignment {
  position: absolute;
  left: 552px;
  top: 236px;
  padding: 0.25em;
  background-color: #eee;
  border: 1px solid #333;
  display: none;
  z-index: 20;
}
div#list-create-alignment p {
  background-color: white;
  margin-bottom: 0;
  cursor: pointer;
}
div#list-create-alignment h1 {
  margin-top: -0.25em;
  font-size: 105%;
  text-align: center;
}



div#link-create-borders {
  position: absolute;
  left: 660px;
  top: 208px;
  width: 69px;
  height: 14px;
  visibility: visible;
  cursor: pointer;
}

div#link-create-music {
  position: absolute;
  left: 660px;
  top: 222px;
  width: 52px;
  height: 14px;
  visibility: visible;
  cursor: pointer;
}

div#input-username {
  position: absolute;
  left: 14px;
  top: 271px;
  width: 129px;
  height: 17px;
  visibility: visible;
  cursor: pointer;
}  
div#input-password {
  position: absolute;
  left: 14px;
  top: 293px;
  width: 87px;
  height: 17px;
  visibility: visible;
  cursor: pointer;
}
input.login {
  padding: 0.1px 0.2px 0.1px 4px;
  background-position: left;
  background-repeat: no-repeat;
  color: #333;
}

div#btn-go {
  position: absolute;
  left: 118px;
  top: 293px;
  width: 25px;
  height: 23px;
  visibility: visible;
  cursor: pointer;
}

div#btn-include-profile {
  position: absolute;
  left: 552px;
  top: 305px;
  width: 93px;
  height: 14px;
  visibility: visible;
  cursor: pointer;
}

div#btn-include-personal {
  position: absolute;
  left: 552px;
  top: 319px;
  width: 152px;
  height: 14px;
  visibility: visible;
  cursor: pointer;
}

div#btn-join {
  position: absolute;
  left: 28px;
  top: 393px;
  width: 98px;
  height: 22px;
  visibility: visible;
  cursor: pointer;
}

div#btn-extra-friend {
  position: absolute;
  left: 552px;
  top: 401px;
  width: 118px;
  height: 14px;
  visibility: visible;
  cursor: pointer;
}

div#btn-extra-author {
  position: absolute;
  left: 552px;
  top: 415px;
  width: 118px;
  height: 14px;
  visibility: visible;
  cursor: pointer;
}

div#btn-extra-vote {
  position: absolute;
  left: 552px;
  top: 429px;
  width: 122px;
  height: 14px;
  visibility: visible;
  cursor: pointer;
}

div#btn-extra-list {
  position: absolute;
  left: 552px;
  top: 443px;
  width: 108px;
  height: 14px;
  visibility: visible;
  cursor: pointer;
}

div#btn-extra-comments {
  position: absolute;
  left: 552px;
  top: 457px;
  width: 167px;
  height: 14px;
  visibility: visible;
  cursor: pointer;
}

div#btn-tell {
  position: absolute;
  left: 28px;
  top: 564px;
  width: 98px;
  height: 25px;
  visibility: visible;
  cursor: pointer;
}

/* home page content other than sample poem */
div#home-content {
  width: 585px;
  visibility: visible;
  cursor: auto;
  background-color: white;
  border: 1px solid #777;
  position: relative;
  left: 175px;
  top: 157px;
}
div#home-content .inner {
  padding: 0.5em;
}
div#home-content h1 {
  font-size: 125%;
  margin: 0 0 0.5em 0;
}
div#home-content p.indent {
  margin-left: 2em;
}
div#home-content div.frow {
  margin-bottom: 0.25em;
}
div#home-content p.fprompt {
  margin-bottom: 0;
  display: inline;
  float: left;
  width: 220px;
}
div#home-content p.fdata {
  margin-bottom: 0;
  display: inline;
  float: right;
  width: 320px;
}
div#home-content p.fsubmit {
  margin-left: 237px;
}
div#home-content input.fsubmit {
  background-color: white;
}
div#home-content h2 {
  font-size: 105%;
  margin: 1em 0 0.25em 0;
}
div#home-content form {
  padding: 0.5em;
  background-color: #eee;
  border: 1px solid #aaa;
}
div#home-content li {
  margin-bottom: 0.25em;
}
div#home-content A {
  white-space: nowrap;
}

/* logged in member area */
div#member {
  width: 128px;
  height: 64px;
  visibility: visible;
  cursor: auto;
  position: absolute;
  left: 17px;
  top: 252px;
  padding-top: 18px;
  font-size: 90%;
}
div#member p {
  margin: 0 0 0.25em 0;
  padding: 0;
}
div#member p.indent {
  margin-left: 1em;
}