/*
    sachiart.com CSS
*/

body {
   margin: 0;
   padding: 5px;
   font-family: verdana, arial, "Times New Roman", helvetica, sans-serif;
   text-align: left;
   text-shadow: #bab069 2px 2px 5px;
   /*color: #bab069;*/
   background: transparent fixed url("../img/deepsea.jpg");
   }

@page normal {
   size: 8.5in 11in;
   margin: 2cm;
   page-break-before: always;
   }

.page {
   page: normal;
   page-break-before: always;
   background: none;
   border: 0px;
   }

h1, h2, h3 {
   /*
   This rule has multiple selectors to ensure that the styles are carried
   down into the necessary elements in NN4, which is notoriously flaky in its
   handling of inheritance.
   */
   text-align: left;
   color: #bab069;
   background-color: transparent;
   }


a  {
   /*padding: 5px;*/
   color: #8cf;
   background-color: transparent;
   text-decoration: underline;
   font-weight: bold;
   }

#page-head {
   margin: 3px 0 3 2.5em;
   padding: 0px 10px;
   /*font-weight: bold;*/
   font-size: 1.5em;
   text-align: center;
   background: transparent;
   color: #fff;
   width: 100%-11em;
   }

table {
   border: 0px;
   width: 100%;
   }

td {
   padding: 2px;
   text-align: left;
   font-weight: bold;
   font-size: .7em;
   /*line-height: .9em;*/
   }

table.categories {
   padding: 5px;
   /*border: 1px solid #bab069;*/
   color: #808000;
   background-color: transparent;
   width: 100%;
   }

table.pieces {
/*   padding: 5px;*/
   border: 1px solid #007;
   width: 100%;
   color: #fff;
   background-color: transparent;
   }

#piece {
   margin: 0 0 0 0;
   color: #bab069;
   text-align: center;
   background-color: transparent;
   width: 100%-11em;
   }

/*
#piece {
   margin: 0 0 0 11em;
   text-align: center;
}
*/

#piece table { /* added to fix left menu overlap */
   margin: 0 0 0 11em;
   text-align: center;
   width: 75%;
}

#piece img {
   margin: 0 auto 0 auto;
   border: 2px solid #8080000;
   text-align: center;
}

.kelp-bar img {
   border: none;
}

#piece p {
   margin: 0 auto 0 auto;
   text-align: center;
   font-weight: normal;
   }

.piece-title {
   margin: 0 auto 0 auto;
   text-align: center;
   padding: 5px;
   font-size: 1.3em;
   color: #fff;
}

#piece .description {
   margin: 0 auto 0 auto;
   text-align: center;
   color: #fff;
   width: 400px;
   }

#leftmenu {
   position: absolute;
   margin: 0 5px 0 0;
   padding:  0 5px;
   line-height: 1.5em;
   width: 10em;
}

#leftmenu a:hover {
   margin-left: 0px;
   border: 1px solid #bab069;
   text-decoration: none;
   color: #bab069;
}

#catlist {
   margin: 0 0 0 0;
   color: #bab069;
   text-align: center;
   background-color: transparent;
   width: 100%-11em;
   }

#catlist table {
   margin: 0 0 0 11em;
   text-align: center;
   width: 75%;
}

#catlist td {
   text-align: center;
   font-weight: normal;
}

#catlist td img {
   text-align: center;
   border: 2px solid #bab069;
}

#catlist p {
   margin: 0 auto 0 auto;
   text-align: center;
   width: 400px;
   }

#catlist .description {
   margin: 0 auto 0 auto;
   text-align: middle;
   color: #fff;
   width: 400px;
   }

#categories-content {
   margin: 0 0 0 0;
   text-align: center;
   background-color: transparent;
   color: #808000;
   width: 100%-7em;
   }

#categories-content a:hover {
   text-decoration: none;
   border: 2px solid #bab069;
   background-color: transparent;
   color: #bab069;
}

#categories-content table {
   margin: 0 0 0 10em;
   width: 75%;
}

#categories-content td {
   white-space: pre;
   text-align: center;
   width: 10px;

#categories-content img {
   text-align: center;
}

#categories-content img:hover {
   border: 2px solid #bab069;
}

}
#top-index {
   background-color: transparent;
   border: 1px solid #bab069;
   color: #bab069;
   margin-bottom: 0;
   padding: 2px;
   }

#top {
   background-color: transparent;
   border: 1px solid #bab069;
   margin: 0 0 0 0;
   color: #bab069;
   padding: 2px;
   }

p.title {
   font-family: verdana, arial, "Times New Roman", helvetica, sans-serif;
   font-weight: bold;
   font-size: 1.5em;
   }

img {
   border: 0px;
   vertical-align: middle;
   }

input {
   color: #bab069;
   background-color: transparent;
   border: 1px solid #bab069;
   }

input.search {
   color: #bab069;
   background-color: transparent;
   border: none;
   }

select {
   color: #bab069;
   background-color: #fdeb3e;
   }

textarea {
   color: #bab069;
   background-color: #fdeb3e;
   }

#footer {
   padding-top: .5em;
   margin: 0 0 0 11em;
   width: 100%-11em;
   text-align:center;
   color: #fff;
}

#footer a {
   color: bab069;
}