/* css Zen Garden default style v1.02 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */

/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */

/* Your images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */
@import url('https://fonts.googleapis.com/css?family=Atma|Cinzel|Kodchasan');
html {
	margin: 0;
	padding: 0;
	background-color: rgba(34,52,1,1.00);
	font-family: 'Kodchasan', sans-serif;
	color: rgba(255,255,255,1.00);
	}
body {
	background:url(img/Beginning-Flowers-Cell.jpg) repeat-y;
	background-size: contain;
	max-width: 95%;
	margin-left:auto;
	margin-right: auto;
	padding:.01em;
	border: .1em dotted rgba(252,136,144,.50);
}
	
p {
	font-size: .9em;
	font-weight: 100;
	line-height: 1.6em;
	margin-top: 1.75em;
	padding: 0 1em;
}
h1 {
	color: rgba(118,183,39,1.00);
	font-family: 'Atma', sans-serif;
	font-weight: 700;
	font-size: 3.4em;
	text-align: left;
	margin:-.2em 0 0;

}	
h2 {
	border-bottom: .07em dotted rgba(252,136,144,.50);
	color: rgba(250,185,219,1.00);
	text-shadow: .07em .07em .04em rgba(72,1,0,0.75);
	font-family: 'Atma', sans-serif;
	font-weight: 700;
	font-size: 1.75em;
	padding-left: .2em;
	margin:-.3em  0 .75em;
}	
h3 {
	border-bottom: .1em dotted rgba(252,136,144,.50);
	color: rgba(250,185,219,1.00);
	text-shadow: .07em .07em .04em rgba(72,1,0,0.75);
	font-family: 'Atma', sans-serif;
	font-weight: 500;
	font-size: 1.5em;
	padding-left: .2em;
	padding-top: .2em;
	margin-top: 2em;
}

a:link {
	text-decoration: none;
	color: rgba(254,73,81,1.00);
	text-shadow: .07em .07em .04em rgba(72,1,0,0.75);
	font-size: 1.25em;
}
a:visited {
	color: rgba(118,183,39,1.00);
	text-shadow: .07em .07em .04em rgba(37,57,12,0.75);
	font-size: 1em;
}
a:hover, a:focus, a:active {
	color: rgba(118,183,39,1.00);
	text-shadow: .07em .07em .04em rgba(37,57,12,0.75);
	font-size: 1.5em;
}

abbr {
	text-decoration: none;
}


/* specific divs */
.page-wrapper {
	width: 90%;
	margin: 1em auto;
	padding: 2%;
	background-color: rgba(249,212,237,.20);
	border-radius: .5em;
}

.intro {}
	header {}
	.summary {}
	
.preamble {}

.supporting {}
	.explanation {}
	
.participation {}

.benefits {}

.requirements {}


footer {
	display: block;
	height: 35px;
	background-color: rgba(249,212,237,.1);
	border-radius: .25em;
	padding: .4em 0;
	text-align: center;
	font-weight: 700;
}
footer a:link{
	display:inline-block;
	background-color: rgba(249,212,237,1.00);
	margin: .05em .25em .05em .2em;
	padding: .2em .7em .3em .5em;
	border: .15em outset rgba(212,90,119,1.00);
	color: rgba(78,55,57,1.00);
	border-radius: 1em;
	text-shadow: .07em .07em .04em rgba(58,40,42,1.00);
	font-size: 1em;
}
footer a:visited {
	background-color: rgba(118,183,39,1.00);
	border: .15em outset rgba(75,116,24,1.00);
}
footer a:hover{
	background-color: rgba(118,183,39,1.00);
}
ul{
	list-style:url(img/leaf-small.png);
}
aside a:link{
	font-family: Atma;
	color: rgba(250,185,219,1.00);
	font-size: 1.1em;
}
aside a:hover{
	color: rgba(118,183,39,1.00);
}
.sidebar {
	color: rgba(255,255,255,1.00);
}
	.wrapper {}
		.design-selection {}
			.select {}
			.design-name{}
			.designer-name{}
			.archives {}
		
			.resources {}

