/* BASICS */
/* Harter */
html {
  margin: 0;
  padding: 0px;
  background: #fcfdf0;
}

body { 
        font-family : verdana, helvetica, sans-serif;
 font-weight: normal;
font-size: 12px;
line-height:1.4em;
  background: #fcfdf0 url(bg.jpg) repeat-x top left; 
color: #000000;
margin: 3px 0px 0px 0px; 
padding: 0px;
 min-height: 100%; 
text-align: center; /* for browsers that don't support auto margins */

}

p   {


 font-family : verdana, helvetica, sans-serif;
 font-weight: normal;
 font-size: 1.0em;;
 line-height:1.6em;
/* margin: 0 1.0em 1.5em 1.0em;  */
 text-align: left;
     }

/* input {
   font-size: 11px;
} */

h1 {
   font-weight: bold;
   font-size: 1.7em;
   color: #666633;
   border-bottom: 1px #fcfdf0 solid;
   padding-bottom: 10px;
   padding: 10px 0 10px 0;
}

h2 {
   font-weight: bold;
   font-size: 1.4em;
   padding-top: 1em;
  color: #666666;
/*   color : #736046; */
/* color: 685a44; */
   border-bottom: 1px #cccccc solid;
   padding-bottom: 0.3em;

}

h3  {
   font-weight : bold;
   font-size: 1.2em;
   color: #888888;
   margin-bottom: 0px;
}

h4  {
   font-weight : bold;
    color : #000000;
}

h5  {
   font-weight : bold;
   color : #000000;
}

h6  {
    font-weight : bold;
   color : #000000;
}

dt {
   font-weight: bold;
   border-bottom: 1px #990000 solid;
   padding-bottom: 0.2em;
   margin-top: 1em;
   margin-bottom: 1.2em;
  
}

dd {
  line-height: 1.2em;
  padding-bottom: 1.1em; 
}

ol {

}

ol li { 
  line-height: 1.4em;
  padding-bottom: 1.2em;
  list-style-type: decimal;
}

b  {

        font-weight : bold;
     }




.catdesc {
 line-height: 1.4em;
 border: 1px #990000 solid;
 padding: 1em;
 background: #DAD8CC;
}

.catdesc blockquote {
  font-style: italic;
  padding: 1em;
  margin: 0;
  color: #333333;
  background: transparent;
 line-height:1.4em;
  
}



.author {
   line-height: 1.3em;
   text-align: right;
   margin-right: 5em; 
   color: #777777;
}



a:link {
            color : #666633;
        }
a:visited {
                color : #666666;
        }
a:hover {
                color : #336666;
        }

img {
   border: none;
}

a:link img{
            border: none;
        }
a:visited img{
                border: none;
        }
a:hover img{
                border: none;
        }

/* does the same thing as br clear="all */
.clearall {
    clear:both;
}

.center {
   text-align: center;
}

/*  END BASICS */

/* Legacy stuff */

table,tr,td {
       margin-top : 0px;
      margin-left : 0px;
     margin-right : 0px;
     padding: 0.3em;
     vertical-align: top;
     font-size: 1em;
/*   background: #fcfdf0; */

   color: #444400;

}



/*  Specific divs */

/* Divs's I'm not using now, but may use later */
#container { 


  width: 844px;  
  border:none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: left;

}


/* Specific Divs I'm using /*
/* HEAD */
#head {
/*  background: #fcfdf0 url(header.jpg) no-repeat top left; */
  background: none;
  border-none;
  margin:  0 0 0px 0;
  padding: 20px 46px 0px 10px; 

}

#head h1 {
  background: none;
  font-size: 2em;
  padding-top: 2px;
  height: 24px;
  border: none;

  color: #663333;
  margin: 0px;
}

/* NAV */

#nav-hack {
  background: none;
  float: left;
  width: 220px; 
  margin: 0px;
  padding: 0px;
}

#nav {
     background: none;
   border: none;
   margin: 40px 0px 0px 0px;
  padding: 0px 30px 10px 10px;
  font-weight: normal;
}



#nav a:link  {
  color : #999966;
  text-decoration: none;
}

#nav a:visited  {
  color : #666666;
  text-decoration: none;
}

#nav a:hover  {
        color : #000099;
        text-decoration: underline;
}

/* do we need .item? YES */

.item {
/*   text-transform: uppercase; */
   color: #666666;
   font-weight: bold;
   padding: 16px 0 4px 0;
   margin: 0 0 0 0;
   border-bottom: 1px solid #990000; 
}

.subnav {
   margin: 6px 0px 4px 14px;
}

#nav a.subnav  {
color : #26324c;
}

#nav a:visited.subnav  {
color : #7f0000;
}


#nav a:hover.subnav  {
font-weight : bold;
color : #000099;
}


/* END NAV */

/* CONTENT */

#content-hack {
   float: right;
   width: 600px;
   padding: 0;
   margin: 0;
   border: none;
}


