/*
Theme Name: The Berkeley Revolution
Description: Stylesheet for testing, used for "The Berkeley Revolution" http://kristinalisejones.com
Project Manager: Scott Saul
Author: Scott Paul McGinnis
Editors: Kristin Jones, Chris Church
Revision History:
- Created 2013 May 27 spm
- Updated 2013 May 30 spm; 2013 May 31 spm; 2013 June 4; 2013 June 17 cc/spm;
- 2013 June 21: N. Washington St. map display css added (spm)
- 2013 July 24: styles for map-page.php template added
- 2014 Nov. 25: changing header to accommodate link to purchase book (spm)
*/
/* CSS Document */

/*HEADER header.php                 */
/* div#header>p {text-shadow: 1px 1px 1px #FFF;} */

/*
HEADER BACKGROUND SELECTORS
These set the background of the header. Selector: body (the id is pulled from a custom field).
*/
#people_menu_page #header {
background-image:url(http://kristinalisejones.com/assets/people.png);
}

#era_menu_page #header {
background-image:url(http://revolution.berkeley.edu/assets/banner-1.png);
}

#places_menu_page #header {
	background-image:url(http://kristinalisejones.com/assets/places.png);
}

#themes_menu_page #header {
	background-image:url(http://revolution.berkeley.edu/assets/banner-1.png);
}

#more_menu_page #header {
	background-image:url(http://revolution.berkeley.edu/assets/banner-1.png);
}

/*
Menu Page all
divs: 	left for the menu items (layout common to all menu-page); right for the page-specific content, for example the family tree
*/

#menu-page-left, #menu-page-right {padding-top:1.5em;}

#menu-page-left {
	float:left;
	width: 35%;
	padding-left: 5%;
	padding-right: 5%;
}

#menu-page-right {
	width: 50%;
	margin-left: 45%;
	margin-right: 5%;
}

li p.menu-page {
	margin: 1% 48% 0 0;
	font-size: 87.5%;
	line-height: 115%;
}

h3.menu-page {
	text-align:left;
	line-height: 110%; /*overrides the global h3 line-height*/
	margin: 1% 48% 0 0; /*added April 22 2017 */
}

hr.archive-rule {
	clear: left; /*ends the float property*/
	clear: right;
}



/*
Menu Page Gallery

Updated from Menu Page LEFT SIDE in order to apply Gallery logic to both left and right, C. Church, 06-21-2013
*/

.menu-page-body ul.gallery {
	width: 90%; /* changed from 100 on April 22 2017 */
	margin: 0 0 0 0; /*temporary to override the other stylesheet*/
}

.menu-page-body .gallery li {
	margin: 0em 0em 1.5em 0em;
	width: 100%;
	position: relative; /*necessary for the caption text to align properly*/

/*The following is a work-around in order to get rid of the height inherited from the other stylesheet*/

	min-height:8.5em;
	height:0em; 
}

.menu-page-body .gallery li img {
	width: 7em;
}

.menu-page-body ul.gallery li a:first-of-type {float:right;}

.menu-page-body ul.gallery li a:first-of-type:before, .menu-page-body ul.gallery li a:first-of-type:hover:before, .menu-page-body ul.gallery li a:first-of-type:after, .menu-page-body ul.gallery li a:first-of-type:hover:after {
	height: 137px;
}

/*
Menu Page RIGHT SIDE:

Image or Dynamic Content
*/

#menu-page-right>div, #menu-page-right img {
	max-width: 100%;
}

/*
menu-page places

aligns the maps on the rights side of the PLACES MENU PAGE
*/

#places_menu_page #menu-page-right .entry {margin-top: 0;}

#places_menu_page #menu-page-right .entry p:last-of-type {/*set to undo the indent of the paragraphs*/

	text-indent: 0em;
}

/*
MAP PAGE TEMPLATE for map-page.php
(e.g. North Washington Street Map Display)
*/

/*map-page.php TEXT*/
#introTextSingleCol-withMap {
	width:100%;
	position:relative;
}

#introTextSingleCol-withMap p, #introTextSingleCol-withMap h3 {margin-right: 30%;}

h1.map-page {/*ensures that a long title won't overlap with the maps*/
	max-width:48%;
}

#introTextSingleCol-withMap h3 {/*This makes the h3 behave with other h3; should be consolidated*/
	padding:.8em 0 .4em 0;
}

/*map-page.php MAPS and IMAGES			*/
.map-wrapper {position:relative;}

