/* Some CSS resets, mixed selectively from Eric Meyer and HTML5 Boilerplate */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0px;
	padding: 0px;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1.2;
}


ul {
	list-style: none;
}




/* ==================================== 
 This will enforce block-level properties to HTML5 elements */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, fieldset, time, address, small {
	display: block;
}

.tablet {
	display:none;
}


html {
	font-size: 100%; 
	/* Hidden, although I believe it was part of my responsive template
	overflow-y: scroll; */
	-webkit-text-size-adjust: none; 
	-ms-text-size-adjust: 100%;
}

body {
	background:rgb(102,255,51);
	color:white;
	font-size:16px;
	line-height:16px;
	font-family: 'Questrial', Helvetica, sans-serif;
}

#container {
margin:0px;
padding:0px;
position:relative;
z-index:1;	
}

#ken-kesey {
font-family: 'Lucida Bright', 'Courier New', serif;
background:rgba(0,0,0,0.8);
position:fixed;
width:100%;
height:100%;
z-index:2;
cursor:pointer;
-webkit-animation: pulse 6s;
-webkit-animation-delay: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation: pulse 6s;
animation-delay: 2s;
animation-iteration-count: infinite;
animation-direction: alternate;
}

#ken-kesey div {
	padding-top:10%;
	width:85%;
	margin:auto;
	line-height:1.2em;
}

#ken-kesey span {
font-family: 'Baumans', 'Andale Mono', serif;
font-size:1.15em;
}

small {
	font-size:0.85em;
}

@-webkit-keyframes pulse {
	0% {
		/*background:rgba(0,0,0,0.8);*/
	}
	75% {
		background:rgba(87,0,0,1);
	}
	100% {
		background:rgba(118,0,0,1);
	}
}

@keyframes pulse {
	0% {
		/*background:rgba(0,0,0,0.8);*/
	}
	75% {
		background:rgba(87,0,0,1);
	}
	100% {
		background:rgba(118,0,0,1);
	}
}

h1 {
font-size:85px;
line-height:85px;
font-weight:900;
/*width:132px;*/
float:left;
}

h2 {
	font-size:23px;
	line-height:21px;
	font-weight:900;
	padding-top:9px;

}

p {
	margin:1em 0;
}


a {
	text-decoration:none;
}

header>h1 a,
header>h2 a {
	color:white;
}

li a {
	font-size:18px;
	line-height:18px;
}

a:hover,
a:focus {
	
}

em {
	font-style:italic;
}

header {
	padding-left:10%;
	padding-bottom:0.4em;
}

section {
	clear:left;
}

header,article>section {
	box-shadow:0px 0px 2px rgba(0,0,0,0.7);
}

.event, .images {
	padding:0.4em;
	padding-left:5%;
}

.event ul {
	margin-top:0.2em;
}

li {
	display:inline-block;
}

.event li {
	padding:4px 12px 4px 0px;
}

li a {
	white-space: nowrap;
}

li img {
	margin:0.3em 0.4em;
	border:0px;
	width:40px;
	height:15px;
}



/* FBI 3 */

#fbi3 {
	background: rgb(79,111,74) url('../img/newbuttons_animated4.gif');
	height:700px;
}

#fbi3 header,
#fbi3 .event {
background:rgb(207,237,202);
color:rgb(79,111,74);
}

#fbi3 header {
border-bottom:1px solid rgb(79,111,74);
}

#fbi3 .event {
	margin-top:286px;
	border-top:1px solid rgb(79,111,74);
	border-bottom:1px solid rgb(79,111,74);
}

#fbi3 .event a {
	color:rgb(86,135,79);
}

#fbi3 .event a:hover,
#fbi3 .event a:focus {
	color:black;
}



/* FBI 2 */

#fbi2 {
	background: rgb(204,51,204) url('../img/computer_buttons.gif');
	height:887px;
}

#fbi2 header,
#fbi2 .event,
#fbi2 .images {
background:rgb(255,51,255);
color:white;
}

#fbi2 header,
#fbi2 .event,
#fbi2 .images {
border-top:1px solid rgb(102,51,102);
	border-bottom:1px solid rgb(102,51,102);
}

#fbi2 .event {
	margin-top:289px;
}

