body {
  background-repeat:no-repeat;
  background-attachment:scroll;
  background-color:#ffffff;
  color:  #000000;
  font-family:  Georgia, Georgia, serif;
  background-image: url("/static/goldensplash-partial.jpg");
  background-position: left top;
}

a {
  text-decoration:   none;
  color:             #7c6129;
  background:        transparent;
}
a:visited {
  color:             #7a0c41;
  background:        transparent;
}
a:active {
  color:             #FFF3E7;
  background:        transparent;
}

a:hover {
  background-color: #ffffb2;
}

  
.page {         
  clear:both;
  margin:55px 30px 5px 30px;                
  padding:20px 20px 20px 30px;
  position: relative;
  border-style:solid;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
  border-radius: 15px;
  border-width:2px; 
  border-color:#987852;
  background-color: #fcf3fc;
  
  background-image: url("/static/toprosettes.gif");
  background-position: right bottom;
  background-repeat:no-repeat;
  background-attachment:scroll;
}               

.quotes {        
  margin-top:5px ;
  margin-bottom:5px ;
  padding:5px 5px 5px 5px;
  position: relative;
  border-style:solid;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  text-align: right;
  border-width:2px;
  border-color:#fffdc0;
  background-color: #fefff7; 
}

.comments {
  margin:55px 100px 5px 100px;
  padding:20px 20px 20px 30px;
  position: relative;
  border-style:solid;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
  border-radius: 15px;
  font-size: small;
  border-width:2px;
  border-color:#987852;
  background-color: #ffffff;
}

.toggle {
  margin:55px 100px 5px 100px;
  padding:20px 20px 20px 30px;
  position: relative;
  border-style:solid;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
  border-radius: 15px;
  border-width:2px;
  border-color:#987852;
  background-color: #ffffff;
  text-align: center;
}

  
.twitter {
  margin:25px 15px 5px 340px;
  padding:10px 10px 10px 10px;
  position: relative;
  border-style:solid;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
  border-radius: 15px;
  
  border-width:2px;
  border-color:#987852;
  background-color: #fcf3fc;
  background-image: url("/static/bottomrosettes.gif");
  background-position: right top;
  background-repeat:no-repeat;
  background-attachment:scroll; 
}
  
  
#header {
    height: 32px;
    width: 100%;
}

#header img {
    float: left;
}

#header #navbar {
    font-size: 80%;
    text-align: right;
    padding-top: 8px;
}
#header #accountbox {
    font-size: 80%;
    text-align: right;
}


#footer {
  margin:0px 30px 5px 30px;                
  font-size: 70%;
}

#footer p {
  margin: 0 auto;
}

#footer p.copyright {
  text-align: center;
  font-style: italic;
}

#footerindex {
  text-align: right;
  font-size: 70%;
  position: relative;
  bottom: 10px;
  right: 10px;
  width: 100%;
}

p.header {
  text-indent: 4em;
  font-family: serif;
  font-weight: 500;
  font-style: italic;
  font-variant: small-caps;
  font-size: larger;
  margin: 0.0em ;
}

p.indented {
  text-indent: 4em;
  margin: 0.0em ;
}
p.intro:first-line {
 font-variant: small-caps;
}


a img {
    border: 0;
}

table.library {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

table.library .thumbnail {
    padding: 10px 30px;
    padding-right: 30px;
    border-right: 1px #AB9B83 solid;
    text-align: center;
}

table.library .picinfo {
    padding: 15px 15px;
    padding-left: 30px;
    text-align: left;
}


table.images {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

table.images th {
    padding: 0;
    margin: 0;
}

table.images td {
    margin: 0;
    padding: 15px;
}

table.images .recent-l {
    padding-left: 30px;
}

table.images .recent-r {
    padding-right: 30px;
}

table.images .iotd {
    padding: 15px 30px;
    border-left: 1px #AB9B83 solid;
}

table.images a div.popup { display: none; }
table.images a div.popup img { float: left; }
table.images a:hover div.wrapper { display: block;
}
table.images a:hover div.popup { display: block;
    font-size: 80%;
    z-index: 2;
    border: 1px #AB9B83 solid;
}

#search {
    margin: 0 auto;
    text-align: center;
}

img#pagetitle {
    display: block;
    margin-left: 0px;
    margin-right: auto;
    text-align: left;
    padding: 0px;
}

.clearfloat {
  clear : both; 
}

.product_box {
  float: right;
  margin: 0.2em;
  padding-left: 0.2em;
  padding-bottom: 0.2em;
  background: #ffffff;
  border-left: 2px dotted #000000;
}