#introTextSingleCol-withMap .map-wrapper a.colorboxToggle {z-index: 1000; right:1px; position:absolute;}

#introTextSingleCol-withMap .map-wrapper a.colorboxToggle img {height: 20px; width: 20px;}

/*map-page.php MAP CAPTIONS common to all versions of the map-page template			*/

#introTextSingleCol-withMap.truncated-node h5.captionI, #introTextSingleCol-withMap.full-node h5.captionII {/*Determines which set of captions to display; should be common to all (if there are alts?)*/
	display:none;
}

#introTextSingleCol-withMap h5 {
    float:right;
    text-indent: 0px;
    width:45%;
    padding-left:5%;
    text-align:right;
	position:relative;
}

#introTextSingleCol-withMap h5.captionI {
	margin: 0 0 2% 3%;
}

#introTextSingleCol-withMap h5.captionII {/*sets the caption for the NWS images when the text is truncated; this will need to be checked for browser interoperability*/
    clear: both;
	margin: 10px 0 20px 0;
}

h5>span.small-caps {
	font-variant: small-caps;
	font-weight: bold;
}

/*map-page.php - - Map positioning for full node (not truncated) - - common to all versions		*/
#introTextSingleCol-withMap img {
	width:50%;
	border-style:solid;
	border-width:3px;
	float:right;
	margin-left:3%;
}

/*  BEGIN .maps1 position and style, for use with the map-page template     */

.maps1 h5>span.small-caps {
    display: none;
}

/*  BEGIN .maps2 position and style, for use with the map-page template     */

.truncated-node div.maps2 {
    width:70%;
    margin-left: 30%;
}

#introTextSingleCol-withMap.truncated-node .maps2 img {
    margin-left: 5%;
}

#introTextSingleCol-withMap.truncated-node .maps2>div.map-wrapper:nth-of-type(2) img {
    margin-top:2%;
} 

/*  BEGIN .maps3 position and style, for use with the map-page template	    */
#introTextSingleCol-withMap.truncated-node .maps3 img {
	padding-left: 0;
	position: relative;
	margin-left:3%;
}

#introTextSingleCol-withMap.truncated-node .maps3 div.map-wrapper:nth-of-type(2) img{
	width:24%;
	position:relative;
	clear:both;
	float:right;
	right: 212px;
	margin-top: 10px;
}

#introTextSingleCol-withMap.truncated-node .maps3 div.map-wrapper:nth-of-type(3) img {
	width:24%;
	position:relative;
	left: 227px;
	margin-left: 1%; /*This puts a margin to the left of the start position of the element*/

	margin-top: 10px;
}

#introTextSingleCol-withMap blockquote.maps3 {/*this probably needs to be re-written now that the template has been made*/
	width:25%;
	position: absolute;
	bottom:900px; /*This might push it up over the maps ... double check on different screens and zoom levels*/

	right:0px;
}

/*  END .maps3 positioning			*/
/*  BEGIN .maps4 position and style, for use with the map-page template     */

#introTextSingleCol-withMap.truncated-node .maps4 img {
	padding-left: 0;
	position: relative;
	margin-left:3%;
}

#introTextSingleCol-withMap.truncated-node .maps4 div.map-wrapper:nth-of-type(2) img{
	width:16%;
	position:relative;
	clear:both;
	float:right;
	right: 278px;
	margin-top: 1%;
}

#introTextSingleCol-withMap.truncated-node .maps4 div.map-wrapper:nth-of-type(3) img {
	width:16%;
	position:relative;
	left: 23px;
	margin-top: 1%;
}


#introTextSingleCol-withMap.truncated-node .maps4 div.map-wrapper:nth-of-type(4) img {
	width:16%;
	position:relative;
	left: 323px;
	margin-left: 1%; /*This puts a margin to the left of the start position of the element, which affects the text to the left.*/
	margin-top: 1%;
}

#introTextSingleCol-withMap.truncated-node .maps4>h5.captionII {
    width:50%;
    padding-left: 5%;
}

/*  BEGIN .maps5 position and style, for use with the map-page template     */
#introTextSingleCol-withMap.truncated-node .maps5 img {
	padding-left: 0;
	position: relative;
	margin-left:3%;
}

#introTextSingleCol-withMap.truncated-node .maps5 div.map-wrapper:nth-of-type(2) img{
	width:24%;
	position:relative;
	clear:both;
	float:right;
	right: 212px;
	margin-top: 10px;
}