/* specific spans / copy */
.indicator {
	font-family: 'Cinzel', serif;
	font-weight: bolder;
	color: rgba(13,111,23,1.00);
}

.next {}

@media screen and (orientation:landscape){
	html{
		background-color: rgba(37,42,39,1.00);
	}
	body{
		background:url(img/Ending-Flower-Cell.jpg) repeat-y;
		border: .1em dotted rgba(67,22,24,1.00);
	}
	p{
		font-size: 1.1em;
		color: rgba(221,213,213,1.00);
		margin-top: 1.5em;
	}
	h1{
		color: rgba(42,35,38,1.00);
		font-family: 'Cinzel', serif;
		font-weight: bold;
		font-size: 4em;
	}
	h2{
		border-bottom: .07em dotted rgba(35,39,35,1.00);
		color: rgba(50,44,47,1.00);
		text-shadow: .07em .07em .04em rgba(93,65,72,1.00);
		font-family: 'Cinzel', serif;
		font-weight: bold;
		font-size: 2em;
	}
	h3{
		border-bottom: .07em dotted rgba(35,39,35,1.00);
		color: rgba(50,44,47,1.00);
		text-shadow: .07em .07em .04em rgba(93,65,72,1.00);
		font-family: 'Cinzel', serif;
		font-weight: bold;
		font-size: 1.85em;
		margin: 0 0 .2em;
	}
	a:link {
		color: rgba(119,64,57,1.00);
		text-shadow: .07em .07em .04em rgba(93,65,72,1.00);
		font-size: 1.1em;
}
	a:visited {
		color: rgba(36,40,36,1.00);
		text-shadow: .07em .07em .04em rgba(93,65,72,1.00);
		font-size: 1em;
}
	a:hover, a:focus, a:active {
		color: rgba(36,40,36,1.00);
		text-shadow: .07em .07em .04em rgba(93,65,72,1.00);
		font-size: 1.5em;
}
	footer {
		height: 50px;
		padding: .66em 0 .6em;
		font-family: 'Cinzel', serif;
		font-size: 1.2em;
		font-weight: 900;
}
	footer a:link{
		display:inline-block;
		background-color: rgba(95,90,90,1.00);
		margin: .07em .6em .07em .6em;
		padding: .35em .8em .4em .6em;
		color: rgba(200,190,192,1.00);
		border: .15em outset rgba(116,62,58,1.00);
		border-radius: 1em;
		text-shadow: .07em .07em .04em rgba(58,40,42,1.00);
		font-size: 1em;
}
	footer a:visited {
		background-color: rgba(174,132,113,1.00);
		border: .15em outset rgba(132,42,26,1.00);
}
	footer a:hover{
		background-color: rgba(174,132,113,1.00);
}
ul{
	list-style:url(img/leaf-small-ending.png);
	}
aside a:link{
	font-family: 'Cinzel', serif;
	color: rgba(158,135,131,1.00);
	font-size: 1.4em;
	}
aside a:hover{
	color: rgba(168,125,111,1.00);
	}
.sidebar {
	color: rgba(221,213,213,1.00);
	}
.indicator {
	color: rgba(51,56,44,1.00);
}
}

