A:link { color : #5865e1}
A:active { color : #d5ae83}
A:visited { color : #5068e3}
A:hover { color : #5b80b7}

.caption {
  font-size : 9pt;
  color : #dddddd;
  font-style : italic;
}



/* To take care of border-box compatibility
   issue b/w IE and FF */
* { 
 -moz-box-sizing: border-box; 
} 


/* --------------------------------------------
    General Styles
   -------------------------------------------- */

/* This is what I call the 'mothership' style changer.
  It effectively nullifies any styles default pbase
  may use. Subsequent styles then refine each parameter */


div,th,tr,table,li,ul,form,
blockquote,p,b,i,h4,h5,center,title
{
        border: 0px;
        color: rgb(140,140,140);
        font: 12px verdana, arial, sans-serif;

}

font 
{
        display: block;
        font: 15px Verdana, Tahoma, Helvetica, sans-serif;
        letter-spacing: 0px;
      
}

a, a:link,a:visited,a:active 
{
        color: rgb(26, 26, 26);
        text-decoration: none;

}
a:hover 
{
        color: rgb(215, 215, 215);
        text-decoration: none;
}

/* my own definition of emphasis */
strong
{
 font-weight:normal;  
 text-decoration:underline;
 color: rgb(175,175,175);
}   


.location
{
  font: 15px Verdana, Tahoma, Helvetica, sans-serif;
  color:rgb(128,128,128);
  font-weight:bold;
}  


.theme
{
  font: 15px Verdana, Tahoma, Helvetica, sans-serif;
  color:rgb(0,64,128);
  font-weight:bold;
}  

.artist
{
  font: 12px Verdana, Tahoma, Helvetica, sans-serif;
  color:rgb(150,150,150);
}  


/* --------------------------------------------
    Thumbnail Styles
   -------------------------------------------- */
/* I do not want my root gallery thumbnail text to show */
/* If you are copying my sheet, you may want to disable this */
/*.thumbnail b {display:none;}*/

/* This is to ensure that long texts in thumbnails are 
   wrapped around. Different browsers do it differently */
td.thumbnail font
{
        white-space: -moz-pre-wrap; /* Mozilla*/
        white-space: -pre-wrap; /* Opera 4 - 6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        white-space: pre-wrap; /* CSS3  */
        word-wrap: break-word; /* IE 5.5+ */
}


td.thumbnail 
{ 
        padding: 2px; height: 210px;
        /* dont forget to add width here else text wrapping
         in mozilla will not work - since this is the parent
         class */
        width: 192px;
      
}

a.thumbnail, a.thumbnail:link, a.thumbnail:visited, a.thumbnail:active 
{ 

     /*border: rgb(216,216,216) 1px solid; */
     border: rgb(190,190,190) 7px solid;   
     margin-bottom: -px; 
     padding-top: 15px; 
     width: 220px; 
     display: block; 
     height: 220px; 
     -moz-border-radius-bottomright: 15px; 
     -moz-border-radius-topleft: 15px; 
     -moz-border-radius-bottomleft: 15px; 
     -moz-border-radius-topright: 15px; 

}


a.thumbnail:hover		
{    border: rgb(0,0,0) 1px solid;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
     

}

/* My signature */
.thumbnails
{

/*   background-image:url(https://www.pbase.com/image/63809708.jpg
); */
   background-position:62% 100%;
   background-repeat:no-repeat;
   padding-bottom:30px;
}

/* --------------------------------------------
    Image Styles
   -------------------------------------------- */

/* --------------------------------------------
    The main 'Body'
   -------------------------------------------- */

body
{
padding-bottom: 10px; 
margin-bottom: 20px; 
margin-top: 20px;
background: rgb(255, 255, 255)
        url(https://www.pbase.com/image/63814090/original.jpg)
         bottom right no-repeat fixed;

}



/

BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }
