@charset "UTF-8";

/*
A submission for Shane Howell's CSS ZENgineer Project
	My Design is titled: HalloZeenGarden
	My Name is: Tiffany Hudgins
	My solution is heavily referencing "Ballade"
		– Design by Charlotte Lambert
  		- http://charlotte.flibuste.net
*/
/*	This CSS file accompanies my CSS ZENgineer Project */


/*	/////  CSS CITATIONS */
/* 	This CSS file is released under the Creative Commons License - 
		- http://creativecommons.org/licenses/by-nc-sa/4.0/  /* 
/* 	License Allows: adaptations and commercial use, but requires share-and-share alike and attribution to me  /*


/* 	/////  IMAGE CITATIONS */
/* 	Images are all cited below and not included in the CC4.0 above, which is limited to the CSS only /* 

/*	The image cited below is released under Creative Commons License cc0 and courtesy of Pixabay. 
		- Backgrouond_Image.jpg 
/*
/* The images cited below are Public Domain, curated by Graphics Fairy.
https://creativecommons.org/publicdomain/zero/1.0/
			- Title.png
			- Summary_Header.png
			- Para_NoWords_Wide.png
			- Para_NoWords.png
			- Preamble_Header.png
			- Design_Selection.png
			- Explanation_Header.png
			- Participation_Header.png
			- Benefits_Header.png
			- Requirements_Header.png
			- Archive_Header.png
/* 
/* The images of tape are used under a Royalty-free license, provided by CreativeFabrica.com.
/*
/* All images are heavily edited by the designer, Tiffany Hudgins. */

/* 	/////  FONT CITATIONS */
/*  The fonts "nWorder" and "Roman_Antique" (used on the header images) are used under a Personal Usage License, provided by DaFont.com.  */
*{
	
	margin:0;
	padding:0;
	/*background-color:rgba(255,106,109,.20);*/
}

@font-face {
	font-family: "nWorder";
	src:url("nWorder.otf");
	src: url("nWorder.ttf");
}

html {
	background-color: #303031;
}

a {
	text-decoration: none;
	color: #690000;
}

a:hover, a:active{
	color: #cd0b0b;
}

a :visited{
	color: #020204;
}

abbr {
	color: #454545;text-decoration: none;
}

section::before {
	content: url(Background_Image.jpg);
	background-position: center;
	background-repeat: no-repeat;
	position:fixed;
	z-index:-1;
	width: 1366px;
	height: 800px;
}

.page-wrapper {
	width: 1366px;
	margin: 0 auto;
}

#zen-intro h1 {
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto -160px;
	background-image: url(Title.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	padding-bottom: 716px;
	text-indent: 400%;
  	white-space: nowrap;
  	overflow: clip;
}

#zen-intro h2{
	width: 100%;
	height: 385px;
	margin: 0 auto;
	padding: 0 222px;
	background: url("Summary_Header.png") center no-repeat;
	text-indent: 400%;
    white-space: nowrap;
  	overflow: clip;
}

#zen-summary p {
	width: 602px;
	margin: 0 auto;
	padding: 10px 607px 10px; 
	background: url("Para_NoWords.png") center repeat-y;
	font-family: nWorder;
	font-size: 22.5pt;
	line-height:21pt;
	color: #cd0b0b;	
}

#zen-preamble h3{
	width: 720px;
	height: 402px;
	margin: -1px auto 0;
	padding: 0 505px ;
	background: url("Preamble_Header.png") center no-repeat;
	text-indent: 400%;
  	white-space: nowrap;
  	overflow: clip;
}

#zen-preamble p{
	width: 600px;
	margin: 0 auto 0;
	padding: 10px 532px; 
	background: url("Para_NoWords.png") center repeat-y;
	font-family: nWorder;
	font-size: 22.5pt;
	line-height:21pt;
	color: #cd0b0b;	
}

#zen-explanation h3{
	width: 100%;
	height: 480px;
	margin: -4px 0px -3px;
	padding: 0px 200px;
	background: url("Explanation_Header.png") center no-repeat;
	text-indent: 400%;
    white-space: nowrap;
  	overflow: clip;
}

