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

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




/*-----------STYLESHEETS IMPORT-----------*/

@import url("reset.css");

@import url("links.css");
@import url("buttons.css");
@import url("footer.css");

/*@import url("new-styles.css");*/





/*-----------BODY LAYOUT------------*/

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

}


/*--wrapper sets the width of the main content on all pages, including the footer--*/

#wrapper {
margin: 0px;
padding: 0px;
max-width:px;

}

/*--wrapper sets the width of the content only--*/
#wrapperContent {
margin: 0px 72px;
padding: 0px;
}


/*-------------------HEADER-------------------*/

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

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

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



/*-----------SEARCH FORM ------------*/

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


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

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


/*--I don't know what the following two classes do--*/
ul.sectionLinksBox {
padding:10px 0px 0px 6px;
margin:0px
list-style-type:none;
text-align:right
}

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







/*----------------SEARCH FORM-------------------*/
/*--These may be unused--*/

#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;
}

/*creates 2 lines for description to even vertical spacing*/
.two-lines {
padding-bottom:20px
} 




/*----------------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:;--Remove this selector in final style sheets to solve bottom-right button layout issue when it is removed----*/
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%
}



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

/*.USE THIS AS A TEMPT FIX FOR BARRANGER AFTER SARAH
#formalContent-issue {
/*don't use margin-left; use padding to avoid IE bug
font: 115%/1.0 Helvetica Neue, Helvetica, Arial, sans-serif;
padding: 0px 36px 30px 36px;
margin:0px;
color:#333;
line-height:20px;
text-align:left;
}
*/

#formalContent {
/*don't use margin-left; use padding to avoid IE bug*/
font: 100%/1.0 Helvetica Neue, Helvetica, Arial, sans-serif;
padding: 0px 36px 30px 36px;
margin:0px;
color:#333;
line-height:20px;
text-align:left;
}

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

h1.formalContentTitle {
color: maroon;
line-height:34px;
padding-top:24px;
padding-left:0px;
font: 150%/1.0 Helvetica Neue, Helvetica, Arial, sans-serif;font-weight: bold} /*also essays*/




/*-----------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*/		
}

.worksCited {
margin-left:24px
}

.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*/

.formalLastP {
padding-bottom:25px
}

.bookOrderAppeal{
text-align:left; 
font-size:100%; 
font-style:italic; 
padding-top: 20px
}


.formalBookPress{}

.formalBookSpecs {}







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

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

h1 {color:maroon;margin:0px;padding: 30px 0px 0px 10px;}
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%}


/*-----------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}




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



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


/*--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 */
}


/*

Right Single Quotation Mark: &rsquo;

Left Single Quotation Mark: &lsquo;

Left Double Quotation Mark: &ldquo;

Right Double Quotation Mark: &rdquo;

---*/


/*-----------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*/
}