#introTextSingleCol-withMap.truncated-node .maps5 div.map-wrapper:nth-of-type(3) img {
	width:24%;
	position:relative;
	left: 227px;
	margin-left: 1%; /*This puts a margin to the left of the start position of the element*/
	margin-top: 10px;
}

#introTextSingleCol-withMap.truncated-node .maps5 div.map-wrapper:nth-of-type(4) img{
	width:24%;
	position:relative;
	clear:both;
	float:right;
	right: 212px;
	margin-top: 10px;
}

#introTextSingleCol-withMap.truncated-node .maps5 div.map-wrapper:nth-of-type(5) img {
	width:24%;
	position:relative;
	left: 227px;
	margin-left: 1%; /*This puts a margin to the left of the start position of the element*/
	margin-top: 10px;
}


/*TEXT STYLING*/

.page-template-home-php p {text-align:justify;}

/*
Styling for the Post Page (single.php)
*/

.postImage {float:left;}

.postInfo {float:right;}

#postNavInfo {
	position:absolute; 

	bottom:0px;
}

.displayPost { 

position:relative;
overflow:auto;
}

.displayPost a { 
	color:rgb(255,56,48);
	/*color:rgb(55, 188, 211); commented out again May 8*/
/*color:rgb(255,56,48); commented out May 8 */
/*color:#E6A75A; commented out May 3 */
}

.postNavInfo {
	position:absolute; 

	bottom:0px;
}

#download-file-link {text-align:center;}

.single .archiveRule { 
	/*change padding for the single post page*/
	margin:1em auto 1em auto;
}

.postImage img {
	/*width:35em;*/
}

.entry p a, a.more-less-button { 
	color:rgb(255,56,48);
	/*color:rgb(55, 188, 211); commented out May 8 */
/*color:rgb(255,56,48);*/
/*color:rgb(160,140,11);*/
}

/*
More Less Button
*/

a.more-less-button {
font-size:larger;
font-weight:bold;
font-variant: small-caps;
color:rgb(255,56,48);
/* color:rgb(55,188,211); commented out again May 8 */
/*color:rgb(255,56,48); commented out May 8*/
}

/*
Template part: people-network.php
SVG Network Styling
The SVG styling should probably be made into its own file
*/

	/*CANVAS*/

		svg {height:100%;width:100%;}

	/*LINKS*/

		#edges path {stroke-width:4;stroke-opacity:0.498;}

	/*FAMILY*/

    		.st1{fill:rgb(255,190,115);} /*NODES-FAMILY previous #ACD020*/

    		.st2{fill:none;stroke:rgb(255,190,115);} /*LINKS-FAMILY-TO-PLACE*/

    		.st3{fill:none;stroke:rgb(255,190,115);} /*LINKS-FAMILY-TO-PLACE*/	

    		.st5{fill:none;stroke:rgb(255,190,115);} /*LINKS PRYOR-TO-FAMILY*/

	/*LEGEND*/

	 	.st4 {font-family:inherit;} /*legend-text*/

		.st7 {font-size:18px;} /*legend-text*/

	/*PRYOR*/

		.st8{fill:#23A5CE;} /*NODE Richard Pryor*/

	/*TEACHERS*/

    		.st9{fill:rgb(255,155,0);} /*NODES Teachers*/

    		.st6{fill:none;stroke:rgb(255,155,0);} /*LINKS TEACHERS-TO-PLACES*/

	/*FRIENDS*/

    		.st0{fill:rgb(0,66,184);} /*NODES-FRIENDS*/

    		.st12{fill:none;stroke:#23A5CE;} /*LINKS FRIENDS-TO-PLACES*/

    		.st13{fill:none;stroke:#23A5CE;} /*LINKS PRYOR-TO-FRIENDS*/

	/*EMPLOYERS*/

    		.st14{fill:rgb(206,45,42);} /*NODES-EMPLOYERS*/

    		.st10{fill:none;stroke:rgb(206,45,42);} /*LINKS EMPLOYERS-TO-PRYOR */

    		.st16{fill:none;stroke:rgb(206,45,42);} /*LINKS EMPLOYERS-TO-PLACES*
	/*PLACES*/

		.st15{fill:rgb(110,90,0);} /*NODES-PLACES*/

		.st11{fill:none;stroke:rgb(110,90,0);} /*LINKS PLACES-TO-PRYOR */

	#nodes {cursor:default;}

	#nodes a {cursor:pointer;}

	#nodes circle {opacity:0.85;}

	#nodes a:hover > circle {opacity:1;}

	#nodes a:hover > text {letter-spacing:10;font-weight:bold;}

	#nodes text {
		font-family:inherit;
		font-size:22px;
		text-anchor:middle;
		-moz-text-shadow: 0px 1px 7px #FFFFFF;  /*these might not be nec. check browser compliance*/

		-webkit-text-shadow: 0px 1px 7px #FFFFFF;
		text-shadow: 0px 1px 7px #FFFFFF;
	}

	.menu-page-caption p {padding:10px;}

.flashPopout {position:relative;}

.fullscreenButton {height: 30px; width: 30px; z-index: 1000; position: absolute;bottom:1%;left:1%;}

#map-fallback {width:100%;}

#network-fallback {width:100%;}


/*Eras Timeline - jQuery timeline - override default css*/
#pryor-timeline div.vertical-timeline-timeline {margin-top: 0px;padding-top:0px;}

#pryor-timeline div.vertical-timeline-buttons {margin-bottom:0px;}

#pryor-timeline .vertical-timeline-buttons {height:auto;}

#pryor-timeline .vertical-timeline-buttons a {font-size:8px;padding:5px;}

#pryor-timeline .vertical-timeline-buttons div {padding:0px;padding-bottom:10px;margin-bottom:10px;margin-top:0px;display:inline-block;}

#pryor-timeline div.vertical-timeline-buttons {margin-top:0px;}

#pryor-timeline .post h3 {font-size:12px;}

#pryor-timeline .group-marker {margin: 0px 0 15px 0;}

#pryor-timeline img {width: 35%;float: left;padding-right: 5px;}

#pryor-timeline .text {font-size:10px;}

#pryor-timeline .post a.more {
	color: #000;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	height: 20px;
	border: 1px #000 solid;
	background-color: #FFF;
	display: block;
	float: left;
	line-height: 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 1px 0px #000;
	-moz-box-shadow: 0px 1px 1px 0px #000;
	box-shadow: 0px 1px 1px 0px #000;	
}

/*For the CAROUSEL arrows*/
a#simplePrevious>h2, a#simpleNext>h2 {
    font-size:3em;
    line-height:.75em;
}

