
/*----------------------------------------------------------------------*/
/*                                                                      */
/*    PUBLIC JOURNAL STYLESHEET                                         */
/*    REVISED 10.4.20                                                   */
/*                                                                      */
/*    CONTAINS CONTRIBUTION-SPECIFIC STYLES  (IF ANY)                   */
/*                                                                      */
/*    BRIAN LONSWAY                                                     */
/*    CO-DESIGN EDITOR, PUBLIC                                          */
/*                                                                      */
/*----------------------------------------------------------------------*/



.gallery-body {
	position:relative;
	background-color: transparent;

}

.gallery-bg {
	position:absolute;
	z-index: -1;
}

.gallery-outer-wrapper {
	position:relative;
	float:left;
	width:650px;
	top:0px;
	left:0px;
	background-color: #FAC710;
}

.gallery-wrapper {
	position: relative;
	max-width: 530px;
	min-width: 530px;
	width: 530px;
	padding:25px 0px 25px 0px;
	border:1px solid #333;
}


.header-image {
	position:relative;
	z-index:5;
	width:1045px;
	height:150px;
	padding:20px;
	background-color:black;
	top:-30px;
	left:-1px;
}

.header-image-inner {
	width:100%;
	height:100%;
	background-image: url("assets/roots_seamless-01.svg");
	background-color: white;
}

.gallery-row1_title h1 {
	width:80%;
	padding:0px 25px 0px 25px;
	border-width:0px;
	margin-bottom: 0px;
	background-color: #F2F2F2;
	border-width:1px 1px 1px 0px;
	border-style: solid;
	border-color: #333;
}

.gallery-row1_title h2 {
	width:80%;
	margin: 0px 0px 20px 0px;
	padding:0px 25px 0px 25px;
	font-size:2.5em;
	background-color: #FEF445;
	border-width:1px 1px 1px 0px;
	border-style: solid;
	border-color: #333;
}

.gallery-contributors {
	padding:0px 25px 0px 25px;
}

.gallery-row2_body h2 {
	display:block;
	width:70%;
	padding:10px 15px 10px 25px;
	margin-bottom:0px;
	background-color: #F2F2F2;
	border-width:1px 1px 1px 0px;
	border-style: solid;
	border-color: #333;
}

.after-h2 {
	width:70%;
	height:40px;
	padding:0px 15px 0px 25px;
	background-color: #FEF445;
	border-width:0px 1px 1px 0px;
	border-style: solid;
	border-color: #333;

}

.gallery-row2_body p {
	font-family:"Futura W01 Medium";
	text-align:justify;
	padding: 0px 25px 0px 25px;
}

blockquote {
	padding: 10px 30px 10px 30px;
}

blockquote:after {
  content: '';
  width: 50%;
  height: 2px;
  background: gray;
  position: absolute;
  left:105px;
}


.quote-author {
	padding-left:100px;
}




#graphics-right {
	position:absolute;
	left:650px; 
	margin-top:50px;
}

.gallery-bg {
	position:absolute;
	z-index:-1;
}


.color-block {
	border:1px solid #333;
}



.color-block.transparent {
	background-color: transparent;
}

.color-block.black {
	background-color: black;
} 

.color-block.white {
	background-color: white;
} 

.color-block.light-blue {
	background-color: #BBF2F4;
}

.color-block.cyan {
	background-color: #12CDD4;
}

.color-block.grey {
	background-color: #808080;
}

.color-block.yellow {
	background-color: #FEF445;
}

.color-block.orange-red {
	background-color: #F24726;
}

.color-block.brown {
	background-color: #C17702;
}

.color-block.chartreuse {
	background-color: #CEE741;
}

.color-block.taupe {
	background-color: 	#B3B398;
}

.color-block.gold {
	background-color: #CAA623;
}

.color-block.orange {
	background-color: #FF6500;
}

.color-block.dark-grey {
	background-color: #484646;
}

.color-block.yellow-green {
	background-color: #E3D94D;
}

.color-block.gold-green {
	background-color: #ECCD00;
}

.color-block.dandelion {
	background-color: #FAC710;
}

.color-block.dark-orange-red {
	background-color: #D53922;
}

.no-top-border {
	border-top:0px;
}



#upper-grid, #mid-grid, #mid-grid2, #bot-grid{
	background-image: url("assets/graphPaper_bw-02.svg");
	background-repeat: repeat;
	z-index:-10;
}

#upper-grid-brown, #mid-grid-brown, #bot-grid-brown {
	background-image: url("assets/brown_graph_paper.jpg");
	background-repeat: repeat;
	z-index:-10;
}

.worksCited {
	padding-left:0px;
}

.worksCited p {
	margin-left:25px;
	text-align:left;
}

.endNotes p {
	text-align:left;
}

.inline-media-for-printing {
	display:none;
}

@media only print {

	#graphics-right {
		display:none;
	}


    .gallery-wrapper {
        border-width:0px;
        max-width:none;
        width:100%;
        margin:auto;
        top:auto;
    }

	.gallery-outer-wrapper {
		width:100%;
	}

	#header-image {
		width:100%;
	}

	.inline-media-for-printing {
		display: block;
		width:50%;
		margin:20px auto 10px auto;
	}



	.force-print {
		display: block;
		width:60%;
		text-align: center;
	}

	.gallery-row1_title h1, .gallery-row1_title h2,.gallery-row2_body h2, .after-h2 {
		width:80%;
	}

	.abstract p {
		margin-left: 25px;

	}



}