@charset "UTF-8";

/* Body controls the outermost parts of the page, and everything inside it. */
body {
	background-color: white;
	font-family: "Arial", "Helvetica", "Verdana", sans-serif;
	font-size: 16px; line-height: 18px;
	color: black;
}

.price {
	text-align: center;
	font-weight: bold;
	color: #1F3048;
}

th { font-weight: bold; text-align: center }

#banner { 
	text-align: center; 
	font-family: Georgia, "Times New Roman", Times, serif;
}
#banner span { text-transform: uppercase; font-size: 24px; margin-left: 0.5em; margin-right: 0.5em; }
#banner img { border: 1px solid white; margin-top: 1em; }

/* "all" wraps around everything and makes the blue background. Page font defaults are set here too. */
#all { 
	width: 812px; background-color: rgb(48, 68, 97);
	color: white; 
	margin-left: auto;
	margin-right: auto;  
	padding: 1em; 
	margin-top: 0; font-size: 12px;   
}

/* Navigation bar */
#nav {
	width: 800px;
}

/* H1 is the site title: Dennis Weaver official site */
h1 { font-size: 18px; line-height: 22px; }
/* H2 is the page title: Biography */
h2 { font-size: 20px; line-height: 22px; text-align: center; clear: both;  }
/* H3 is a story subhead */
h3 { text-transform: uppercase; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; text-align: center; 
	clear: both; 
	margin-top: 1em; 
	margin-bottom: 1em;
}
/* H4 is used for "picture text title" -- a title on a long caption for an item */
h4 {
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: center; 
}

ul#nav { 
	list-style: none; display: table; 
	margin-left: auto; margin-right: auto;
	padding: 0; 
}

#nav li { display: table-cell; padding: 0px; width: 90px; height: 35px; overflow: hidden; background-repeat: no-repeat; }
#nav li a { display: block; width: 90px; height: 35px; overflow: hidden; }
#navwelcome { background-image: url(BWelcome.jpg); text-indent: -10000px; }
#navmemorial { background-image: url(BMemorial.jpg); text-indent: -10000px; }
#navbiography { background-image: url(BBiography.jpg); text-indent: -10000px; }
#navphotos { background-image: url(BPhotos.jpg); text-indent: -10000px; }
#navbooksmusic { background-image: url(BBooks.jpg); text-indent: -10000px; }
#navawards { background-image: url(BAwards.jpg); text-indent: -10000px; }
#navearthship { background-image: url(BEarthship.jpg); text-indent: -10000px; }
#navriversage { background-image: url(BRiverSage.jpg); text-indent: -10000px; }

#copyright, #credit { font-size: 10px; line-height: 11px; text-align: center; }

a { color: white; }

#left { width: 380px; float: left; clear: left; }
#right { width: 380px; float: right; clear: right; }

.imgcaption img { display: block }
.imgcaption.left { float: left; margin-right: 1em; }
.imgcaption.right { float: right; margin-left: 1em; }
.imgcaption { font-size: 10px; line-height: 12px; font-style: italic; width: 160px; ; text-align: right}

table.picturegrid td { width: 250px; vertical-align: top; 
	background-color: white; color: black }
table.picturegrid th { width: 150px; vertical-align: top}
table.picturegrid th.gutter { width: 10px }
table.picturegrid { width: 780px; }
table { color: white; font-size: 12px }

sup small { font-size: 80%; }

.pictureforsale .img { display: table-cell; width: 150px; text-align: center; margin: 10px }
.pictureforsale.album .img { width: 200px; }
.pictureforsale.album .description { width: 170px; }
.pictureforsale .description { background-color: white; color: black; 
	display: table-cell; width: 230px;
	padding: 1em; font-size: 12px; line-height: 14px; margin-right: 1em;}
.pictureforsale { width: 370px; display: table; float: left; margin-top: 1em; margin-bottom: 1em; margin-right: 1.5em; margin-left: 1.5em; }
.pictureforsale dl { display: block; }
.pictureforsale dl dt, .pictureforsale dl dd { display: inline; margin: 0.25em}
.pictureforsale dl dt::after { content: "," }

.otherforsale { background-color: white; color: black; padding: 1em; 
	display: table; float: left; width: 370px; 
	margin-left: 1.5em; margin-right: 1.5em; }
	
.pictureforsale .description a { color: black };
.otherforsale a { color: black }
	
aside { clear: both; display: block; text-align: center; }

.attention { clear: both; margin: 1em; background-color: white; 
font-size: 18px; line-height: 20px; color: red; text-align: center; padding: 1em; }
.attention a { color: red; }

/* Old styles: remove when unused: */

.style3 {font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif}	
	
.style6 {font-size: 14px; font-family: Arial, Helvetica, sans-serif;}

.style1 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.unnamed1 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 15px; margin-top: 10px; margin-bottom: 10px; margin-left: 10px}
.style20 a {
	color: #1F3048;
}

.style2 {font-size: 14px}
.style4 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; font-weight: bold; }
.style5 {
	font-style: italic;
	font-weight: bold;
}

.style3 {font-size: 12px}
.style6 {
	font-family: "Times New Roman", Times, serif;
	color: rgb(255, 255, 255);
	font-size: 12px;
	font-style: oblique;
	font-weight: normal;
}
.PageHead {
	font-size: 20px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	line-height: 5px;
	font-style: normal;
	font-variant: normal;
}
.style12 {
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	text-transform: none;
}
.style13 {
	font-size: 14px;
	font-weight: normal;
}
.style17 {font-family: "Times New Roman", Times, serif}
.style18 {font-size: 24px}
.order {
	color: #1F3048;
}
.story_head {	
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center; 
}
.story_text {
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: justify;
}