/*
Theme Name: Sheila Jasanoff's theme #4
Theme URI: 
Author: Alex Wellerstein
Author URI: http://alexwellerstein.com/
Description: 
Version: 1.0
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* Styling */

body {
	margin: 0;
	padding: 0;
	z-Index: -100;
	font-family: "Source Sans Pro", "Helvetica Neue","Helvetica","Arial","Sans";
	-webkit-font-smoothing: subpixel-antialiased;
}

body.inner {
	background-color: white;
	background: url("images/sari-contrast9.jpg") 20px 90px no-repeat #fff;

}

body.home {
	background: url("images/purpletexture.png") #3a2842 fixed;
}

b, strong {
	font-weight: 500;
	color: black;
	font-size: 110%;
	letter-spacing: 1.5px;
}

.home b, .home strong {
	color: #fff;
}

i, em {
	font-style: italic;
}

.cap {
	font-size: 550%;
	float: left; 
	line-height: 60px; 
	padding-top: 8px; 
	padding-right: 2px; 
	padding-left:  2px; 
	font-weight: 300;
}


.home #back {
	position: fixed;
	background: url("images/sari-contrast6crush.png") repeat fixed center;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-Index: -100;
	opacity: .5;
}

.inner #back {
	position: absolute;
	top: 90px;
	left: 20px;
//	height: 1771px;
//	height: 200vh;
//	bottom: 0px;
	right: 0px;
	z-Index: -100;
	opacity: .4;
}

#lower, #upper {
	position: relative;
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 850px;
}


.home #upper {
	width: 950px;
	margin-top: 26px;
}

.inner #upper {
	width: 850px;
	margin-top: 17px;
}

#lower {
	width: 850px;
}


.wide #lower-inner, #lower.wide, .wide #text {
	width: 950px !important;
	left: 0 !important;
}

#lower-inner {
	position: absolute;
}

#text {
	position: relative;
	font-weight: 300;
	color: #eee;
	color: #444;
	font-size: 13pt;
	line-height: 20pt;
	width: 550px;
	width: 780px;
	letter-spacing: 1px;
}

.home #text {
	color: #eee;
}

#text p {
	margin-top: 1em;
}

#text.text-left p {

}

#text.text-right p {

}

.home #shadow {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 100%;
	background-color: #291131;
	z-Index: -10;
	opacity: .7;
}

#upper {
	color: #fff;
	/* 	
	background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));  
	background: linear-gradient(to top, rgba(41,17,49,.7), rgba(41,17,49,0)); 
	background: linear-gradient(to top, rgba(41,17,49,.7), rgba(41,17,49,.2)); 
	*/
	//border: 1px solid red;
	//padding-bottom: 10px;
	//padding-top: 40px;
	padding-top: 15px;
	z-index: 10;
}

ul {
	list-style-type: square;
	margin-left: 1em;
	padding-left: 1em;
}

ul li {
	padding-left: .5em;
	margin-bottom: .5em;
	margin-top: .5em;
}

#topbar {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: .8;
	opacity: 1;
}

.home #topbar {
	background: url("images/bar3.jpg");
	height: 160px;
	box-shadow: 0px 0px 20px #111;
}

.inner #topbar {
	background: url("images/bar5.jpg");
	height: 120px;
	box-shadow: 0px 0px 15px #522;
	top: -10px;

	/* SJ */

	background: url("images/bar3.jpg") 0px -20px;
	height: 140px;
	//top: 10px;
}


.home #text {
	padding-top: .5em;	
}

.inner #text {

}


h1 {
	position: relative;
	display: inline-block;
	font-family: "Cormorant Garamond","Garamond","Serif";
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 24pt;
	margin: 0;
	width: 100%;
	text-align: center;
	padding: 0;
	top: 25px;
	top: 0px;
}

h1 a {
	color: white;
	text-decoration: none;
	opacity: .9;
	opacity: 1;
	color: #eee !important;
	text-shadow: 0px 0px 15px #000;
}

h1 a:hover {
	opacity: 1;
	text-shadow: 0px 0px 2px #fff;
	text-shadow: 0px 0px 2px #ddd;
	color: #fff !important;
}

.home h1 {
	font-size: 40pt;
}

.boxshadow {
	box-shadow: 0px 0px 20px #111;
}

h3 {
	font-weight: 200;
	margin: 0;
	padding: 0;
	font-size: 13pt;
	text-shadow: 2px 0px 5px #000;
	text-align: center;
}

.home h3 {
	font-size: 16pt;
}

h2 {
	color: white;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 22pt;
	line-height: 24pt;
	margin: 0;
	padding: 0;
}

#upper h3 {
	margin-bottom: 30px;
	margin-bottom: 9px;
	padding: 3px;
	color: #eee;
	letter-spacing: 1px;
	text-shadow: 0px 0px 15px #111;
}

