/* STYLE SHEET INFORMATION  */
/* The Walker Percy Project */
/* http://www.ibiblio.org/wpercy */

/*-----------------COLORS-----------------
light tan: #eadcae
blue: #356094;
maroon:


Right Single Quotation Mark: &rsquo;

Left Single Quotation Mark: &lsquo;

Left Double Quotation Mark: &ldquo;

Right Double Quotation Mark: &rdquo;

---*/



@import url("links.css");




/*-----------RULES------------*/
/*--
<div class="horiz-line"></div>
<div class="horiz-line-top"></div>
<div class="topline"></div>
--*/

.horiz-line {padding:0px; background-color:maroon;height:1px}

.horiz-line-top {margin:10px 0px 0px 0px; background-color:maroon;height:1px}

.topline {margin:10px 0px 0px 0px; background-color:maroon;height:1px}/*same as horiz-line-top to save time on book description pastes for temporary site*/

.horiz-line-dash {padding:0px; margin:0px;border:1px dashed maroon}


/*-----------BUTTONS & PAGE NAVIGATION------------*/


.searchBox {float:right;margin-right:100px;margin-bottom:0px;padding-bottom:0px;width:250px;text-align:left}

.button-horiz-right-top {text-align:right;padding-top:0px;margin-top:0px}

.button-width-bottom-nav {width:65px}

.elevator {text-align:right;font-size:90%;}

.goTop {
text-align:right;
padding-right:40px
}

.biblio-type {padding-bottom:0px;margin-bottom:0px;color:maroon}

/*-----------BODY LAYOUT------------*/
body {
font: 100%/1.0 Helvetica Neue, Helvetica, Arial, sans-serif;
background: #fff;
margin: 0;
padding: 0px 0 50px 0;
color: #333;
line-height:20px;

}

/*--wrapper sets the width of the main content on all pages--*/
#wrapper {
margin: 0px;
padding: 0px 30px;
max-width:1024px;
}




/*-------------------HEADER-------------------*/
#headerBox {
background-color:rgb(65,104,170);
height:10px;
padding:5px 0px 55px 0px;
margin:0px;
}

#logoImage {
float:left;
width:80px;
height:92px;
padding-top:10px;
padding-left:20px;
padding-right:20px;
}

.headerBoxTitle {
text-align:left;
padding:20px 12px 0px 18px;
font-style:italic;
font-size:135%;
font-weight:bold;
color:#fff;
}

/*----------------TOP MAIN NAVIGATION-------------------*/

#breadcrumb {
	height: 0px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	text-align:left;	 
	font-size:85%;
	background-color:#fff;
	color:#333
}

ul.sectionLinksBox {
	padding:10px 0px 0px 6px;
	margin:0px
	list-style-type:none;
	text-align:right
}

.sectionLinksBox li {
	margin:0px;
	padding:0px;
	display:inline
	}

.white {color:#fff} /*--this class hides vertical divider between buttons--*/



/*----------------SEARCH FORM-------------------*/
#searchBoxMeta {text-align:right;margin:0px;padding:6px 0px 0px 0px}

#searchBox-old {text-align:right;margin-top:0px;padding:0px 12px 0px 0px}

#q {
	width: 140px;
	margin: 0px;
	padding: 0px;
	background: #fff;
	font-size: 92%;
}

#searchButton {
	width: 60px;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
}


/*----------------META SECTION LAYOUT-------------------*/

/*Note: Padding is only placed on the top and/or bottom of the divs. 
This saves the need for any "box model math".*/

#mainContentMeta {
/*don't use margin-left; use padding to avoid IE bug*/
	float:left;
	width:75%;
	padding: 0px 0px 0px 0px;
	margin:0px;
	line-height:20px;
	color:#333;
	text-align:left;
}



#mission {
	padding:Opx;
	margin:Opx;
	text-align:center; 
	font-size:100%;
	color:#999; 
}

#tagline {
	padding:Opx 0px 0px 0px;
	margin:30px 0px 20px 0px;
	text-align:center;
	font-size:90%;
	color:maroon
}

#footerMeta {
	padding:15px 0px 0 0px;
	margin:0px;
	text-align:center;
}

/*--these classes set the section icons and descriptions in the Meta Sections--*/
.item {padding-bottom:18px}
.image {float:left;height:90px;width:90px;padding:0px 20px 10px 20px}
.description {font-size:95%;padding-top:0px;}
.two-lines {padding-bottom:20px} /*creates 2 lines for description to even vertical spacing*/





/*----------------GENERAL SECTION LAYOUT-------------------*/

/*Note: Padding is only placed on the top and/or bottom of the divs. 
This saves the need for any "box model math".*/

#mainContent {
/*don't use margin-left; use padding to avoid IE bug*/
	float:left;
	padding: 0px 36px 30px 36px;
	margin:0px;
	line-height:20px;
	color:#222;
	text-align:left
}

#mainContent ul {
	list-style-type:disc;
}

#mainContent ul.none {
	list-style-type: none;}

.byline {
/*this class is for the section directories for memorials, remembrances, interviews, and essays*/
	margin:3px 0px 10px;
	line-height:18px;
	font-size:90%
}

#footerLinks {
	padding: 0px 36px 30px 36px;
	margin:0px;
	text-align:center;
	color:
}