@media screen and (min-width:600px){
	html{
		background-color: rgba(37,42,39,1.00);
	}
	body{
		background:url(img/Ending-Flower-Cell.jpg) repeat-y;
		border: .1em dotted rgba(67,22,24,1.00);
	}
	p{
		font-size: 1.1em;
		color: rgba(221,213,213,1.00);
		margin-top: 1.5em;
	}
	h1{
		color: rgba(42,35,38,1.00);
		font-family: 'Cinzel', serif;
		font-weight: bold;
		font-size: 4em;
	}
	h2{
		border-bottom: .07em dotted rgba(35,39,35,1.00);
		color: rgba(50,44,47,1.00);
		text-shadow: .07em .07em .04em rgba(93,65,72,1.00);
		font-family: 'Cinzel', serif;
		font-weight: bold;
		font-size: 2em;
	}
	h3{
		border-bottom: .07em dotted rgba(35,39,35,1.00);
		color: rgba(50,44,47,1.00);
		text-shadow: .07em .07em .04em rgba(93,65,72,1.00);
		font-family: 'Cinzel', serif;
		font-weight: bold;
		font-size: 1.85em;
		margin: 0 0 .2em;
	}
	a:link {
		color: rgba(119,64,57,1.00);
		text-shadow: .07em .07em .04em rgba(93,65,72,1.00);
		font-size: 1.1em;
}
	a:visited {
		color: rgba(36,40,36,1.00);
		text-shadow: .07em .07em .04em rgba(93,65,72,1.00);
		font-size: 1em;
}
	a:hover, a:focus, a:active {
		color: rgba(36,40,36,1.00);
		text-shadow: .07em .07em .04em rgba(93,65,72,1.00);
		font-size: 1.5em;
}
	footer {
		height: 50px;
		padding: .66em 0 .6em;
		font-family: 'Cinzel', serif;
		font-size: 1.2em;
		font-weight: 900;
}
	footer a:link{
		display:inline-block;
		background-color: rgba(95,90,90,1.00);
		margin: .07em .6em .07em .6em;
		padding: .35em .8em .4em .6em;
		color: rgba(200,190,192,1.00);
		border: .15em outset rgba(116,62,58,1.00);
		border-radius: 1em;
		text-shadow: .07em .07em .04em rgba(58,40,42,1.00);
		font-size: 1em;
}
	footer a:visited {
		background-color: rgba(174,132,113,1.00);
		border: .15em outset rgba(132,42,26,1.00);
}
	footer a:hover{
		background-color: rgba(174,132,113,1.00);
}
ul{
	list-style:url(img/leaf-small-ending.png);
	}
aside a:link{
	font-family: 'Cinzel', serif;
	color: rgba(158,135,131,1.00);
	font-size: 1.4em;
	}
aside a:hover{
	color: rgba(168,125,111,1.00);
	}
.sidebar {
	color: rgba(221,213,213,1.00);
	}
.indicator {
	color: rgba(51,56,44,1.00);
}
}

@media screen and (min-width:800px){
	html{
		background-color: rgba(34,52,1,1.00);
	}
	body{
		background:url(img/Beginning-Flowers-Desk.jpg) repeat-y;
		border: .1em dotted rgba(67,22,24,1.00);
		background-size: 100%;
		max-width: 80%;
	}
	p{
		font-size: 1.3em;
		color: rgba(255,255,255,1.00);
		margin-top: 1.4em;
	}
	h1{
		color: rgba(118,183,39,1.00);
		font-family: 'Atma', sans-serif;
		font-weight: 700;
		font-size: 5em;
	}
	h2{
		border-bottom: .08em dotted rgba(252,136,144,.50);
		color: rgba(250,185,219,1.00);
		text-shadow: .07em .07em .04em rgba(72,1,0,0.75);
		font-family: 'Atma', sans-serif;
		font-weight: 700;
		font-size: 2.8em;
	}
	h3{
		border-bottom: .07em dotted rgba(252,136,144,.50);
		color: rgba(250,185,219,1.00);
		text-shadow: .07em .07em .04em rgba(72,1,0,0.75);
		font-family: 'Atma', sans-serif;
		font-weight: 500;
		font-size: 2.5em;
		margin: 0 0 .2em;
	}
	a:link {
		color: rgba(254,73,81,1.00);
		text-shadow: .07em .07em .04em rgba(72,1,0,0.75);
		font-size: 1.1em;
}
	a:visited {
		color: rgba(118,183,39,1.00);
		text-shadow: .07em .07em .04em rgba(37,57,12,0.75);
		font-size: 1em;
}
	a:hover, a:focus, a:active {
		color: rgba(118,183,39,1.00);
		text-shadow: .07em .07em .04em rgba(37,57,12,0.75);
		font-size: 1.5em;
}
	footer {
		height: 50px;
		padding: .5em 0 .6em;
		font-family: 'Atma', sans-serif;
		font-size: 1.1em;
		font-weight: 700;
}
	footer a:link{
		display:inline-block;
		background-color: rgba(249,212,237,1.00);
		margin: .07em 1em .07em 1em;
		padding: .4em 1.2em .4em 1em;
		color: rgba(78,55,57,1.00);
		border: .15em outset rgba(212,90,119,1.00);
		border-radius: .8em;
		text-shadow: .07em .07em .04em rgba(58,40,42,1.00);
}
	footer a:visited {
		background-color: rgba(118,183,39,1.00);
		border: .15em outset rgba(75,116,24,1.00);
}
	footer a:hover{
		background-color: rgba(118,183,39,1.00);
}
	ul{
		list-style:url(img/leaf-small.png);
		font-size: 1.3em;
	}
	aside a:link{
		font-family: Atma;
		color: rgba(250,185,219,1.00);
		font-size: 1.4em;
	}
aside a:hover{
	color: rgba(118,183,39,1.00);
	}
.sidebar {
	color: rgba(255,255,255,1.00);
	}
	
.indicator {
	color: rgba(13,103,22,1.00);
	font-size: 1.2em;
}
}

