/*Style Sheet for bjudisch.com. 

Most items are self-explanatory, and I've added notes where necessary*/

html
{
    margin: 0;
    padding: 20;
}

body 

 /* Properties that both side lists have in common */
 div.link-list-nobg /*Some pages have no faded backgrounds. This is what the nobg does*/
{
   
        width:9.2em;
        position:absolute;
        top:12px;
        font-size:80%;
        padding-left:1%;
        padding-right:1%;
        margin-left:0;
        margin-right:0;
}
div.link-list 
{
     background-image: url('../images/bg-repeat_60a.png');
        width:9.2em;
        position:absolute;
        top:12px;
        font-size:80%;
        padding-left:1%;
        padding-right:1%;
        margin-left:0;
        margin-right:0;
}
/* we leave some place on the side using the margin-* properties */
#main-nobg
{
   /* background-image: url('../images/bg-repeat_60a.png');*/
min-width: 30em;
    margin-left: 14em;
    margin-right: 10.2em;
    padding-left: 1em;
    padding-right: 1em;
}

#main /*Main area of page*/
{
    background-image: url('../images/bg-repeat_60a.png');
width: 500px;
    margin-left: 14em;
    margin-right: 10.2em;
    padding-left: 1em;
    padding-right: 1em;
}
/* and then we put each list on its place */

#left /*Left column*/
{
    margin-left: 20px;
    height: auto;
    top: 175px;
    width: 169px;
    text-align: right;
    left: 4px;
}
#katia-left /*Left column for Katia page*/
{
    margin-left: 20px;
    height: auto;
    top: 740px;
    width: 169px;
    text-align: right;
    left: 4px;
}
    
#right /*right column. */
{
   right: 0px;
   left: 770px;
   width:100px;
    height: auto;
  top: 740px;
   
}

#top /*Sets border for top of page*/
{top:0;
}
img
{border: 0;}

A:link /*Styles your links*/
{
    text-decoration: underline;
    color: #000000;
    line-height: 175%;
    border:0;
}

   
A:visited /*Style for links a site visitor has already visited */
{ text-decoration: underline;
			color: #000000;
			border: 0;
         }
.copy /*Style for most of the text on the site Variatons are copy2 and copy3 and copy4 */
{
    font-family: Arial, Helvetica;
    line-height: 1.5;
    font-size: 11pt;
    text-align: left;
    color: #000000;
    background-color: transparent;
    
}
.copy-center /*Style for most of the text on the site Variatons are copy2 and copy3 and copy4 */
{
    font-family: Arial, Helvetica;
    line-height: 1.5;
    font-size: 11pt;
    text-align: center;
    color: #000000;
    background-color: transparent;
    
}
.copy2 {
    font-family: Arial, Helvetica;
    line-height: 1.2;
    font-size: 9pt;
    font-style: italic;
    text-align: center;
    color: #000000;
    background-color: transparent;
}
.copy3 {
    font-family: Arial, Helvetica;
    line-height: 1.2;
    font-size: 11pt;
    text-decoration: overline underline;
    text-align: center;
    color: #000000;
    background-color: transparent;
}
.copy4 {
    font-family: Arial, Helvetica;
    line-height: 1.2;
    font-size: 11pt;
     text-align: center;
    color: #000000;
    background-color: transparent;
}

.copysmallcaps
{
    font-variant: small-caps;
}
.isbn /* Style for the ISBN number underneath a book picture */
{
    font-family: Arial, Helvetica;
    font-size: 8pt;
    text-decoration: italic;
    color: #000000;
    background-color: transparent;
}
.blockquote /* for blockquotes*/
 {font-family: Arial, Helvetica;
             font-style: italic;
             font-size: 11pt;
		margin:20px 75px;

color:#575757;
padding: 0 50px;
		}

.blockquote2 {
    font-family: Times New Roman, Times;
    font-style: italic;
    font-size: 14pt;
    
    padding: 0 50px;
    margin-bottom: -12px;
}		
.blockquotetop {
    font-family: Times New Roman, Times;
    font-style: italic;
    font-size: 13pt;
    line-height:1.3;
    padding: 0 50px;
    margin-bottom: -12px;
}		
.blockquoteright {
    font-family: Times New Roman, Times;
    font-style: italic;
    font-size: 13pt;
    line-height:1.3;
    padding: 0 50px;
    margin-bottom: -12px;
    text-align: right;
}		
/*These are for hovering over link text*/
.on { font-size: 13; text-decoration: italic; color: blue; }
.off { font-size: 13; text-decoration: none; color: red; }


.img-logo /*Some styling for the image at the top of each page*/
{padding-right: 5px;
}

		
.headline {font-family: Arial, Helvetica;
		line-height: 1.5;
		font-size: 24pt;
		text-decoration: overline underline;
    text-align: center;
}
    .book-it
        {
            font-family: Arial, Helvetica;
            line-height: 1.8;
            font-size: 12pt;
            font-style: italic;
            text-align: center;
        }
        
    .book
        {
            font-family: Arial, Helvetica;
            line-height: 1.5;
            font-size: 12pt;
         
            text-align: center;
        }
         .caption-nobg
{
            font-family: Arial, Helvetica, sans-serif;
            text-align:center;
            font-size: 10pt;
           
        }
        
   .caption
        { background-image: url('images/bg-repeat_60a.png');
            font-family: Arial, Helvetica, sans-serif;
            text-align:center;
            font-size: 10pt;
           
        }
               .copyright
        {
            font-family: Arial, Helvetica, sans-serif;
            text-align: center;
            font-size: small;
        }
.thumbnail /*styles the landscape thumbnails in the gallery*/
        {
            display: block;
	padding: 3px 3px 8px 3px;
	float: left;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	border: 0;
	
	}

.thumbnail-vert /*styles the portrait thumbnails in the gallery*/
        {
            display: block;
	padding: 3px 38px 8px 38px;
	float: left;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	border: 0;
	}
.footer
{clear: both;
 margin-bottom: 0px;

}	

#pictures
{
    background-image: url('../images/bg-repeat_60a.png');
   width: 500px;
  text-align:center;
   
    padding-left: 1em;
    padding-right: 1em;
}

div.pictures-bg
{
    background-image: url('../images/bg-repeat_60a.png');
   
}
  
        
/*Lightbox*/

#lightbox {	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width:auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif:base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.brucejudisch.com/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.brucejudisch.com/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }