@charset "utf-8";

/* fergus 2016 stylesheet*/

body 	{	
	background-color: #FDF5C6;	
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px; 
	color: #5a582c; }		   
		
			/* fergus palette: 	fr png 
			navbrown 757433 747332 /  mainbrown 5b5624 5a5a20  /  wetsand d2c777
			tan edecae   / putty  b9b47f
		    wine db4753  /  tomato cream d84a51
            FDF5C6 background cream
			*/
			
div.container { 
	margin: 0em auto;
	width:976px;
	height:auto;
	text-align: left; } 
	
div.window 	{
	position:relative;
	top:12px;
	width:976px;
	height:auto; } 
	
div.nav 	{
	position:relative;
	top:0px; left:0;
	width:976px;
	height:40px;
	margin-bottom: 3px; }  	 
	
div.band1 	{
	position:relative;
	top:0px; left:0;
	width:976px;
	height:4px;	
	background-color:#d2c777} 
	
div.band2 	{
	position:relative;
	top:0px; left:0;
	width:976px;
	height:13px;	
	background-color:#747332} 
	
div.leftbumper 	{
	position:relative;
	top:0px; left:-52px;
	width:52px;
	height:115px;	
	background-color:#d2c777} 
    
div.leftbumper-h 	{
	position:relative;
	top:0px; left:-52px;
	width:52px;
	height:132px;	
	background-color:#d2c777}  

div.banner-h 	{
	position:relative;
	float:left;
	top:-132px; left:0;
	width:976px;
	height:132px;	
	background-color:#5a5a20} 
    
div.banner 	{
	position:relative;
	float:left;
	top:-115px; left:0;
	width:976px;
	height:115px;	
	background-color:#5a5a20} 

div.rightbumper 	{
	position:relative;
	top:-115px; left:976px;
	width:52px;
	height:115px;	
	background-color:#d2c777}
    
div.rightbumper-h 	{
	position:relative;
	top:-132px; left:976px;
	width:52px;
	height:132px;	
	background-color:#d2c777}    

div.band3 	{
	position:relative;
	top:-115px; left:0;
	width:976px;
	height:6px;	
	background-color:#db4753;}	   

div.band3h 	{
	position:relative;
	top:-132px; left:0;
	width:976px;
	height:6px;	
	background-color:#db4753}	
    
div.contentwindow 	{
	position:relative;
	top:-115px; left:0;
	width:976px;
	height:800px auto;	
	background-color:#edecae}
    	
div.contentwindow-h 	{
	position:relative;
	top:-132px; left:0;
	width:976px;
	height:1272px;	
	background-color:#edecae}	
	
div.bookback 	{
	position:relative;
	top:0px; left:0;
	width:250px;
	height:88px;	
	background-color:#d2c777}
    
div.bookback-books 	{
	position:relative;
	top:0px; left:0;
	width:976px;
	height:88px;	
	background-color:#d2c777     }    
    
div.bookback-books2 	{
	position:relative;
	top:460px; left:0;
	width:976px;
	height:88px;	
	background-color:#d2c777     }       	
	
div.bookcover 	{
	position:absolute;
	top:22px; left:24px;
    width:204px; 	}	
    
div.bookcover-bn 	{
	position:absolute;
	top:440px; left:24px;
    width:204px; 	}	    
    
/* row one books page    */

div.bookcover0 	{
	position:absolute;
	top:22px; left:50px;
    width:156px; 	}	    

div.bn0 	{position:absolute; top:475px; left:50px; width:156px; 	}	
    
div.bookcover1 	{
	position:absolute;
	top:22px; left:275px;
    width:156px; 	}	    

div.bn1 	{position:absolute; top:450px; left:275px; width:156px; 	}	
    
div.bookcover2 	{
	position:absolute;
	top:22px; left:497px;
    width:156px; 	}	

div.bn2 	{position:absolute; top:420px; left:497px; width:156px; 	}	
    
div.bookcover3 	{
	position:absolute;
	top:22px; left:722px;
    width:156px; 	}	

div.bn3 	{position:absolute; top:410px; left:722px; width:156px; 	}	


/* second row books page*/
    
div.bookcover4 	{
	position:absolute;
	top:570px; left:50px;
    width:156px; 	}	    

div.bn4 	{position:absolute; top:982px; left:50px; width:156px; 	}	
    
div.bookcover5 	{
	position:absolute;
	top:570px; left:275px;
    width:156px; 	}	

div.bn5 	{position:absolute; top:1010px; left:275px; width:156px; 	}	
    
div.bookcover6 	{
	position:absolute;
	top:570px; left:497px;
    width:156px; 	}	   

div.bn6 	{position:absolute; top:945px; left:497px; width:156px; 	}	

div.bookcover7 	{
	position:absolute;
	top:570px; left:722px;
    width:156px; 	}	   

div.bn7 	{position:absolute; top:980px; left:722px; width:156px; 	}	

div.bookseller2 	{
	position:absolute;
	top:500px; left:24px;
    width:204px; 	}	
            
div.book1banner 	{
	position:relative;
	top:-88px; left:250px;
    width:726px;
    height:88px;	
    background-color:#5b5624 }    
    
div.book1pic 	{
	position:relative;
	top:-88px; left:250px;
    width:499px;
    height:318px;}    
    
div.book1review 	{
	position:relative;
	top:-406px; left:750px;
	width:197px;
	height:290px;	
    padding:14px; }	        
    
div.fb-like { position:relative;
    top:0px; left:750;
    width:100px; height:30px;
    z-index:2; 
    filter:;
    -webkit-filter: hue-rotate(120deg);}    
    
#fboverlay {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}     
    
div.band4h 	{
	position:relative; z-index:22;
	top:-406px; left:0;
	width:976px;
	height:6px;	
	background-color:#db4753}	

div.vrule1h 	{
	position:absolute;
    z-index:2;
	top:-8px; left:0px;
	width:2px;
	height:1272px;	
	background-color:#5b5624}	
    
div.vrule2h 	{
	position:absolute;
	z-index:2;
    top:0px; left:250px;
	width:4px;
	height:406px;	
	background-color:#b8b57b}	    
     
div.vrule3h 	{
	position:absolute;
    z-index:2;
    top:88px; left:748px;
	width:4px;
	height:745px;	
	background-color:#db4753}	
    
div.vrule4h 	{
	position:absolute;
    z-index:2;
	top:-8px; left:974px;
	width:2px;
	height:1272px;	
	background-color:#5b5624}
    
div.best 	{
	position:absolute;
    z-index:10;
	top:20px; left:974px;}    
    

div.canaanbanner 	{
	position:absolute;
	top:412px; left:0px;	
    width:750px;
    height:76px;
    background-color:#5b5624 }    	           
        
div.newshead 	{
	position:absolute;
	top:412px; left:752px;	
    width:224px;
    height:76px;
    background-color:#d2c777 }    	           
         
div.band5h 	{
	position:absolute;
	z-index:1;
    top:487px; left:0;
	width:976px;
	height:3px;	
	background-color:#db4753}	         
     
div.canaanpic 	{
	position:absolute;
	top:489px; left:1px;
    width:499px;
    height:289px;	
    background-color:#5b5624 }   
    
div.canaancover 	{
	position:absolute;
    z-index:2;
	top:610px; left:380px;
    width:100px;
    height:146px;	 }    
     
     
div.canaantext 	{
	position:absolute;
	top:490px; left:500px;
	width:220px;
	height:318px;	
	background-color:#d2c777;
    padding:14px}	     
     
     
div.newstext 	{
	position:absolute;
	top:490px; left:752px;
	width:194px;
	height:318px;	
	background-color:#edecae;
    padding:10px 14px}	     
     
div.band6ur 	{
	position:absolute;
	z-index:1;
    top:778px; left:0;
	width:500px;
	height:3px;	
	background-color:#db4753}   
           
div.URbanner 	{
	position:absolute;
    top:779px; left:0;
	width:468px;
	height:22px;
    padding: 16px;	
	background-color:#5a5a20;} 
    
div.vrule5h 	{
	position:absolute;
    z-index:2;
	top:488px; left:500px;
	width:2px;
	height:346px;	
	background-color:#db4753}    
      
    
div.band7h 	{
	position:absolute;
	z-index:2;
    top:833px; left:0;
	width:976px;
	height:6px;	
	background-color:#db4753}             
     
div.otherhead 	{
	position:absolute;
	top:839px; left:0px;	
    width:251px;
    height:79px;
    background-color:#d2c777 }     
       
div.vrule6h 	{
	position:absolute;
    z-index:2;
	top:839px; left:250px;
	width:4px;
	height:408px;	
	background-color:#b9b47f;}    
    
div.othertext 	{
	position:absolute;
	top:901px; left:1px;
	width:225px;
	height:318px;
    padding:14px}	  
     
div.book3banner 	{
	position:absolute;
	top:839px; left:250px;	
    width:726px;
    height:79px;
    background-color:#5b5624 }    	    
     
div.book3pic 	{
	position:relative;
	top:83px; left:250px;
	width:500px;
	height:344px;	
	background-color:#5b5624;}	
    
div.book3reviews 	{
	position:relative;
	top:-261px; left:750px;
	width:190px;
	height:318px;	
    padding:14px}	 
    
div.washorder 	{
	position:absolute;
    z-index:2;
	top:1210px; left:635px;
	width:88px;
	height:25px;	
	}    
         
    
     
div.band8h 	{
	position:absolute;
	z-index:2;
    top:1245px; left:0;
	width:976px;
	height:15px;	
	background-color:#5b5624}      
       
div.vrule7h 	{
	position:absolute;
    z-index:2;
	top:901px; left:748px;
	width:4px;
	height:344px;	
	background-color:#db4753;}           
          
div.band9h 	{
	position:absolute;
    top:1260px; left:0;
	width:976px;
	height:15px;	}          
     
div.footer { position:relative;
    top:-255px; left:24;
    text-align:center;
    width:976px; height:50px;
     }      
     
div.timeline { position:relative;
    top:-48px; left:24;
    margin:24px;
    text-align:left;
    width:976px; height:auto;
     }      
     
ul.timeline	{
	margin:0; padding:0;  }      
    
li.timeline	{
	margin:0 0 0 10px; padding:4px; }     
        	
ul, li.nav	{
	display:inline;
	list-style: none; 
	margin:0; padding:0 1px 0 0; }  
    
ul.box 	{
    list-style-type:square;
    list-style-position:inside;
    margin: 0; padding: 0;
    font-size:15px; line-height:110%}  

ul.box3 	{
    list-style:none;
    margin:0; padding:0;
    font-size:15px; line-height:110%}  
    
ul.box3 span:before  {
        content: "";
    height: 5px;
    width: 5px;
    border-radius: ;
    background: #000;
    display: inline-block;
    margin: 0 .5em 0 0;
    vertical-align: middle; 
       }   
    
ul.box2 	{
	display:inline;
    list-style-type:square;
    list-style-position:inside;
    padding: 0;
    font-size:15px; line-height:105%} 
    
ul.box2 li     {
    margin-bottom: 5px;} 
 	    
h1  {font-size: 28px;   
     font-weight:normal;
     margin:0; padding: 0;	}	
     	
h2  {font-size: 23px;   
     font-weight:normal;
     margin:0; padding: 0;	}
     
h3  {font-size: 17px;   
     font-weight:bold;
     margin:0 0 6px 0; padding: 0;		
     text-transform: uppercase; } 
     
h4  {font-size: 13px;   
     font-weight:bold;     
     margin:0 0 6px 0; padding: 0;		
     text-transform: uppercase; }            

h5  {font-size: 14px;   
     font-weight:normal;
     line-height:125%;
     margin:0 0 6px 0; padding: 0;		
     text-transform: uppercase; }     

.subhead {font-size: 16px;   
     font-weight:bold;
     line-height:120%;
     margin:0 0 2px 0; padding: 0;		
     text-transform: uppercase; } 
     
.normal {font-weight:normal; }      

p    {font-size:16px; margin: 0; padding: 0; line-height:120%}

p + p {text-indent: 3em;}

ol {font-size:16px; margin-bottom: 6px }

.fl {text-indent: 0;}

.ul {     text-transform:none;  font-weight:normal;}

.hr {border:0;
      color:black;
      background-color: black;
      text-align:left;
      width:69%;
      height:1px;
      margin: 12px 0;}
      
.less {margin-bottom:-2px; margin-top:-6px;
       font-size: 90%;} 
     
.tight {line-height: 100%; margin:0}
     
.boldcaps	  {display:inline-block;
            font-size: 10px;
            text-transform: uppercase;
			font-weight:bold;
            line-height:11px;}   
            
.review-h {font-style:italic;
          font-size:15px;
        margin: 6px 0; padding:0;
        line-height:112%;
        text-indent:0}     
        
.review-h2 {font-style:italic;
          font-size:15px;
        margin: 7px 0; padding:0;
        line-height:112%;
        text-indent:0}             
         
.review {
        margin: 1em 0;
        text-indent:0} 

.footer { font-size:11px; text-transform:uppercase; }        
        
.intro {font-size:135%}  

.deck {font-size:80%}  

.quote {font-size:135%; font-style:italic; color:#58422C; margin-left:0}  

.mini {font-size:11px}                   
                 	
.blurb { margin:0; padding: 0;
        text-indent:0}

.ital {font-style:italic; }

.caps {text-transform:uppercase; }

.smaller {font-size:13px; }

.larger {font-size:larger; }

.normal {font-weight:normal; }
          
.smcaps {text-transform:uppercase; 
          font-size:90%;}
          
.smcaps2 {text-transform:uppercase; 
          font-size:70%;}          

.other {text-transform:none;
        font-size: 14px;
       font-style:italic;
       font-weight:normal;
      line-height:110%;
      margin-bottom:8px;
        text-indent:0}
      
.bullet {font-family:sans-serif; 
        font-size:50px;
        font-style:normal;
        vertical-align:-75%;
        margin:0 -3px;
        }  
        
.bullet2 {font-family:sans-serif; 
        font-size:40px;
        line-height: 15px;
        font-style:normal;
        vertical-align:-55%;
        margin:0 -3px;
        }          
        
.plus2 {margin-bottom: 2px;}    

.plus4 {margin-bottom: 4px;}    

.plus8 {margin-bottom: 8px;}     
        
.orderlink   {  font-style:italic;}   

.button {margin:4px 0 100px 0 }     
                 
a:link		{
	text-decoration: none;
	color: #974032;
	}		
a:visited		{
	text-decoration: none;
	color: #757433;
	}			
a:hover	{
	text-decoration: underline;
	color: #d84a51;
	}	
a:active		{
	text-decoration: underline;
	color: #d84a51;
	}	
    
/* special nav bar a code */    	
a.books { position:absolute;
			top:0; left:0px;
			display: block; 
			width:97px; 
			height: 40px; 
			background: url(images/nav/books.png) 0 -40px no-repeat;
			text-decoration: none; 
			padding-right:1px}

a:hover.books { background-position: 0 0 }		  

a.civilwar { position:absolute;
			top:0; left:98px;
			display: block; 
			width:176px; 
			height: 40px; 
			background: url(images/nav/civilwar.png) 0 -40px no-repeat;
			text-decoration: none; 
            padding-right:1px}

a:hover.civilwar { background-position: 0 0 }	
												
a.fergus {position:absolute;
			top:0; left:275px;
			display: block; 
			width:178px; 
			height: 40px; 
			background: url(images/nav/fergus.png) 0 -40px no-repeat;
			text-decoration: none; 
            padding-right:1px}

a:hover.fergus { background-position: 0 0 }	  

a.news {position:absolute;
			top:0; left:454px;
			display: block; 
			width:189px; 
			height: 40px; 
			background: url(images/nav/news.png) 0 -40px no-repeat;
			text-decoration: none; 
            padding-right:1px}

a:hover.news { background-position: 0 0 }	 

a.articles { position:absolute;
			top:0; left:644px;
			display: block; 
			width:126px; 
			height: 40px; 
			background: url(images/nav/articles.png) 0 -40px no-repeat;
			text-decoration: none; 
            padding-right:1px}

a:hover.articles { background-position: 0 0 }	  

a.contact { position:absolute;
			top:0; left:771px;
			display: block; 
			width:117px; 
			height: 40px; 
			background: url(images/nav/contact.png) 0 -40px no-repeat;
			text-decoration: none; 
            padding-right:1px}

a:hover.contact { background-position: 0 0	}							

a.blog { position:absolute;
			top:0; left:889px;
			display: block; 
			width:86px; 
			height: 40px; 
			background: url(images/nav/blog.png) 0 -40px no-repeat;
			text-decoration: none; 
            padding-right:1px}

a:hover.blog { background-position: 0 0	}