#content {
   background: none;
   color: #555555;
   line-height: 1.05em;
   font-weight: normal;
   padding: 0px 0 40px 0; 
   margin: 0;
}


#content ul li {
   padding-bottom: 1.1em;
   line-height: 1.3em;
   margin-left: -1em;

}

#content ul {
}

#content li {
   list-style-type: disc;
  line-height: 1.5em;
} 


/* #content h1 {
   padding-bottom: 4px 0 0 0;
   text-transform: uppercase;
   font-size: 1.7em;
   line-height: 1.2em;
    color: #333333; 
}

#content h2 {
   background: transparent;
   color: #666666;
   padding-bottom: 0px;
  padding-top: 12px;
   font-size: 1.3em;
   line-height: 1.2em;
}
#content h3 {
   font-size: 1.1em;
}
*/

#content a:link {
            color : #666622;
        }
#content a:visited {
                color : #666688;
        }
#content a:hover {
                color: #000099;
        }




/* CRUMB */

#crumb  {
 color: #333333;
 width: 592px;
 padding: 10px 0 10px 0;
  border-bottom: 1px #990000 solid; 
 margin: 10px 0 0 0px;
  font-weight : normal;

}


#crumb a:link  {
/* color : #000099; */
            color : #555555;
}

#crumb a:visited  {

/* color : #990000; */
                color : #555555;
}

#crumb a:hover {

/* color : #0000ff; */
                color : #999999;
}


/* END CRUMB */

/* FOOT */

#footbr {
   clear: both;
}

#foot a:link {
            color : #666666;
        }

#foot a:visited {
            color : #666666;
        }
#foot a:hover {
            color : #996633;
        }



/*  Miscellanous classes and tags */
.viewimage {
    background: #fefff3;
}

li {
margin-left : 20px;
list-style-position : outside;
list-style-type : disc;
text-indent : 0px;
}


.introimage {
  padding-left : 0px;
  padding-right : 16px;
  padding-top : 00px;
  padding-bottom : 00px;

  border-style: none;
/*  float: left; 
  display: inline;*/
  width: 300px;
  margin: 8px 16px 8px 0px;
    text-align : center;
  line-height: 1.3em;
}

/* formerly floatleft and floatright */
.img-right {
  line-height: 1.3em;
  width: 300px;
  color: #333333;
  float: right;  
  display: inline;
  margin: 0px 0px 20px 20px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: center;
  clear: right;
}


/* Just for the home page */
.img-home {
  line-height: 1.3em;
  width: 300px;
  color: #333333;
  float: right;  
  display: inline;
  margin: 0px 0px 20px 20px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: center;
  clear: right;
}

.img-home img {
  border: 1px #999999 solid;
}


.floatright {
  font-size: 20px;
  color: #ff0000;
  float: right;
/*  width: 200px; */
  margin: 0 0 20px 20px;
}

.floatleft {
  font-size: 20px;
  color: #ff0000;
  float: left;
  margin: 10px 20px 20px 0;
}

.img-left {
  line-height: 14px;
  color: #ffffff;
  float: left; 
  display: inline;
  margin: 10px 20px 20px 0;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: center;
}




.bio {
  padding-right: 30px;
  line-height: 18px;
}

.txtpg {
line-height : 16px;
height : 450px;
}

.list  {
color : #000000;
margin-top : 15px;
font-weight : normal;
}






.alert  {
font-weight : normal;
color : #CC0000;
margin : 10px;
}

.status  {
font-weight : bold;
margin-left : 10px;
margin-top : 10px;
margin-right : 2px;
margin-bottom :1px;
}



.article {
  padding: 0px 0px 0px 90px;
}

.small  {
font-size : 0.95px;
}

.dimensions {
font-size: 0.9em;
}

.award {
  color: #999966;
  font-weight: bold;;
}

/* 'Click to see larger image' text */
.instruct {
font-size : 0.95em;
color : #666666;
text-align: center;
}

.imgtable {
  margin: 0;
  padding: 0;
}

.imgcell {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   border: 1px solid #fcfdf0;
   vertical-align: top;
   padding: 9px 3px 0px 3px;
   margin: 0px;
   font-size: 11px;
}

.imgcell2 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   border: none;
   vertical-align: top;
   padding: 9px 3px 0px 3px;
   margin: 0px;
   font-size: 11px;
}

.imgdetail {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   border: none;
   vertical-align: top;
   padding: 9px 3px 0px 3px;
   margin: 0px;
   font-size: 11px;
}

.imgdetailtitle {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   border: 1px solid #fcfdf0;
   vertical-align: top;
   padding: 6px 3px 0px 3px;
   margin: 0px 20px 0px 20px;
   font-size: 11px;
}

.gallerycell {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   border: none;
   vertical-align: top;
   padding: 9px 3px 0px 70px;
   
   margin: 0px;
   font-size: 11px;
}

.imgcell i {
   font-style: italic;
}

.spacer {
  /* This is some padding to make sure the content table is always longer than the nav */
  height: 200px;
}

