/* Borrowing the CSS style of David Yuckert
/* https://www.pbase.com/davyy

/* ====================================================
   This is a mod of Arjun Roychowdhury's arjun_root
   stylesheet (https://www.pbase.com/arjun) to feet my 
   root page.

   // David Yuckert
   ==================================================== */

.thumbnails
{ 
display: none; 
} 

/* --- hide the menu -- */
body table td a img { display:none;} 
.thumbnails table img {display:none;}
table img {display:block;}
.display,.display img {display:block;}
.thumbnails table,.thumbnails table img, .display,p.small
{ 
    display: none; 
    body div.galleryheader table td a img {display:none;}
} 

/* ----------------------------------- */
/* To take care of border-box compatibility
   issue b/w IE and FF */
* { -moz-box-sizing: border-box; }

/* --------------------------------------------
    General Styles
   -------------------------------------------- */
/* "nullifies any styles default pbase" */
div,th,tr,table,li,ul,form,
blockquote,p,b,i,h4,h5,center,title
{
    border: 0px;
    color: white;
    font: 15px Verdana, Tahoma, Helvetica, sans-serif;
}

/* defalut font */
font 
{
    display: block;
    font: 11px Verdana, Tahoma, Helvetica, sans-serif;
}

/* emphasis */
strong
{
    font-weight:normal;  
    text-decoration:underline;
    color: white;
}  

/* --------------------------------------------
    Text links
   -------------------------------------------- */
a, a:link,a:visited,a:active 
{
    color: white;
    text-decoration: none;
}


a:hover 
{
    color: white;
    text-decoration: none;
} 

/* --------------------------------------------
    Thumbnail Styles
   -------------------------------------------- */
/* 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+ */
}

/* table around thumbnail and text */
td.thumbnail 
{ 
    /* Uncomment for debug
    border: rgb(0,255,0) 1px solid;*/

    /* spacing between thumbnails */
    padding: 2px;
    width: 160px;  /* for mozilla text wrapping to work */  
}

/* table around thumbnail only */
a.thumbnail, a.thumbnail:link, a.thumbnail:visited, a.thumbnail:active 
{ 
    /* spacing between thumbnails and text*/
    border: rgb(255,255,255) 1px solid; /* with out a border we get poping on hover */
    padding: 2px;
    display: block;
    -moz-border-radius-bottomright: 10px; 
    -moz-border-radius-topleft: 10px;

    /* Uncomment for debug
    border: rgb(255,0,0) 1px solid;  */
}

/* Hover over thumbnail only */
a.thumbnail:hover		
{    
    border: rgb(90, 130, 225) 1px solid;     
}

table.thumbnail 
{
}

/* Thumbnail signature */
.thumbnails
{
    /* Add signature /* background-image:url(https://www.pbase.com/perennial/image/60677075);
    background-position:62% 100%;
    background-repeat:no-repeat;
    padding-bottom:30px;*/
}

/* --------------------------------------------
    Image
   -------------------------------------------- */
/* Image base*/
img
{
    /* make white image when loading */
    background: rgb(255, 255, 255);

    border: rgb(255, 255, 255) 1px none;
} 

/* The thumbnail image */
img.thumbnail 
{   
       /* Make all the same size */
     /*padding: 5px;
     /*width: 320px;
     /*height: 212px;
    
    
    /* black boarder to look nice on non-ie */
    border: rgb(0,0,0) 1px solid;
    
    /* shadow on ie */
    filter: progid:DXImageTransform.Microsoft.Shadow(color="#232323",Direction=135,Strength=5);
}

/* The title image */
.img_title
{
}


/* --------------------------------------------
    The main 'Body'
   -------------------------------------------- */
body
{
    /* page color 
    background: rgb(254, 254, 254);*/
    
     /* page spacing */
    padding-bottom: 10px;
    margin-bottom: 20px; 
    margin-top: 0px;
}

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; }


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; }