/* ***************************************  */
/* This is the ArchBook CSS stylesheet */
/* ***************************************  */
/* Styles for adaptive layout at bottom */

/* ROOT STYLE */

BODY {
	background-color: #FFFFFA;
    font-family: Times, "Times New Roman", Georgia, serif;
    font-size: .9em;
    padding: 0;
    margin: 0;
    line-height: 1.2em;
}

/* STRUCTURAL DIVS WITH IDS, AND IMPORTANT HOME PAGE ELEMENTS */

#wrap { /* defines the shape and extent of the site content within the overall viewing area; wraps three child divs: #header, #content (or #bigcontent), and #footer */
    background: url(../../site_images/header.png);
    background-repeat: no-repeat;
    width: 788px;
}

#header { /* wraps two child divs: #headtitle and #headnav  */
    height: 127px;
    
}

#headtitle {
    
}

#maintitle {
    display: none;
}

#headnav {
	width: 127px;
    float: right;
    margin-right: 75px;
    margin-top: 120px;
    font-family: sans-serif;
    font-size: 110%;
    }
    

#headnav li {	padding-bottom: 0.25em;

}


/* we use a div id='content' if we want a sidebar as well; otherwise we use div id='bigcontent' */
#content, #bigcontent {
    background-color: #FFFFFF;
    border: 2px solid #B3002C;
    min-height: 600px; /* set this to stop the footer moving up and down as user changes pages */
    width: 454px;
    margin-left: 127px;
    padding: 1em 1em 2em 1em;
}

#bigcontent { /* no sidebar being used, so available width for content becomes just slightly smaller than #wrap */
    
}

#sidebar {
    background-color: #E6E6D1;
    float: right;
    font-size: small;
    padding: 2em 0.5em 2em 0.5em;
    width: 19em;
}

#footer {
    clear: both;
    font-family: sans-serif;
    color: #000000;
    font-size: 70%;
    height: 204px;
    width: 454px;
    margin-left: 127px;
}

#entryback {
    clear: both; /* stops the hanging indent of the bibl entries intruding into a floating image  */
}



/* TABLES */



/*entrytop -- info at the top of an entry (obviously!)*/

.entrytopimg {
	}

.entrytoptextcell {
	position: relative;
	top: -115px;
	margin-left: 130px;
	width: 300px;
	}

.entrytopMain {
	display: block;
	font-weight: normal;
	font-family: sans-serif;
	font-size: 150%;
	line-height: 125%;
	padding-bottom: .5em;
	margin-top:.5em;
	}
		
/* Commented out -- article navigation links in sidebar
	#entryfront {
	font-family: sans-serif;
	display: block;
	clear: both;
	float: right;
	border-top: 1px solid #B3002C;
	padding-top: .5em;
	margin-right: -150px;
	}

.entryNav {
	padding-bottom: .25em;
	display: block;
	}

.entryNav a{
	border-bottom: none;
	}
*/

/*article navigation links in the body of the article*/
body #entryfront {
	font-family: sans-serif;
	display: block;
	clear: both;
	float: none;
	border-top: none;
	margin-right: 0;
	padding-top: 0;
	text-align:left;
	margin-left: -.5em;
	background-color: #B3002C;
	position:relative;
	top: -115px;
	}

body .entryNav {
	padding-bottom: .25em;
	padding: .25em .5em .25em .5em;
	display: inline;
	border-right: 1px solid #FFFFFA;
	}

body .entryNav a{
	border-bottom: none;
	color: #FFFFFA;
	
	}



/* The Main Body of an Entry */
#entrybody {
	float: left;
	padding-top: 1em;
	width:100%;
	position:relative;
	top: -115px;
	}
	
/*need to clear float so that body container expands around entire text*/
#entrybody_clear{
	clear:both;
	}

.sectionbody {
	padding-bottom: 1em;
	}





/* CONTENT DIVS */



DIV.figure-left, DIV.figure-right, DIV.figure-centre { /* float an image at left or right of a page */
    background-color: #FFFFFA;
    border: 1px solid #B3002C;
    color: #000000;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
    max-width: 175px;
    padding: 0.5em;
    width: auto;
    clear: both;
}

DIV.figure-left {
    float: left;
    margin-left: 0.5em;
    margin-right: 1em;

}

DIV.figure-right {
    float: right;
    margin-left: 1em;
    margin-right: 0.5em;
}

DIV.figure-centre {
	float: none;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
	vertical-align:top;
}    
    
/* PREVIOUS DIV.figure-centre SETTINGS
DIV.figure-centre {
    float: left;
    margin-left: 10em;
    margin-right: 1em;
}
*/

DIV.figure-left p, DIV.figure-right p, DIV.figure-centre p {
    font-size: smaller;
    margin-top: 10px;
    text-align: center;
    text-indent: 0;
}

DIV.sectionhead {
	clear: both;
	}


/* TEXT BLOCKS */

/* this style not used by archbook yet, but we'll keep it here in case we do
BLOCKQUOTE  {
    font-size: 80%;
    margin-left: 3%;
    margin-right: 3%;
    margin-top: 3%;
    margin-bottom: 3%;
} */