#carousel>div.curtains.left {
	left: 3em;
	padding-top: .8%; /* Added May 2 */
}
#carousel>div.curtains.right {
	right: 3em;
	padding-top: .8%; /* Added May 2 */
}

#simplePrevious, #simpleNext{
	z-index: 1000; /*lower the z-index, because the next/prev links were being rendered on top of everything else*/
}

a#simplePrevious, a#simpleNext, a#simplePrevious:visited, a#simpleNext:visited {
	-moz-text-shadow: 0 0 3px rgb(255,190,168);  /*these might not be nec. check browser compliance*/
	-webkit-text-shadow: 0 0 3px rgb(255,190,168);
	text-shadow: 0 0 3px rgb(255,190,168);
}

a#simplePrevious:hover {
	-moz-text-shadow: -1px 0px 1px rgb(25,25,24);  /*these might not be nec. check browser compliance*/
	-webkit-text-shadow: -1px 0px 1px rgb(25,25,24);
	text-shadow: -1px 0px 1px rgb(25,25,24);
}

a#simpleNext:hover {
	-moz-text-shadow: 2px 0 1px rgb(25,25,24);  /*these might not be nec. check browser compliance*/
	-webkit-text-shadow: 2px 0 1px rgb(25,25,24);
	text-shadow: 2px 0 1px rgb(25,25,24);
}

a#simplePrevious:active, a#simpleNext:active {
	-moz-text-shadow: 1px 1px 2px rgb(255,190,168);  /*these might not be nec. check browser compliance*/

	-webkit-text-shadow: 1px 1px 2px rgb(255,190,168);
	text-shadow: 1px 1px 2px rgb(255,190,168);
}

hr.archiveRule {height:0px;}

/*
HEADER
*/

#header span.bookTitle {
	font-style:normal;
}

#header p.subhead {
	font-size: 20px;
        font-weight: bold;
        color: #000;
}

div#page-wrap {
	margin-top:.75em;
	/*margin-left:14%;  added April 20 2017 for illusion of centeredness */
}

div#header {height:10em; width:88%; float:left;} 

div#header>h1 {
    font-size:9em; 
    padding-top:.05em; 
padding-left:10%;
}

div#header>p {
    padding: 0 4em .3em 0;
}

#bookPurchase img {width:100px; height:150px; display:block; margin:0px; padding-top:5px;}

#nav {clear:both;}

div.entry {
    margin-top: 1em;
}