#upper-inner {

}

#menu {
	font-size: 14pt;
	font-size: 12pt; 
	text-align: center;
}

.home #menu {

}

#menu li {
	display: inline ;
	text-align: left;
}


#menu ul li a {
	background-color: rgba(0,0,0,.3);
	display: inline-block;
	font-weight: 200;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: .4em;
	padding-bottom: .5em;
	color: #ddd;
	text-decoration: none;
	text-shadow: 0px 0px 15px #fff;
	z-index: 1000;
}

#menu ul li ul li a {
	color: #ddd !important;
}

.inner #menu ul ul li a {
	background-color: rgba(34,13,42,.8);
	background-color: rgba(52,20,64,.8);
	text-shadow: none;
}

.home #menu ul ul li a {
	background: #220d2a;
	background: #4a1c5b;
	background-color: rgba(52,20,64,.9);
	text-shadow: none;
}

#menu a:hover {
	color: white !important;
	background-color: #291131;
}

#menu ul li.current_page_item a {
	color: white;
	background-color: #291131;
}

#menu ul li:hover > a {
	color: white;
	background-color: #291131;
}

.home #menu ul ul li a:hover {
	background: none;
	background-color: #000;
	color: white;
}

.inner #menu ul ul li a:hover {
	color: white;
	background-color: #291131;
}

.home #text img {
	position: absolute;
	right: 0px;
}

.inner #text img.alignleft {
	float: left;
	margin-right: 1.5em;
	margin-bottom: .5em;
}

.inner #text img.alignright {
	float: right;
	margin-left: 1.5em;
	margin-bottom: .5em;
}

.inner #text img.aligncenter {
	display: block;
	margin-left:auto;
	margin-right: auto;
}

.inner #text img.alignnone {
	display: block;
}

#text img.alignleft, #text a img.alignleft, #text img.alignright, #text a img.alignright {
	border: 7px solid #c64417;
}

.inner #upper {
	padding-top: 0px;
}

.inner #lower {

}

.inner #topbar {

}

.inner #menu {
	/* SJ */
	padding-top: 20px;
}

.inner #back {

}


.inner #upper-inner h3 {
	font-size: 12pt;
}

#sh {
	display: block;
	position: absolute;
	width: 100%;
	left: 0;
	top: 30px;
	height: 130px;
	background-color: #000;
	opacity: .3;
	z-index: -5;
}

.copyright {
	color: #eee;
	font-size: 9pt;
	font-style: italic;
	opacity: .2;
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 5px;
}

.breadcrumb {
	position: absolute;
	top: 0;
	text-decoration: none;	
	font-size: 10pt;
	height: 14pt;
}

.breadcrumb a {
	letter-spacing: normal;
}

.breadcrumb a:hover {
	opacity: 1;
}

.lowcrumb {
	font-size: 11pt;
}

.lowcrumb a {
	letter-spacing: normal;
}




.home #text {
	width: 100%;
}

.home #text p {
	width: 55%;
	width: 65%;

}
.inner #text {
	font-size: 11pt;
	font-weight: 300;
	color: #000 !important;
	letter-spacing: normal;
}

#all {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

a:link, a:active, a:visited {
	color: navy;
	text-decoration: none;
}

a:hover {
	color: #2222dd;
	text-decoration: underline;
}

a.def_link {
	color: #eee;
	border-bottom: 1px dashed white;
}

a.def_link:hover {
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid white;
}

.def_definition {
	padding-left: 1em;
	margin-left: 1em;
	font-size: 12pt;
	font-style: italic;
	border-left: 10px solid #eee;
}

.def_definition i, .def_definition em {
	font-style: normal;
}


h1 a:hover {
	text-decoration: none;
}

.inner #text {
	color: #111;
	padding: 0;
	padding-bottom: 2em;
	margin-top: .5em;
	box-shadow: 0px 0px 20px #fff;
	left: 130px;
	width: 700px;
}

.inner #text.text-left {
	left: 0;
}

.inner #text.text-right {

}


.inner #text #textback {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: white;
	z-Index: -1;
	opacity: .5;
}


.inner #text h2 {
	padding-top: .7em;
}

.inner #text strong, .inner h2 {
	color: #000;
}

#submenu {
	left: -50px;
	position: absolute;
	font-size: 14pt;
	text-align: right;
	top: 4em;
	z-index: 10;
	padding-bottom: 2em;
}

#submenu  ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

#submenu a {
}
#submenu li {
	margin-bottom: .25em;
	padding-left: 0;
}

#submenu a {
	font-size: 11pt;
	letter-spacing: 1px;
	letter-spacing: normal;
	font-weight: 600;
	text-decoration: none;
	opacity: .7;
	display: block;
	width: 150px;
	text-align: right;

	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	
}