@media screen and (min-width:1200px){
	html{
		background-color: rgba(37,42,39,1.00);
	}
	body{
		background:url(img/Ending-Flower-Desk.jpg) repeat-y;
		border: .1em dotted rgba(67,22,24,1.00);
		background-size: 100%;
		max-width: 60%;
	}
	p{
		font-size: 1.3em;
		color: rgba(221,213,213,1.00);
		margin-top: 1.5em;
	}
	h1{
		color: rgba(42,35,38,1.00);
		font-family: 'Cinzel', serif;
		font-weight: bold;
		font-size: 4.5em;
	}
	h2{
		border-bottom: .07em dotted rgba(35,39,35,1.00);
		color: rgba(50,44,47,1.00);
		text-shadow: .07em .07em .04em rgba(93,65,72,1.00);
		font-family: 'Cinzel', serif;
		font-weight: bold;
		font-size: 2.5em;
	}
	h3{
		border-bottom: .07em dotted rgba(35,39,35,1.00);
		color: rgba(50,44,47,1.00);
		text-shadow: .07em .07em .04em rgba(93,65,72,1.00);
		font-family: 'Cinzel', serif;
		font-weight: bold;
		font-size: 2.3em;
		margin: 0 0 .2em;
	}
	a:link {
		color: rgba(119,64,57,1.00);
		text-shadow: .07em .07em .04em rgba(93,65,72,1.00);
		font-size: 1.1em;
}
	a:visited {
		color: rgba(36,40,36,1.00);
		text-shadow: .07em .07em .04em rgba(93,65,72,1.00);
		font-size: 1em;
}
	a:hover, a:focus, a:active {
		color: rgba(36,40,36,1.00);
		text-shadow: .07em .07em .04em rgba(93,65,72,1.00);
		font-size: 1.5em;
}
	footer {
		height: 50px;
		padding: .66em 0 .6em;
		font-family: 'Cinzel', serif;
		font-size: 1.2em;
		font-weight: 900;
}
	footer a:link{
		display:inline-block;
		background-color: rgba(95,90,90,1.00);
		margin: .07em 1em .07em 1em;
		padding: .4em 1.1em .4em 1em;
		color: rgba(200,190,192,1.00);
		border: .15em outset rgba(116,62,58,1.00);
		border-radius: 1em;
		text-shadow: .07em .07em .04em rgba(58,40,42,1.00);
		font-size: 1em;
}
	footer a:visited {
		background-color: rgba(174,132,113,1.00);
		border: .15em outset rgba(132,42,26,1.00);
}
	footer a:hover{
		background-color: rgba(174,132,113,1.00);
}
ul{
	list-style:url(img/leaf-small-ending.png);
	}
aside a:link{
	font-family: 'Cinzel', serif;
	color: rgba(158,135,131,1.00);
	font-size: 1.2em;
	}
aside a:hover{
	color: rgba(168,125,111,1.00);
	}
.sidebar {
	color: rgba(221,213,213,1.00);
	}
.indicator {
	color: rgba(51,56,44,1.00);
}
}