/* view poem styles */

body {
  width: 468px;
}
div#outer {
  width: 468px;
  background-image: none;
  border: 2px solid black;
  margin-bottom: 1em;
  background-image: url(/images/vp-scroll.gif);
  background-position: top center;
  background-repeat: no-repeat;
}
div#content {
  background-image: none;
  margin-top: 0;
}
div#inner-wrap {
  margin-top: 32px;
  background-color: white;
  clear: both;
}

div#ad-banner {
  width: 468px;
  height: 60px;
}
div#poweredby {
  margin: 0 0 0 0;
}
div#poweredby table {
  width: 100%;
  margin: 0.75em 0 0.25em 0;
}
div#poweredby tr {
  vertical-align: middle;
}
div#poweredby p.link {
  width: 132px;
}
div#poweredby p.link A {
  font-size: 90%;
}
div#poweredby td.copyright {
  text-align: left;
  font-size: 85%;
  font-style: italic;
  padding: 3px 0.5em 0 0.5em;
}
div#poweredby td.logo {
  text-align: right;
  width: 132px;
}
div#poemlink {
  margin: 1.5em 0 0 0;
  padding: 0.5em 10px 0.5em 10px;
  border-top: 1px solid #ccc;
}

/* poem viewing */
div#viewpoem-editdisplay {
  margin: 0.5em auto 0.5em auto;
  padding: 0;
  width: 464px;
  border: 2px solid #444;
}
div#viewpoem {
  margin: 0 0 0 0;
  padding: 0;
  width: 464px;
}
div#viewpoem div#wrapper {
  width: 464px;
  height: 300px;
  border-bottom: 1px solid #777;
}
div#viewpoem div#p-copyright {
  margin: 0.5em 0 0.5em 0;
  font-style: italic;
  font-size: 85%;
  text-align: center;
}
div#opt-error {
  margin: 0.5em 0.5em 1em 0.5em;
  padding: 0.5em;
  border: 1px solid red;
}
div#viewpoem h1 {
  text-align: center;
  font-size: 160%;
  margin: 0 0 0.25em;
}
div#viewpoem h2 {
  text-align: center;
  font-size: 105%;
  font-style: italic;
  margin: 0 0 1.2em 0;
}
div#viewpoem div#poembody {
  padding-bottom: 1em;
  margin-bottom: 0.5em;
}
div#viewpoem p.copyrt {
  border-top: 1px solid #888;
  padding-top: 0.25em;
  margin-bottom: 0;
  font-style: italic;
  font-size: 85%;
  text-align: center;
}
div#viewpoem div.optContainer {
  position: relative;
  margin: 6px 10px 0 10px;
  line-height: 1.2;
}
.j {
  line-height: 1.2;
  width: 60px;
  height: 60px;
}
div#viewpoem div.optContainer div.optImage {
  position: relative;
  float: left;
  margin-right: 3px;
  border: 1px solid #ddd;
  text-align: center;
}
div#viewpoem div.optContainer div.optImage img {
  position: relative;
  border: none;
  width: 60px;
  height: 60px;  
}
div#viewpoem div#view-create {
  margin-top: 6px;
  width: 60px;
  text-align: left;
  border: 1px solid #888;
}

div#about-poem {
  margin-top: 12px;
  padding: 0 10px 0 10px;
}
div#about-poem p.heading {
  margin-bottom: 0.5em;
  font-style: italic;
  font-weight: bold;
}
div#about-poem p.text {
  padding-left: 1.5em;
}

div#viewpoem div#get-votes {
  margin: 0.5em 10px 0.25em 10px;
  vertical-align: middle;
  padding: 0.25em;
  border: 1px solid #888;
  font-size: 90%;
}
div#viewpoem div#get-votes div.img {
  float: left;
  width: 65px;
}
div#viewpoem div#get-votes div.enter {
  margin-top: 0.05em;
}
div#viewpoem div.item-wrapper {
  margin-left: 20px;
}
div#viewpoem div#get-votes div.enter div.item {
  text-align: center;
  float: left;
  width: 25px;
  text-align: center;
  color: #006BD2;
  margin-top: 0.05em;
  font-size: 95%;
}
div#viewpoem div#get-votes div.enter div.item input.rad_vote {
  border: none;
}

div#viewpoem div#show-votes {
  margin: 0 10px 0 10px;
  vertical-align: middle;
  padding: 0.25em;
  border: 1px solid #888;
  font-size: 90%;
}

div#viewpoem div#comments {
  margin-top: 12px;
  vertical-align: middle;
  padding: 0.25em;
  border: 1px solid #888;
  margin-bottom: 0 !important;
}
div#viewpoem div#comments div.img {
  float: left;
  width: 65px;  
}
div#viewpoem div#comments p.count {
  margin: 0 0 0 0;  
}
div#viewpoem div#comments div#show {
  margin-top: 1em;
}
div#viewpoem div#comments div#show div.item {
  margin: 0 6px 0.5em 18px;
  background-color: #ECFFFF;
  border: 1px solid #99FFFF;
  padding: 0.25em;
}
div#viewpoem div#comments div#show div.item p.line1 {
  margin-bottom: 0.1em;
  font-style: italic;
}
div#viewpoem div#comments div#show div.item p.line2 {
}
div#viewpoem div#comments div#show div#get-comments {
}


/* list other poems by author */
div.list-others {
  border-top: 1px solid white;
  margin: 0.5em 0.5em 0.5em 0.5em;
}
div.list-others h2 {
  font-weight: bold;
  font-size: 110%;
  margin: 1em auto 0.5em 0;
  padding: 0.25em;
  background-color: #ddd;
}
div.list-others div#powerback {
  margin: 1em auto 0.5em auto;
  height: 32px;
  border-top: 1px solid #ccc;
}
div.list-others div#powerback table {
  width: 100%;
}
div.list-others div#powerback td.linkback {
  padding-top: 0.5em;
  vertical-align: middle;
}
div.list-others div#powerback td.logo {
  padding-top: 0.25em;
  width: 150px;
  text-align: right;
  width: 132px;
}
p.listback {
  margin-left: 10px;
}



/* add comments */
div#viewform {
  margin: 0.5em;
  padding: 0.5em;
  border: 1px solid #888;
}

div#viewform p.add {
  margin: 0.25em 0 0.25em 0px;
  font-style: italic;
  font-weight: bold;
}
div#viewform form {
  margin: 0.5em 0 0.25em 0;
  padding: 0.25em;
}
div#viewform td.prompt {
  padding: 0.25em;
  text-align: right;
  font-style: italic;
}
div#viewform td.submit {
  padding-top: 0.5em;
}
div#viewform img.req {
  margin: 6px 0 0 12px;
}
div#viewform td span.req {
  padding: 2px 0 0 12px;
  color: #FF9900;
  font-size: 90%;
}

/* response message to form submission */
p.resp {
  margin: 0.5em;
  padding: 0.25em;
  border: 1px solid green;
}

p.view-err {
   color: red;
   padding: 0.5em;
}
p.view-err2 {
   color: black;
   font-style: italic;
   padding: 0.5em;
}