p {
    padding:0;
    margin-bottom: .5em;
}



P.clearboth { /* use this if you don't want anything floating next to the paragraph */
    clear: both;
    padding: 2em 0 0 0;
}

P.hang { /* used for bibliography entries that require a hanging indent  */
    text-indent: -1em;
    margin-left: 1em;
    margin-top: 0;
    margin-bottom: 0;
}

p.indented_quotation {
	margin-left: 2em;
	margin-top: -.5em;
	margin-bottom: 0;
	}

/* LINKS  */

A {
    color: #B3002C;
    text-decoration: none;

}

A:hover {
	text-decoration: none;
	border: none;
	border-bottom: #B3002c dotted 1px;
	}


#headnav A  {
    color: #B3002C;
    text-decoration: none;
    border: none;
}

A.activate_modal {
	text-decoration: none;
	border: none;
	}


/* IMAGES */

IMG {
	border: 0;
	}

#article_images {/*Grid of images on home page*/
	text-align: left;
	padding-top: 1em;
	}

#article_images IMG {
	height: 75px;
	width: 75px;
	border: #B3002c solid 1px;
	}

#article_images a {
	text-decoration: none;
	border: 0;
	padding-right: .25em;
	padding-bottom: .25em;
	}

IMG.titlepic { /* for the images used at the top of entries, beside the entry title  */
    border: #B3002c solid 1px;
}

#footer img {
	float: left;
	padding-right: 1em;
}

/* NOTES  */

SPAN.ref { /* for textual notes */
}

SPAN.ref a { /* user clicks on the link to go to the footnote; line-height is a hack so the superscript doesn't make the line spacing wacky */
    color: #B3002C;
    text-decoration: none;
    border: none;
    font-size: .8em;
    vertical-align: super;
    line-height:0;
}

SPAN.footnote { /* for endnotes */
	display: block;
	padding-bottom: .5em;
	}

/* LISTS */

#headnav UL{
	list-style-type: none;
	}
	
#headnav LI{
	margin-bottom:.25em;
	}

UL.none {
	list-style-type: none;
	margin: -.5em;;
	}

	
/*Header H Tags */

H3 {
	padding: 0;
	margin:0;
	margin-bottom: .5em;
	font-weight: normal;
	font-family: sans-serif;
	font-size: 150%;
	}

/*Section headings on the individual article pages*/
H4.normal {
	font-family: sans-serif;
	color:#000000;
	font-size:110%;
	padding-bottom: .5em;
	font-style:normal;
	margin:0;
	font-weight:normal;
	}

H4.normal a {
	border-bottom: none;
	color:#000000;
	font-style:normal;
	}
	
H5 {
	font-family: sans-serif;
	color:#000000;
	font-size:110%;
	padding-top: 1em;
	padding-bottom: 0;
	font-style:normal;
	margin:0;
	font-weight:normal;
	}

/* HR */

HR {
    color: #A46937;
}

/* FONT CHANGES AND MISCELLANEOUS APPEARANCE-RELATED STYLES */

SPAN.emph {
    font-size: 100%;
    font-weight: bold;
}

SPAN.title {
	font-size: 100%;
	font-style: italic;
}

.sc  {
    font-variant: small-caps;
}

.up1  {
    font-size: 120%;
}

.down1  {
    font-size: 80%;
}

.center  {
    text-align: center;
}

.left {
    text-align: left;
}

.right  {
    text-align: right;
}


.hide {
    display: none;
}


/* Modal Window CSS*/

DIV#mask{
   position:absolute; /* important */
   top:0px; /* start from top */
   left:0px; /* start from left */
   display:none; /* don't show it '*/
   padding: 0 0 300px 0;

   /* styling below */
   background-color: black;
    }

SPAN.modal_window{
    position:absolute; /* important so we can position it on center later */
    display:none; /* don't show it */

    /* styling below */
    background-color: #fff;
 	border: solid 1px #ccc;
 	font-family: arial,helvetica,sans-serif;
 	font-size: 90%;
 	margin:0;
 	padding: 5px 10px 20px 10px;
 	text-align: left;
 	z-index:1;
 	width: 700px;
    }
    
 
 SPAN.modal_header {
 	display:block;
 	padding: 1em 0 1em 0;;
 	font-weight: bold;
 	font-size: 110%;
 	}
 
 SPAN.figure_head {
 	display:block;
 	padding: 1em 0 1em 0;;
 	font-weight: bold;
 	font-size: 110%;
 	}
 
 SPAN.modal_text {
 	display: block;
 	
 	}
 
 SPAN.small_text {
 	padding-top: 1em;
 	font-size: 75%;
 	float: right;
 	}
 
 SPAN.close_modal {
	color: #B3002C;
	cursor: pointer;
	}
		
/*Bibliography Page*/

#bibliography_page > SPAN {
	display: block;
	text-indent: -2em;
    margin-left: 2em;
    margin-top: 0;
    margin-bottom: .5em;
    word-wrap: break-word;
	}