/*-----------FORMAL CONTENT PAGE------------*/

#formalContent {
/*don't use margin-left; use padding to avoid IE bug*/
	padding: 0px 36px 30px 36px;
	margin:0px;
	color:#333;
	line-height:20px;
	text-align:left;
}

.foreword {font-size:92%;padding: 0px 30px}

.worksCited {margin-left:24px}


/*-----------FORMAL BOOK DESCRIPTION PAGE------------*/

#formalBookDesc {
	/*float: left;*/
	/*width: 625px;*/
	padding: 0px 36px 30px 36px;
	margin:0px
	color:#333;
	line-height:20px;
	/*don't use margin-left; use padding to avoid IE bug*/		
}

.formalContentTitle {color: #000;line-height:34px;padding-top:48px} /*also essays*/
.formalBookPress{}
.formalByLine {font-size:110%;/*font-variant:small-caps*/} /*also essays*/
.formalIntro {font-weight:bold}/*also essays*/
#formalContent blockquote {font-size:90%;font-style:italic}/*also essays*/
.formalBookSpecs {}
.formalLastP {padding-bottom:25px}
.bookOrderAppeal{
	text-align:left; 
	font-size:100%; 
	font-style:italic; 
	padding-top: 20px
}

/*-----------GENERIC ELEMENTS------------*/

.hide {display: none}
.clear {clear: both}
.nobreak {white-space: nowrap}


h1 {color:maroon;margin:0px;padding: 30px 0px 10px 0px;}
h2 {color:#000;margin:0px;padding: 15px 0px 10px 0px;}
h3 {color:rgb(65,104,170);margin:0px;padding:15px 0px 0px 0px;}
h4 {color:rgb(65,104,170);margin:0px;padding: 15px 0px 0px 0px;}
h5 {color:#000;margin:0px;padding: 15px 0px 0px 0px;}

h1.MetaSecTitle {color:#000;margin:0px;padding: 0px 0px 10px 0px;font-size:160%}
h1.SecTitle {color:maroon;margin:0px;padding: 15px 0px 10px 0px;font-size:160%}
h2.pageHeading {color:maroon;margin:0px;padding: 20px 0px 10px 0px;font-size:120%}

p.SecDescript {
	padding: 5px 0px 3px 0px;
	margin:0px;
	font-style:italic;
	font-size:115%;
	color:#333
}
p.block30 {padding: 0px 30px}
div.block30 {padding: 0px 30px}

ul {text-align:left; padding-left:30px}
ol {text-align:left; padding-left:30px}
li {text-align:left}

b {font-weight: bold}
i {font-style: italic}
.noitalics {font-style:normal}
.nobold {font-style:normal}
.noitalics {font-style:normal}

blockquote {font-size:92%}

q:before {content: open-quote;font-size:100%}
 
q:after {content: close-quote;font-size:100%}

/*--p{}--*/

/*-------------------IMAGES-------------------*/
img.metadirectory {border:0px solid #333;}
img.directory {border:0px solid #333;}
img.page {border:0px solid #333;}
img {border:0px #333 solid;}

img.shadow {box-shadow: 6px 6px 3px #888;}

img.floatright {float: right;}
img.floatleft {float: left;}

a img { 
	border: none;
/* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
}


/*-----------QUOTES------------*/

#colRightMeta {
/*don't use margin-right; use padding to avoid IE bug*/
	float: right;
	width: 200px;
	height:auto;
	margin:10px 0px 40px 0px;
	padding: 10px 10px;
	background-color:rgb(240,237,227);	
	border-top:5px solid maroon;
	border-bottom:4px solid maroon;
   box-shadow: 8px 8px 3px #888888;
}








.pullquoteRight {
float: right;
width: 30%; 
margin: 1em; 
padding: .5em; 
background-color:rgb(240,237,227);	
border-top:5px solid maroon;
border-bottom:4px solid maroon;
box-shadow: 8px 8px 3px #888888;

/*background-color: #eee;
border: solid #666; 
border-width: 1px 0; 
font-size: 110%; 
font-weight: bold;
color: #666; */ 
}


.pullquoteLeft {
background: #eee; 
width: 30%; 
margin: 1em; 
padding: .5em; 
float: left; 
border: solid #666; 
border-width: 1px 0; 
color: #666; 
font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 110%; 
font-weight: bold;
}

.quoteHoriz {
margin:30px; 
border:1px solid #000;
padding:10px;
background-color:rgb(240,237,227);
border-top:5px solid maroon;
border-bottom:4px solid maroon;
box-shadow: 8px 8px 3px #888888;
}

.quoteVert {
background-color:#eadcae
}




/*-----------TEMPORARY------------------------------

.upperLink {text-align:right;padding-top:0px;margin-top:0px} 

---*/

/*-----------TEMP MAIN MENU LAYOUT------------*/

#navBox {
height:20px;
background-color:tan;
padding-bottom:40px;
padding-top:30px;
margin-top:0px;
padding-left:0px
}


.alignRight {
text-align:right;
padding-top:24px
}

.pageTitle {
font-size:100%;
text-align:right;
padding-top:124px;
/*font-variant: small-caps;font-weight:bold*/
}