#submenu a:hover {
	color: #000;
	opacity: 1;
	text-shadow: 0px 0px 10px #fff;
}

#submenu .current_menu_item a {
	color: #000;
	font-weight: 400;
	opacity: 1;
	background-color: rgba(34,13,42,.8);
	color: #fff;
}


.submenu_parent {
display: block;
width: 250px;
	box-shadow: none !important;
	background-color: transparent !important;
	color: #eee !important;
	font-size: 10pt;
	margin-left: .5em;
	font-style: italic;
	letter-spacing: 1px;
	font-weight: 100;
	line-height: 20pt;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

a.submenu_parent:hover {
	text-shadow: none !important;
}


#map {
	margin-top: 1em;
	margin-bottom: 1em;
}

#maptext {

}

#maptext h2 {
	padding-top: 0 !important;
}

#maptext_footer {
	margin-top: 1em;
	font-size: 10pt;
}

#books {
	padding-top: 1em;
}

#books .book_entry {
	padding-bottom: 1.5em;
	padding-top: 1.1em;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid silver;
}

#books .book_citation.has_image {
	margin-left: 8em;
}

#books .book_citation, .book_notes {
	margin-bottom: .5em;
}

#books .book_notes {
	font-size: 90%;
	font-style: italic;
}

#books .book_notes.has_image {
	margin-left: 9em;
}

#books .book_cover {
	position: relative;
	width: 100px;
	height: 150px;
	top: 5px;
	float: left;
	border: 1px solid gray;
}

#books p {
	margin-top: 0;
}


#menu {
	font-size: 12pt;
}

#menu ul {
	padding: 0px; margin: 0px;
}

#menu ul li {
	margin-bottom: 0px;
	margin-top: 0px;
}

#menu ul ul {
	display: none;
	padding: 0px; margin: 0px;
}

#menu ul ul li {
	padding: 0px; margin: 0px;
}

	#menu ul li:hover > ul {
		display: block;
	}


#menu ul {
	list-style: none;
	position: relative;
	display: inline-table;
}
	#menu ul:after {
		content: ""; clear: both; display: block;
	}

	#menu ul li {
		float: left;
	}
		
		#menu ul li a {
			display: block; 
		}
			
		
	#menu ul ul {
		padding: 0;
		position: absolute; top: 100%;
	}
		#menu ul ul li {
			float: none; 
			position: relative;
		}
			#menu ul ul li a {

			}	
				#menu ul ul li a:hover {

				}
		
	#menu ul ul ul {
		position: absolute; left: 100%; top:0;
	}


	#upper h1 {
		font-size: 40pt;
		font-style: italic;
		top: -8px;
		letter-spacing: 0;
		opacity: .7;
	}
	
	
	#upper h1:hover {
		opacity: 1;
		z-index: 120;
	}

	.inner #text {
		font-family: "Roboto";
	}
	
	#upper h3 {
		font-family: "Source Sans Pro","Helvetica Neue","Helvetica","Arial","Sans";
		position: relative;
		top: -20px;
		z-index: 100;
		letter-spacing: 0 !important;
		text-shadow: 0px 0px 2px #000;
		color: #ccc;
	}
	
	.inner #menu {
		position: relative;
		top: -21px;
	}

	.home #upper h1 {
		font-size: 50pt;
		opacity: .9;
		top: -15px;
	}
	.home #upper h3 {
		top: -13px;
		font-size: 15pt;
	}
	.inner #upper h3 {
		top: -16px;
		top: -2px;
	}
	

	
	.home #menu {
		position: relative;
		top: -12px;
	}
	#menu {
		letter-spacing: 1px;

	}
	#menu ul li a {
		background: none;
		text-shadow: 0px 0px 2px rgba(0,0,0,.3);
	}
	.inner #topbar {
		margin-left: auto;
		margin-right: auto;

	}
	#upper,#topbar {
		position: fixed;
		z-index: 100;
	}
	.inner #text {
		box-shadow: none;
	}	

	.inner #lower-inner {
		margin-top: 110px;
		margin-top: 120px;
	}
	.home #lower-inner {
		margin-top:150px;
		margin-top:160px;
	}
	#submenu {
		top: 180px;
	}
	#submenu a {
		font-size: 12pt;
	}

#photos {
	margin-left: 1em;
}

.noborder {
	border: 0 !important;
}

.book_citation em {
	font-weight: 400;
	font-size: 120%;
}

#text a {
	font-weight: 400;	
}

#map_data_list h3 {
	text-shadow: none;
	text-align: center;
	font-weight: light;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-top: .5em;
	margin-bottom: .5em;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: rgba(127,127,127,.1);
	clear: both;
}

#map_data_list h4 {
	font-size: 120%;
	clear: both;
}	

.map_data_list_content p {
	margin-top: .25em !important;
}
.map_data_list_content {
	padding-bottom: 1em;
}