/*Glossary Page and Notes*/
#glossary_page > SPAN {
	display: block;
    margin-bottom: .5em;
	}

SPAN.glossary_head{
	display:block;
	font-family: sans-serif;
	margin-bottom: .5em;
	}

SPAN.glossary_entry {
	display:block;
	margin-left: 1em;
	margin-bottom: 1em;
	}

/*Entries Page */

#entries_table {	border: 0px solid white;
}

#entries_table td {	
	vertical-align: top;
}

.entry {
	display: block;
	font-size: 1.1em;
	height: 100px;
	clear: left;
	
	}

.entry IMG {
	height: 75px;
	width: 75px;
	border: #B3002c solid 1px;
/*	float: left; */
	margin-right: 1em;
	}

.entry .entry_title {
	/*float: left;*/
	position: relative;
	font-size: 16pt;
	font-family: sans-serif;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	}

.entry .entry_author {
	position: relative;
/*	font-variant: small-caps;/*
/*	float: left;
	top: 2.5em; */
	}

/* ***************************************  */
/* This is the ArchBook CSS stylesheet or pages less than 640px wide */
/* ***************************************  */


/* STRUCTURAL DIVS WITH IDS, AND IMPORTANT HOME PAGE ELEMENTS */

body.smallest #wrap { /* defines the shape and extent of the site content within the overall viewing area; wraps three child divs: #header, #content (or #bigcontent), and #footer */
	width: 95%;
	background: none;
}

body.smallest #header { /* wraps two child divs: #headtitle and #headnav  */
    height: inherit;
    text-align: center;
    
}

body.smallest #headtitle {

}

body.smallest #maintitle {
	display:block;
	margin-left: 0;
	font-size: 200%;
	font-weight:normal;
	line-height: 1em;
}

body.smallest #entrybody {
	width: 100%;
	}

body.smallest #footer {
	width: 100%;
	margin-left: 10px;
}



/* we use a div id='content' if we want a sidebar as well; otherwise we use div id='bigcontent' */
body.smallest #content, body.smallest #bigcontent {
    background-color: #FFFFFF;
    border: 2px solid #B3002C;
    width: 90%;
    margin-top: 10px;
    margin-left:10px;
    padding: 1em 1em 2em 1em;
}




/* Move sidebar links to top of page*/

body.smallest #headnav {
	float: none;
	display:block;
	width: 90%;
	margin-top: 0;
    margin-right: 0px;
    font-family: sans-serif;
    }


body.smallest #headnav UL{
	list-style-type: none;
	}
	
body.smallest #headnav LI{
	display:inline;
	padding: 0 .5em 0 .5em;
	}
	



/* ***************************************  */
/* This is for pages 640-800px wide */
/* ***************************************  */


/* STRUCTURAL DIVS WITH IDS, AND IMPORTANT HOME PAGE ELEMENTS */

body.smaller #wrap { /* defines the shape and extent of the site content within the overall viewing area; wraps three child divs: #header, #content (or #bigcontent), and #footer */
    background: url(../../site_images/header.png);
    background-repeat: no-repeat;
    width: 620px;
}

body.smaller #header { /* wraps two child divs: #headtitle and #headnav  */
    height: 127px;
    
}

body.smaller #headtitle {
    
}

body.smaller #maintitle {
    display: none;
}

body.smaller #headnav {
	width: 127px;
    float: right;
    margin-right: 0px;
    margin-top: 120px;
    font-family: sans-serif;
    }
    

/* we use a div id='content' if we want a sidebar as well; otherwise we use div id='bigcontent' */
body.smaller #content, body.smaller #bigcontent {
    background-color: #FFFFFF;
    border: 2px solid #B3002C;
    width: 454px;
    margin-left: 35px;
    padding: 1em 1em 2em 1em;
}

body.smaller #footer {
    width: 454px;
    margin-left:35px;
}


/* ***************************************  */
/* This is the ArchBook CSS stylesheet for pages over 1000px wide */
/* ***************************************  */


/* STRUCTURAL DIVS WITH IDS, AND IMPORTANT HOME PAGE ELEMENTS */

body.wider #wrap { /* defines the shape and extent of the site content within the overall viewing area; wraps three child divs: #header, #content (or #bigcontent), and #footer */
    background: url(../../site_images/header.png);
    background-repeat: no-repeat;
    width: 1000px;
}

body.wider #header { /* wraps two child divs: #headtitle and #headnav  */
    height: 127px;
    
}

body.wider #headtitle {
    
}

body.wider #maintitle {
    display: none;
}

body.wider #headnav {
	width: 127px;
    float: right;
    margin-right: 145px;
    margin-top: 120px;
    font-family: sans-serif;
    }
    
body.wider #footer {
	width: 600px;
    margin-left:127px; /*225*/
}


/* we use a div id='content' if we want a sidebar as well; otherwise we use div id='bigcontent' */
body.wider #content, body.wider #bigcontent {
    background-color: #FFFFFF;
    border: 2px solid #B3002C;
    width: 600px;
    margin-left: 127px;
    padding: 1em 1em 2em 1em;
}