@charset "UTF-8";
/*
$rembase:     14;
$line-height: 24;
*/

#footer a{font-weight:normal;}


/* - - - - - - - - TYPOGRAPHY - - - - - - -*/

h1{	
	font-family: 'antonioregular', helvetica,Arial,sans-serif;
	FONT-WEIGHT:NORMAL;
	margin-top:0px;
	margin-bottom:5px;
	font-size:2.2rem;
	letter-spacing:.05rem;
	color:#333;}
	
h2{
	font-size:1.3rem!important;}

#content p{
	margin-bottom:1.5rem;}

body {
	font-size: 1.3rem;
	line-height:1.75;
	font-family: Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #555;
	margin: 0px;
	letter-spacing:.03rem;}

p{
	 margin-top:0;}



@font-face {
    font-family: 'antonioregular';
    src: url('fonts3/antonio-regular-webfont.eot');
    src: url('fonts3/antonio-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts3/antonio-regular-webfont.woff2') format('woff2'),
         url('fonts3/antonio-regular-webfont.woff') format('woff'),
         url('fonts3/antonio-regular-webfont.ttf') format('truetype'),
         url('fonts3/antonio-regular-webfont.svg#antonioregular') format('svg');
    font-weight: normal;
    font-style: normal;}
	
/* - - - - - - - - STRUCTURE - - - - - - -*/	
	
#wrapper{
	position:relative;
	padding-bottom:20px; 
	border-bottom:7px solid #efedea;
	border-top:7px solid #efedea;
	border-left:1px solid #efedea;
	border-right:1px solid #efedea;
	background:white;
	margin:0 auto;
	width:100%;
	max-width:942px;}
	
#content{
	padding-top:20px;}

#footer{
	width:80%;
	margin:10px auto;
	font-size:1.2rem;
	text-align:center;
	padding-top:5px;}

#banner{
	margin-top:40px;}	

/* - - - - - - - - MISCELLANEOUS - - - - - - -*/	

#content a{
	font-size:1.10rem;
	
	letter-spacing:.05rem;
	/*text-transform:uppercase;*/}
	
.goright{
	text-align:right;}
	
#banner img{
	max-width:94%;
	height:auto;}

.rule{
	color:white;
	border-bottom:1px solid #e40202;
	display:block;
	height:3px;
	margin-bottom:26px!important;}
	
	
img{margin-bottom:14px;}

	
/* - - - - - - - - - for the HOME page - - - - - - - - -*/

#home #content .square{width:20%; height:auto;float:left;margin-right:18px;margin-top:3px;}

#news #content img{width:20%; height:auto;float:left;margin-right:18px;margin-top:3px;}
	
#home #content img{
	width:100%;max-width:600px;height:auto;}

#deadeye #content img{
	width:100%;max-width:600px;height:auto;}


.intro{
	font-size:1.5rem;}
	





/* - - - - - - - - - for the BOOKS page - - - - - - - - -*/	
#books h1{
	font-size:1.75rem;
	letter-spacing:.05rem;}
	
.booksub{font-size:1.3rem;letter-spacing:.03rem;}
		
#books h2{
	font-size:1rem;
	color:#555;
	margin:5px 0 12px 0;}
		
#books #content img{margin-top:6px;}
		
#books .narrow a {
	font-weight:normal;
	font-family: 'antonioregular', helvetica,Arial,sans-serif;
	font-size:1.2rem;
	text-transform:uppercase;
	letter-spacing:2px;}
	
#books .narrow a:hover{
		color:#fe5d5d;
		text-decoration:none;}

.onebook, .tribwrapper{
	border-bottom: 1px solid #e40202;
	margin-bottom:24px;
	padding-bottom:16px;}

.caption{
	font-size:.85rem;
	line-height:1.4;
	font-weight:bold;
	text-align:center;
	color:#777;}
	
.purchase{
	color:#333;
	font-weight:bold;
	margin:22px 0 7px 0 !important;
	text-transform:uppercase;
	font-size:.7rem;
	letter-spacing:.2rem;}
	
.narrow{text-align:center;}

/* - - - - - - - - - for the ABOUT page - - - - - - - - -*/	
	
	#about .narrow{text-align:left;}
	#about .wide img{width:100%; max-width:404px;height:auto;}
	
	
/* - - - - - - - -for the TRIBUTE  page- - - - - - -*/


#menu{
	padding-right:15px;
	float:right;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1.5px;
	color:#222;}

#menu ul{
	float:right;
	list-style:none;
	padding:0;}
	
#menu ul li{
	float:left;
	display:block;
	margin:0;
	display:inline;}
	
#menu ul li a{
	padding:1px 12px 0 12px;
	display:block;}
	
#menu ul li a:hover{
	text-decoration:none;
	background-color:#efedea;}
	
	body#home a#navhome, body#ww2 a#navww2, body#photos a#navphotos, body#recently a#navrecently {

	/* this is the 'you are here' indicator*/	
	color:black;}	

html{
	overflow-y:scroll;}
	
html {
	font-size: 87.5%;}
	
	
a:link {
	font-weight:bold;
	color: #e40202;
	text-decoration: none;}
a:visited{
	color:#e40202;}
a:hover {
	text-decoration:underline;
}
a:active {
	text-decoration: none;}	




.tribleft img{
	float:none;
	margin-bottom:14px;}
.tribleft, .tribright{
	float:none;
	width:100%;
	max-width:600px;}
	.tribright{max-width:300px;}

.rendez{
	
	float:none;margin:6px 16px 16px 0;}




.video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



@media all and (min-width:100px) and (max-width:450px){
	
	
	
	#menu{
		margin-bottom:12px;
		padding-bottom: 0px;
		padding-right:0;
border-bottom:3px solid #efedea;
		}
		
		#banner{}
	
}
	
@media screen and (min-width: 100px) { /*phones*/

	#main img{width:100%; height:auto;}	
	.narrowimg img{max-width:400px;}

#home #main{
	width:94%;
	margin-left:3%;}
.interior #main{
	width:94%;
	margin-left:3%;}

#banner img{
	width:94%;
	max-width:521px;
	margin-left:4%;}
	


}

@media screen and (min-width: 400px) {
	.rendez {
	float:left!important;}
}
		

@media screen and (min-width: 768px) { /*starting with ipad vertical*/
#home #main{
	width:600px;
	margin:0 auto;}
.interior #main{
	width:670px;
	margin:0 auto;}
.narrow{
	width:35.7%;
	float:left;
	margin-right:4%;}

.wide{
	width:60%;
	float:left;}
#books h1{
	margin-top:0;}
#banner img{
	width:521px;
	margin-left:40px;}	
	


.tribleft {
	float:left;
	width:60.8%;
	margin-right: 4.5%;}
.tribright{
	float:right;
	width:34.4%;}
.tribwrapper{}
	

	
}


@media screen and (min-width: 860px) { /*starting with ipad horizontal or larger*/
	

	
}

@media screen and (min-width: 940px) { /*starting with ipad horizontal or larger*/
	
#home #main{
}
	
}