.button {
  /* for forms */
  color: #990000;
  background: #cfd59e;
  margin: 0px 10px 0px 10px;
  font-weight: bold;
}

.input {
   /* for form tables */
   vertical-align: middle;
   text-align: right;
}

#newsletter_contents {
  float: right;  
  line-height: 14px;
  width: 170px;
  color: #ffffff;
  background: #000000;
  display: inline;
  margin: 0px 0px 20px 20px;
  padding-top: 0px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: left;
  clear: right;
  border: 1px solid black;
}

#newsletter_contents ul li {
   list-style-image: url(dot.jpg);
   padding-bottom: 0.1em;
   line-height: 1.3em;

}

#newsletter_contents h4 {
   padding-top: 0px;
   padding-left: 12px;
   margin-top: 0px;
   border: none;
}

#faq dt {
   padding-bottom: 0.2em;
   padding-top: 0.8em;
   border-top: 1px solid #999999;
}

#faq dd {
  margin-left: 0px;
  margin-top: 0px;
}

#faq ul li  {
   list-style-image: url(dot.jpg);
   padding-bottom: 0.2em;
   line-height: 1.3em;
   margin-left: 0em;
   padding-left: 0em;

}

.brlist {
   line-height: 1.4em;
}

.ptg_desc {
   width: 300px;
   border: 1px #999999 solid;
   background: #fcfdf0;
   color: #ffffff;
   padding: 0.7em 2em 0.5em 2em;
   margin: 0 4em 0 4em;
/*   text-align: center; */

}

/*  ADDED FROM OLD STYLESHEET */

/* For titles to the right of 300px images */
.worktitle {
  font-weight: bold;
  font-size: 11px;
  color: #330000;
}

/* For the date, dimensions, sale status to the right of 300px images */
.workstats {
  line-height: 1.3em;
}


/* also for the titles to the right of 300px images */
.imginfo {
    text-align: left;
    padding-left: 20px;
}



/* footer stuff */
#foot  {
   clear: both;
   margin: 0px;
  font-weight : normal;
font-size : 1em;
line-height: 1.4em;
text-align : center;
color : #555555;
background: #fcfdf0;
padding-top : 8px;
padding-bottom : 12px;
border-top: 1px #990000 solid;


}

.footlink {
            color : #666666;
        }

.footlink:visited {
            color : #666666;
        }
.footlink:hover {
            color : #996633;
        }


.more {
/* the 'more' area on subcategory index pages */
 background: #222222; 
vertical-align: top;
padding: 16px;
border: 1px #990000 solid;
margin-left: 5em;
margin-right: 5em;
/* width: 35em; */
}

.more h4 {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  text-align: center;
}



.catimgcell {
/* td's in category tables  -- added to make xhtml validate */
vertical-align: bottom;
text-align: center;
width: 140px;
}

.cattxtcell {
/* td's in category tables  -- added to make xhtml validate */
vertical-align: top;
text-align: center;
width: 140px;
}
/* for next/prev links in slideshow and recent */
.tlink {
            color : #003377;
        }
.tlink:visited {
                color : #660000;
        }
.tlink:hover {
                color : #cc6600;
        }

/* table with image on left and title/desc on the right
.imgdesctable {
    width: 523px;

}

.headline {
/*   border-bottom: 1px #ff0000 solid; */
   font-weight: bold;
   font-size: 1.4em;
   color : #cccc66;
}

.tablecontainer {
    border: none;
    padding: 0;
    margin: 0;
}


.nextprev {
            color : #003377;
        }
.nextprev:visited {
                color : #660000;
        }
.nextprev:hover {
                color : #cc6600;
        }


/* for next/prev slideshow and recent.php */
.right150 {
  text-align: right;
  width: 150px;
  padding-right: 60px;
}

.left350 {
   width: 350px;
}

/* for temporary messages on the home page */
#announce {

/*   width: 30em; */
   padding: 1em;
   font-size: 1.05em;
  margin: 0 0em 3em 5em; 
   background: #771d11;
   line-height: 1.3em;
   color: #000000;
   border: 1px #cccc66 solid;
/*   display: inline; */

}

.announcehead {
  background: none;
  text-align: center;
   color : #cccc66;
  font-size: 1.3em;
  font-weight: bold;
  padding: 4px 4px 4px 0;
  margin: 0px 0px 0px 0px;

}

#announce a:link  {
  color : #cccc66;
  text-decoration: underline;
}

#announce a:visited  {
  color : #cccc66;
  text-decoration: underline;
}

#.announce a:hover  {
        color : #000000;
        text-decoration: underline;
}

dl.cv {
   width: 50em;
   margin: 2em 0;
    padding: 0;
}

.cv dt {
   float: left;
   width: 8em;
   margin: 0;
   padding: 0;
   border-bottom: none;
   font-weight: normal;
}


/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.cv dd {
  float: left; 
   width: 40em;
   margin: 0;
   padding-bottom: 1em;

}