body { 
       font-family: sans-serif;   /* font control for all text */
       padding-left: 1em;
	   position: relative;
       color: #000000;  /* Set text color black */
       width: 1000px;   /* Formatting width of entire site */
	   
}

img { 
       border: 0;
}

i { 
       color: #1A3D5F;  /* Set text color to match headings and hover color */
}

.splash { 
          max-width: 75ex;
          text-align: center;
}

.news { 
          font-size: small;
          width: 650px;
          text-align: center;
}

.headnote {
         position: absolute;
         font-size: small;
         left: 540px;
         text-align: center;

 }

/* Leaders are imgs which should be pushed to the left marging, as
   heading markers for a section. */

img.leader {
       float: left;
       padding: 1ex;
       vertical-align: top;
}


/* Squibs are text or images which should be pushed to the right
   margin, such as quotes */

.squib {
         font-size: small;
         text-align: right;
 }

img.squib { 
       float: left;
       padding: 1ex;
}


/* Contains footer */
.footer { 
          font-size: x-small;
          text-align: center;
}


/* Simple Gallery Specific */

.navigation { 
       text-align: center;              
}


/* The gallery index table */
.index { 
       text-align: center;
}

table.index  { 
       position: relative;
       left: 5px;
       text-align: center;

}

.index td { 
       padding: 15px;
}

.blurb { 
         font-size: small;
}


/* Contains description of gallery item */
.description {
       padding-right: 3em;
       vertical-align: text-top;
               
}

/* Contains preview image of gallery item */
.preview { 
       vertical-align: top;
       text-align: center;
       width: 500px;
       width: 50%;
}



/* Simple Classes Specific */

.navigation { 
       text-align: center;              
}


/* The classes index table */
.index { 
       text-align: center;
}

table.index  { 
       position: relative;
       left: 5px;
       text-align: center;
}

.index td { 
       padding: 15px;
}

.blurb { 
         font-size: small;
}


/* Contains description of classes item */
.description {
       padding-right: 3em;
       vertical-align: text-top;
               
}

/* Contains preview image of classes item */
.preview { 
       vertical-align: top;
       text-align: center;
       width: 500px;
       width: 50%;
}



/* Simple Bracelet Specific */

.navigation { 
       text-align: center;              
}


/* The bracelet index table */
.index { 
       text-align: center;
}

table.index  { 
       position: relative;
       text-align: center;

}

.index td { 
       padding: 15px;
}

.blurb { 
         font-size: small;
}


/* Contains description of bracelet item */
.description {
       padding-right: 3em;
       vertical-align: text-top;
               
}

/* Contains preview image of bracelet item */
.preview { 
       vertical-align: top;
       text-align: center;
       width: 500px;
       width: 50%;
}



/* Simple Necklace Specific */

.navigation { 
       text-align: center;              
}


/* The necklace index table */
.index { 
       text-align: center;
}

table.index  { 
       position: relative;
       text-align: center;

}

.index td { 
       padding: 15px;
}

.blurb { 
         font-size: small;
}


/* Contains description of necklace item */
.description {
       padding-right: 3em;
       vertical-align: text-top;
               
}

/* Contains preview image of necklace item */
.preview { 
       vertical-align: top;
       text-align: center;
       width: 500px;
       width: 50%;
}


/* Simple Ring Specific */

.navigation { 
       text-align: center;              
}


/* The ring index table */
.index { 
       text-align: center;
}

table.index  { 
       position: relative;
       text-align: center;

}

.index td { 
       padding: 15px;
}

.blurb { 
         font-size: small;
}


/* Contains description of ring item */
.description {
       padding-right: 3em;
       vertical-align: text-top;
               
}

/* Contains preview image of ring item */
.preview { 
       vertical-align: top;
       text-align: center;
       width: 500px;
       width: 50%;
}


/* Simple Pendant Specific */

.navigation { 
       text-align: center;              
}


/* The pendant index table */
.index { 
       text-align: center;
}

table.index  { 
       position: relative;
       text-align: center;

}

.index td { 
       padding: 15px;
}

.blurb { 
         font-size: small;
}


/* Contains description of pendant item */
.description {
       padding-right: 3em;
       vertical-align: text-top;
               
}

/* Contains preview image of pendant item */
.preview { 
       vertical-align: top;
       text-align: center;
       width: 500px;
       width: 50%;
}


/* Simple Earring Specific */

.navigation { 
       text-align: center;              
}


/* The earring index table */
.index { 
       text-align: center;
}

table.index  { 
       position: relative;
       text-align: center;

}

.index td { 
       padding: 15px;
}


/* This combination centers a table, yuck.
   See: http://theodorakis.net/tablecentertest.html */
.tiny-index { 
              text-align: center;
 }
table.tinyindex { 
       margin-left: auto;
       margin-right: auto;
       text-align: left;
 }

.blurb { 
         font-size: small;
}


/* Contains description of earring item */
.description {
       padding-right: 3em;
       vertical-align: text-top;
               
}

/* Contains preview image of earring item */
.preview { 
       vertical-align: top;
       text-align: center;
       width: 500px;
       width: 50%;
}

.error {
    font-weight: bold;
    color: #c00;
} 

/* MATT'S STUFF  - used extensively in admin tools.*/
div.error {
    border: 1px solid #c00;
}

/* order status codes */
.ostat { padding: 1px 5px 1px 5px; text-align: center; } 
.ostat_New        { background-color: #ffd; } 
.ostat_ToAnodize  { background-color: #fa9; } 
.ostat_Problem    { background-color: #f66; } 
.ostat_OpenInvoice  { background-color: #fa6; } 
.ostat_Shipped    { background-color: #aee; } 
.ostat_Dwnlded   { background-color: #aee; } 

.ostat_InProcess  { background-color: #afa; } 
.ostat_Rejected   { background-color: #f88; } 
.ostat_Returned   { background-color: #fd0; } 
.ostat_Refunded   { background-color: #ff0; } 
.ostat_Packed      { background-color: #caf; } 
.ostat_Unknown  { color:#fff; background-color:#000; } 

.ctr { text-align: center; }
.nobr { white-space: nowrap; } 

.small { font-size: 90%; } 
.smaller { font-size: 80%; } 
.tiny { font-size: 50%; } 

.big { font-size: 120%; } 
.bigger { font-size: 150%; } 
.huge   { font-size: 200%; } 

.bold { font-weight: bold } 
.center { text-align:center; } 
.right { text-align:right; } 
.left  { text-align:left; }