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

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

a:link:hover {
    text-decoration: none;
}

a:active {
    color: red;
    text-decoration: underline;
}
a:focus {
    outline: none;
}

/*
img[src$=".jpg"] {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-crisp-edges;
    image-rendering: crisp-edges;
}
*/

body {
    color: #dddddd;
    font-family: helvetica, arial, sans-serif; 
    /*font-size: 90%;*/
    margin: 0px 0px 5px 0px;
    background-color: #333333;
}

form {
    color: #333333;
}

p {
    margin-top: 1em;
}


H1 { font-size: 150%;
    font-family: baskerville, "times new roman", serif;
    font-weight: normal;
    color: #eeeeee;
    padding: 2px 2px 2px 2px;
    display: inline;
}

H2 { font-size: 95%;
    font-family: helvetica, arial, sans-serif;
    font-weight: normal;
    color: #dddddd;
    padding: 2px 2px 2px 2px;
    display: inline;
}

H3 { 
    font-size:130%;
    font-family: baskerville, "times new roman", serif;
    font-weight: normal;
    color: #eeeeee;
}

.limit_width {
    margin-right:auto; 
    margin-left:auto; 
    max-width: 1400px;
}

.header{
    width: 100%;
    padding: 0px;
    border: 0px;
}


.round_button {
  height: 28px;
  color: #333;
  background-color: #eee;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #000000;
  padding: 3px 5px 3px 5px;
  display: table-cell;
  vertical-align: middle;
}


.topnav {
    color: #dddddd;
    font-size: 90%;
}

.photoCaption{
    font-family: helvetica, arial, sans-serif;
    font-size: 125%;
}

.subtitle {
    color: #eeeeee;
    font-family: baskerville, "times new roman", serif;
    font-size: 125%;
    font-variant: small-caps;
}

.notetitle {
    color: #dddddd;
    font-family: baskerville, "times new roman", serif;
    font-size: 115%;
}


.plain {
    font-size: 100%;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

.imagenote {
    font-size:100%;
}

.imagenote p {
    margin-top: 1em;
}

.smalltext { 
    color: #dddddd;
    font-size: 90%;
}

.keywords{ 
    color: #dddddd;
    font-size: 80%;
}

.gallery_caption {
    font-family: helvetica, arial, sans-serif;
    color: #dddddd;
    font-size: 100%;
    /*font-weight: bold;*/
}

.gallery_count {
    font-family: helvetica, arial, sans-serif;
    color: #cccccc;
    font-size: 90%;
}

.categories {
    font-size: 90%;
    color: #cccccc;
}

.textGalleryLinks{ 
    font-size: 120%;
}

.caption {
    width: 60%;
}

.set_description {
    color: #dddddd;
    -webkit-font-smoothing: antialiased;
}

.note {
    color: #dddddd;
    width: 90%;
    max-width: 800px;
    text-align: left;
}

table#new {
    font-size: 90%;
}

table.cart {
    /* note drop baskerville as cart is light text on dark */
    font-family: "times new roman", serif;
    color: #000000;
}

.cart h1 {
  color: #000000;
    }

.gallery_float {
  display: inline-block;
  padding: 0px 10px 0px 10px;
  height: 284px;
  overflow: visible;
}


.index_float {
  display: inline-block;
  padding: 0px 10px 0px 10px;
  height: 264px;
  overflow: visible;
  line-height: 1;
}


.index_float p {
text-align: center;
font-family: helvetica, arial, sans-serif; 
font-size: 86%;
margin: 5px;
 }

 .tableDropShadow {
    border: solid black 2px;
    box-shadow: 3px 3px 12px #000;
}

.my_thumbnail {
    border: solid #f5f5f5 3px; 
    display: inline-block; 
    box-shadow: 2px 2px 8px #000;
}

.gallery_thumbnail {
    border: solid #f5f5f5 3px; 
    display: inline-block; 
    box-shadow: 2px 2px 8px #000;
}

/* CSS for Next/Prev button effects */
.containerLeft { 
    width:50%; 
    height:100%; 
    position:absolute; 
    z-index:11;
    left: 0;
    }
    
.containerRight { 
    width:50%; 
    height:100%; 
    position:absolute; 
    z-index:11;
    right: 0;
}


.clickerLeft { 
    width:100%; 
    height:100%; 
    /* border: solid black 1px; */
    position:absolute; 
    top:0px; 
    left:0px; 
    z-index: 20;
    opacity: 0.5;
    filter: alpha(opacity=50); /* for IE8 and earlier*/
    /*background: url('/icons/left-arrow.png') 5% 50% no-repeat;*/
    background: url('http://bayimages.net/icons/left-arrow.png') 5% 50% no-repeat;
    background-size: 50px 50px;

    /* background-size: 50px Auto; */
    -webkit-transition: .2s ease-in; 
    -moz-transition: .2s ease-in; 
    -o-transition: .2s ease-in; 
    transition: .2s ease-in; 
}

.clickerLeft:hover {
    /*background-image: url('/icons/left-arrow-highlight.png');*/
    background-image: url('http://bayimages.net/icons/left-arrow-highlight.png');

    opacity: 0.8;
    filter:alpha(opacity=80); /* for IE8 and earlier*/
    -webkit-transition: .2s ease-in; 
    -moz-transition: .2s ease-in; 
    -o-transition: .2s ease-in; 
    transition: .2s ease-in; 

}

.clickerRight { 
    width: 100%; 
    height:100%; 
    /* border: solid black 1px; */
    position:absolute; 
    top:0px; 
    right:0px; 
    z-index: 20;
    opacity: 0.5;
    filter: alpha(opacity=50); /* for IE8 and earlier*/
    /*background: url('/icons/right-arrow.png') 95% 50% no-repeat;*/
    background: url('http://bayimages.net/icons/right-arrow.png') 95% 50% no-repeat;
    background-size: 50px 50px;

    /* background-size: 50px Auto; */
    -webkit-transition: .2s ease-in; 
    -moz-transition: .2s ease-in; 
    -o-transition: .2s ease-in; 
    transition: .2s ease-in;    

}

.clickerRight:hover {
    /*background-image: url('/icons/right-arrow-highlight.png');*/
    background-image: url('http://bayimages.net/icons/right-arrow-highlight.png');

    opacity: 0.8;
    filter: alpha(opacity=80); /* for IE8 and earlier*/
    -webkit-transition: .2s ease-in; 
    -moz-transition: .2s ease-in; 
    -o-transition: .2s ease-in; 
    transition: .2s ease-in; 
   
}