#zen-explanation p {
	width: 602px;
	margin: 0 auto;
	padding: 10px 635px 10px; 
	background: url("Para_NoWords.png") center repeat-y;
	font-family: nWorder;
	font-size: 22.5pt;
	line-height:21pt;
	color: #cd0b0b;	
}

#zen-participation h3{
	width: 720px;
	height: 402px;
	margin: 0px auto 0;
	padding: 40px 530px ;
	background: url("Participation_Header.png") center no-repeat;
	text-indent: 400%;
  	white-space: nowrap;
  	overflow: clip;
}

#zen-participation p{
	width: 600px;
	margin: 0px auto 0;
	padding: 10px 547px; 
	background: url("Para_NoWords.png") center repeat-y;
	font-family: nWorder;
	font-size: 22.5pt;
	line-height:21pt;
	color: #cd0b0b;	
}

#zen-benefits h3{
	width: 100%;
	height: 640px;
	margin: -34px auto 0;
	padding: 0 199px;
	background: url("Benefits_Header.png") center no-repeat;
	text-indent: 400%;
    white-space: nowrap;
  	overflow: clip;
}

#zen-benefits p {
	width: 600px;
	margin: -35px auto;
	padding: 0px 632px; 
	background: url("Para_NoWords.png") center repeat-y;
	font-family: nWorder;
	font-size: 22.5pt;
	line-height:21pt;
	color: #cd0b0b;	
}

#zen-requirements h3 {
	width: 720px;
	height: 455px;
	margin: 35px auto 0px;
	padding: 0px 505px;
	background: url("Requirements_Header.png") center no-repeat;
	text-indent: 400%;
  	white-space: nowrap;
  	overflow: clip;
}

#zen-requirements p {
	width: 600px;
	margin: 0px auto;
	padding: 10px 519px; 
	background: url("Para_NoWords.png") center repeat-y;
	font-family: nWorder;
	font-size: 22.5pt;
	line-height:21pt;
	color: #cd0b0b;	
}

#zen-requirements::after {
	display: block;
	content: url("After_Requirements.png");
	width: 628px; 
	height: 145px;
	margin-left: 492px;
	padding: 0;
}

#design-selection h3 {
	width: 450px;
	text-indent: 500%;
  	white-space: nowrap;
  	overflow: clip;
}

#design-selection{                                       
	box-sizing: border-box;
	width: 520px;
	height: 759px;
	position: absolute;
	top: 520px;
	margin: 0;
	padding: 145px 90px 0 105px ;
	font-family: nWorder;
	font-size: 22.5pt;
	line-height:30pt;
	color: #cd0b0b;	
	background-image: url("Design_Selection.png");
}

.design-selection li {
	list-style-type: none;
}

#design-archives h3 {
	width: 450px;
	text-indent: 500%;
  	white-space: nowrap;
  	overflow: clip;
}

#design-archives {                                       
	box-sizing: border-box;
	width: 450px;
	height: 703px;
	position: absolute;
	top: 1280px;
	margin: 0;
	margin-left: 40px;
	padding: 175px 10px 0 155px ;
	font-family: nWorder;
	font-size: 22.5pt;
	line-height:30pt;
	color: #cd0b0b;	
	background-image: url("Archive_Header.png");
}

.design-archives li {
	list-style-type: none;
}

#zen-resources h3 {
	width: 450px;
	text-indent: 500%;
  	white-space: nowrap;
  	overflow: clip;
}

#zen-resources{                                       
	box-sizing: border-box;
	width: 426px;
	height: 203px;
	position: absolute;
	top: 1630px;
	margin: 0 -10px;
	padding: 0 10px 0 205px ;
	font-family: nWorder;
	font-size: 22.5pt;
	line-height:30pt;
	color: #cd0b0b;
}

.zen-resources li {
	list-style-type: none;
}

footer {
	box-sizing: border-box;
	width: 350px;
	height: 205px;
	margin-top: -215px;
	margin-left: 60px;
	padding: 85px 0 0 97px;
	background-image: url("footer-image.png");
	position: bottom left;
	font-family: nWorder;
	font-size: 20pt;
	line-height:30pt;
}