#fbi2 .event a {
	color:rgb(102,51,102);
}

#fbi2 .event a:hover,
#fbi2 .event a:focus {
	color:white;
}


#fbi2 .images {
	margin-top:53px;
	padding:0.2em;
}

#fbi2 img {
	border:1px solid rgb(102,51,102);
}

#fbi2 a:hover img,
#fbi2 a:focus img {
	border:1px solid white;
}



/* FBI 1 */

#fbi1 {
background:rgb(102,255,51);
background-attachment: fixed;
background-image:url('../img/kitten.gif');
background-size:auto 220px;
background-repeat:no-repeat;
background-position:center bottom;
height:490px;
}

#fbi1 header,
#fbi1 .event {
	box-shadow:none;
}


#fbi1 header {
	border-top:rgb(58,85,49);
	background:rgb(102,255,51);
}


#fbi1 .event {
	background:rgba(102,255,51,0.75);
}


#fbi1 .event a {
	color:white;
}


#fbi1 .event a:hover,
#fbi1 .event a:focus {
	color:black;
}



/* Fancybox adjustment */

.fancybox-skin {
	background:rgb(0,0,0) !important;
}


/* ++++++++++++++++++++++++
		BIRDYS
	++++++++++++++++++++++++ */

body.birdys {
	background: url('../img/blinking-computer2.gif') no-repeat fixed;
	background-size:cover;
}

.birdys #container {
	position:relative;
	z-index:2;
	width:90%;
	max-width:700px;
	margin:auto;
	padding-bottom:2em;
}

.birdys figure {
	margin:1em auto;
}

.birdys p a {
	color:yellow;
}

#shade {
	width:100%;
	height:100%;
	position:fixed;
	z-index:1;
	
	animation: darken 5s;
	animation-delay:2s;
	
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@keyframes darken{
	0% {background:none;}
	100% {background:rgba(0,0,0,0.9);}
}

ol {
	list-style-type:decimal !important;
	padding-left:20px;
}

.birdys li {
	margin-bottom:10px;
}



/* ++++++++++++++++++++++++
		MEDIA QUERIES 
	++++++++++++++++++++++++ */
 

 
   @media only screen and (min-width: 430px) {
	   
	
	   
}/* closes media query for 430+ */
 
 
  @media only screen and (min-width: 480px) {

html {
		-webkit-text-size-adjust: 100%;
	}
	
#ken-kesey div {
	width:400px;
	height:250px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-125px;
	margin-left:-200px;
	padding-top:0px;
}
	
 }/* closes media query for 480+ */
 
 
 
 
 
@media only screen and (min-width: 540px) {
	   

	   
  }/* closes media query for 480+ */
 
 
 
 
   @media only screen and (min-width: 700px) {
	   


/* FancyBox adjustment */

.fancybox-skin {
	background:rgb(44,1,1) !important;
}


  }/* closes media query for 700+ */
  
  
  
  
 
 @media only screen and (min-width: 768px) {

.mobile {
	display:none;
}

.tablet {
	display:inline;
}

#ken-kesey {
background:rgba(0,0,0,0.9);
-webkit-animation: pulse 8s;
-webkit-animation-delay: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation: pulse 8s;
animation-delay: 2s;
animation-iteration-count: infinite;
animation-direction: alternate;
}

#fbi2 .images {
	padding-right:0;
	padding-top:5px;
	height:36px;
	margin-top:46px;
}


/* Fancybox adjustments */

.fancybox-title-outside-wrap  {
	text-indent:2em;
}

.fancybox-title-outside-wrap  {
	opacity:0.8;
}


}/* closes media query for 768+ */






@media only screen and (min-width: 1024px) {

#fbi3 {
	height:1190px;
}

#fbi2 {
	height:1207px;
}


#fbi1 {
background-size:auto auto;
background-position:65% bottom;
height:700px;
}

#fbi1 header {
	background:none;
	padding-top:1.6em;
}


#fbi1 .event {
	margin-top:50px;
	background:none;
}

#fbi1 .event ul {
	width:400px;
	margin-top:50px;
}

	
}/* closes media query for 1024+ */





@media only screen and (min-width: 1281px) {
	

	
}/* closes media query for 1281+ */