@charset "utf-8";

/* CSS Document */





html

{

	background:

		-webkit-linear-gradient(63deg, #151515 5px, transparent 5px) 0 5px,

		-webkit-linear-gradient(243deg, #151515 5px, transparent 5px) 10px 0px,

		-webkit-linear-gradient(63deg, #222 5px, transparent 5px) 0px 10px,

		-webkit-linear-gradient(243deg, #222 5px, transparent 5px) 10px 5px,

		-webkit-linear-gradient(0deg, #1b1b1b 10px, transparent 10px),

		-webkit-linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);

	background:

		-moz-linear-gradient(63deg, #151515 5px, transparent 5px) 0 5px,

		-moz-linear-gradient(243deg, #151515 5px, transparent 5px) 10px 0px,

		-moz-linear-gradient(63deg, #222 5px, transparent 5px) 0px 10px,

		-moz-linear-gradient(243deg, #222 5px, transparent 5px) 10px 5px,

		-moz-linear-gradient(0deg, #1b1b1b 10px, transparent 10px),

		-moz-linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);

	background-color: #131313;

	background-size: 20px 20px;

	color: white;

}



.css-zen-garden

{

	width: 700px;

	background-color:black;

	border: solid 10px #ffd200;

	position: relative;

	left: 0px;

	margin: 30px auto 50px auto;

	-webkit-border-radius: 100px;

	-webkit-box-shadow: 10px 10px 10px black;

	-moz-border-radius: 100px;

	-moz-box-shadow: 10px 10px 10px black;

}





/* title bar ------------------------------------*/

hgroup

{

	background-image:url(i/bbc-original.gif);

	background-repeat: no-repeat;

	background-size: 100%;

	height: 105px;

	width: 140px;

	position:absolute;

	top: 10px;

	left: 290px;

	color:white;

}



hgroup h1

{

	background-image:url(i/h1.png);

	border-top: solid 10px #ffd200;

	border-bottom: solid 10px #ffd200;

	-webkit-transition: all 3s ease-in-out;

	-webkit-box-shadow: 20px 20px 20px black;

	-webkit-transform:perspective(400px) rotateX(0deg);

	-webkit-transition-timing-function:ease;

	position: absolute;

	top: 100px;

	left: -340px;

	height: 100px;

	width: 800px;

	color: rgba(0,0,0,0);

}





hgroup h1:hover

{

	-webkit-transform:perspective(400px) rotateX(360deg);

	-webkit-transition: all 3s ease-in-out;	

}



hgroup h2

{

	background-image:url(i/h2.png);

	background-repeat:no-repeat;

	-webkit-transition: all 1s ease-in-out;

	position: absolute;

	height: 100px;

	width: 400px;

	top: 225px;

	left: -15px;

	color: rgba(0,0,0,0);

}



hgroup h2:hover

{

	-webkit-transition: all 1s ease-in-out;

	left:-180px;

}



h1 span, h2 span

{

	display:none;

}



header

{

	padding-top: 350px;

}



/* General Formats *------------------*/



p

{

	max-width: 400px;

	margin-bottom: 10px;

}



h3

{

	font-family: sans-serif;

	color: rgba(0,0,0,0);

}







abbr

{

	color: rgba(163,163,163, 1);

	-webkit-transition: color .5s ease-in-out;	

	-moz-transition: color .5s ease-in-out;

}



abbr:hover

{

	color: red;

	-webkit-transition: color .5s ease-in-out;	

	-moz-transition: color .5s ease-in-out;

}



h2 abbr

{

	color:rgba(0,0,0,0);

	display:none;

}



a

{

	text-decoration:none;

	color: #ffd200;

	-webkit-transition: opacity .5s ease-in-out;	

	-moz-transition: opacity .5s ease-in-out;

	-webkit-opacity: 1;

	-moz-opacity: 1;

	font-style:inherit;

}



a:hover

{

	-webkit-transition: opacity .5s ease-in-out;	

	-moz-transition: opacity .5s ease-in-out;

	-webkit-opacity: .4;

	-moz-opacity: .4;

}



/* Individual Section Formats *---------*/



.quickSummary

{

	width: 200px;

	position:absolute;

	top: 426px;

	left: 475px;



}



.quickSummary p

{

	font-style:italic;

}

	

.preamble, .explanation, .benefits, .requirements

{

	margin-left: 40px;

	width: 500px;

}



.participation

{

	position:absolute;

	top: 950px;

	left: 475px;

	width:200px;

	font-style:italic;

}







.select

{

	position: absolute;

	top: 610px;

	left: 450px;



}



.select li

{

	font-size: .7em;

	list-style:none;

	position:relative;

	top:5px;

	left: -12px;

	height: 20px;

	width:210px;

	padding-top: 4px;

	margin-bottom: 10px;

	-webkit-transition:all .5s ease-in-out;

	-moz-transition:all .5s ease-in-out;

}



.select li:hover

{

	padding-left: 10px;

	border-left: solid 5px #ffd200;

	width:207px;

	background-color: rgba(163,163,163,1);

	-webkit-transition:all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

}



.select li a

{

	padding: 5px 0 5px 0;

}



.select li a:hover

{

	color:black;

	-webkit-translation-propert:all;

	-webkit-transition-duration:.5s;

	-webkit-opacity:1;

	-moz-translation-propert:all;

	-moz-transition-duration:.5s;

	-moz-opacity:1;		

}



.archives

{

 	position: absolute;

	top: 0px;

	

}





.archives ul li

{

	font-size: .7em;

}





.archives ul li:first-child

{

	width: 100px;

	height: 30px;

	display: inline;

	position: absolute;

	top: 720px;

	left: 610px;

	font-style: sans-serif;

}



.archives ul li:nth-child(2)

{

	width: 100px;

	height: 30px;

	display: inline;

	position: absolute;

	top: 965px;

	left: 480px;

	font-style: sans-serif;

}



.archives ul li:nth-child(3)

{

	width: 100px;

	height: 30px;

	display: inline;

	position:absolute;

	left: 540px;

	top: -25px;

	font-style: sans-serif;

}



.resources ul li

{

	position:relative;

	top: 55px;

	left: 40px;

	display: inline;

	border-right: solid 2px rgba(163,163,163,1);

	padding-right: 7px;

	margin-right: 7px;

}



.resources ul li:last-child

{

	border:none;

}



.resources ul li a:hover

{

	-webkit-opacity:1;

}



/* In-Body Borders *---------------*/



.p1

{

	border-top: solid 10px #ffd200;

	padding-top: 20px;

}



.quickSummary .p1

{

	border-top: solid 10px rgba(163,163,163,1);

	padding-top: 10px;

}



/* Section and Article Image Replacements*/



.preamble h3

{

	background-image: url(i/enlightenment.png);

	height: 56px;

	width: 399px;

	position:relative;

	left: -10px;

	top: 20px;

}



.participation .p1

{

	border-top: solid 10px rgba(163,163,163,1);

	padding-top: 20px;

}



h3 span

{

	display:none;

}



.explanation h3

{

	background-image: url(i/about.png);

	height:56px;

	width: 399px;

	position: relative;

	left: -10px;

	top:20px;

}



.participation h3

{

	background-image: url(i/participation.png);

	height:56px;

	width: 199px;

	position: relative;

	left: -5px;

	top:20px;

}



.benefits h3

{

	background-image: url(i/benefits.png);

	height:56px;

	width: 399px;

	position: relative;

	left: -8px;

	top:20px;

}



.requirements h3

{

	background-image: url(i/requirements.png);

	height:56px;

	width: 399px;

	position: relative;

	left: -8px;

	top:20px;

}



.select h3

{

	background-image: url(i/select.png);

	height:50px;

	width: 200px;

	position: relative;

	left: 25px;

	top: 20px;

	border-top: solid 10px rgba(163,163,163,1);

	border-bottom: solid 10px rgba(163,163,163,1);

	margin-bottom: 35px;

}



/* Resources Image Replacements *---*/



footer

{

	position:relative;

	left: 470px;

	top: -340px;

	height:56px;

	width:200px;

}



footer li

{

	list-style:none;

}



footer a:hover

{

	-webkit-opacity:1;

	-moz-opacity:1;

}



/* Validate HTML */

footer li:first-child a

{

	position:absolute;

	top: 0px;

	left: -5px;

	color: rgba(0,0,0,0);

	background-image:url(i/html5.png);

	background-repeat:no-repeat;

	height:50px;

	width: 227px;

}



/*Validate CSS*/

footer li:nth-child(2) a

{

	position:absolute;

	top: 50px;

	left: -5px;	

	color: rgba(0,0,0,0);

	background-image:url(i/css.png);

	background-repeat:no-repeat;

	height:50px;

	width: 227px;

}



/*Creative Commons License*/

footer li:nth-child(3) a

{

	position:absolute;

	top: 100px;

	left: -4px;

	color: rgba(0,0,0,0);

	background-image:url(i/creative.png);

	height:50px;

	width: 225px;

}



/*508 Accessibility */

footer li:nth-child(4) a

{

	position:absolute;

	top: 150px;

	left: -4px;

	color: rgba(0,0,0,0);

	background-image:url(i/508.png);

	height:50px;

	width: 225px;

}

/*AAA Accessibility */

footer li:nth-child(5) a

{

	position:absolute;

	top: 200px;

	left: -4px;

	color: rgba(0,0,0,0);

	background-image:url(i/aaa.png);

	height:50px;

	width: 225px;

}



footer li:first-child a:hover

{

	color: rgba(0,0,0,0);

	position:absolute;

	left:-7px;

	width:227px;

	background:url(i/html5-hover.png);

	background-repeat:no-repeat;

	border-right: solid 10px rgba(163,163,163,1);

	-webkit-transition-property:background;

	-webkit-transition-property:margin;

	-webkit-transition-duration:5s;

	-moz-transition-property:background;

	-moz-transition-property:margin;

	-moz-transition-duration:5s;

}



footer li:nth-child(2) a:hover

{

	color: rgba(0,0,0,0);

	position:absolute;

	left:-7px;

	background:url(i/css-hover.png);

	background-repeat:no-repeat;

	border-right: solid 10px rgba(163,163,163,1);

	-webkit-transition-property:background;

	-webkit-transition-property:margin;

	-webkit-transition-duration:5s;

	-moz-transition-property:background;

	-moz-transition-property:margin;

	-moz-transition-duration:5s;

}



footer li:nth-child(3) a:hover

{

	color: rgba(0,0,0,0);

	position:absolute;

	left:-5px;

	background:url(i/creative-hover.png);

	background-repeat:no-repeat;

	border-right: solid 10px rgba(163,163,163,1);

	-webkit-transition-property:background;

	-webkit-transition-property:margin;

	-webkit-transition-duration:5s;

	-moz-transition-property:background;

	-moz-transition-property:margin;

	-moz-transition-duration:5s;

}



footer li:nth-child(4) a:hover

{

	color: rgba(0,0,0,0);

	position:absolute;

	left:-5px;

	background:url(i/508-hover.png);

	background-repeat:no-repeat;

	border-right: solid 10px rgba(163,163,163,1);

	-webkit-transition-property:background;

	-webkit-transition-property:margin;

	-webkit-transition-duration:5s;

	-moz-transition-property:background;

	-moz-transition-property:margin;

	-moz-transition-duration:5s;

}



footer li:nth-child(5) a:hover

{

	color: rgba(0,0,0,0);

	position:absolute;

	left:-5px;

	background:url(i/aaa-hover.png);

	background-repeat:no-repeat;

	border-right: solid 10px rgba(163,163,163,1);

	-webkit-transition-property:background;

	-webkit-transition-property:margin;

	-webkit-transition-duration:5s;

	-moz-transition-property:background;

	-moz-transition-property:margin;

	-moz-transition-duration:5s;

}