@charset "UTF-8";
/* CSS Document */



@font-face {
    font-family: 'aliceregular';
    src: url('Alice-Regular-webfont.eot');
    src: url('Alice-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Alice-Regular-webfont.woff2') format('woff2'),
         url('Alice-Regular-webfont.woff') format('woff'),
         url('Alice-Regular-webfont.ttf') format('truetype'),
         url('Alice-Regular-webfont.svg#aliceregular') format('svg');
    font-weight: normal;
    font-style: normal;

}





 
 /* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, 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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
body {
	line-height: 1;
	font-family:Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}










body {
background-color: #000000;
text-align:center;
margin:0;
padding:0;
}



main {
display:block;
position:relative;
color:#ffffff;
font:100%/1.25  Helvetica, sans-serif;
text-align:left;
width:100%;
max-width:1280px;
}
 

section {
position:relative;
width:66%;
max-width:980px;
float:left;
padding-top:0px;
padding-bottom:2%;
margin:0 0 2% 0;
text-align:center;
}



header{
position:relative;
float:left;
width:100%;
max-width:980px;
background-color:#000000;
padding:0px 0px 0px 0px;
margin:0;
font-size:150%;
text-align:center;
color:#FFFFFF;
}




h1{
font-size:100%;
color:#FFFFFF;
}




















section a:link {
color: #000000;
text-decoration: underline;
}

section a:visited {
color: #333333;}

section a:hover {
color: #CCCCCC;}

section a:active {
color: #999999;}


















header a:link {
color: #FFFFFF;
text-decoration:none;
}

header a:visited {
color: #000000;}

header a:hover {
color: #000000;}

header a:active {
color: #000000;}
































p {padding:0% 8% 0% 8%;
margin:1% 0% 1% 0%;
text-indent:4%;
}








figure {
position:relative;
float:left;
color:#000000;
width:100%;
background-color: #FFFFFF;
padding:0px 0px 8px 0px;
margin:8px 0 8px 8px;

}

figcaption {
font-size: 100%;
text-align:center;
background-color: #FFFFFF;
width:80%;
padding: 0% 8% 0% 8%;}

figure img {
width:100%;
max-width:980px;
padding:8px 0 0 0;
}



















.turnpagebutton {
position:relative;
float:left;
width:33.333333333333333333333333333333333333333333333333%;
background-color: #000000;
font-size:120%;

line-height:1;
margin:0;
padding:8px 0px 8px 0px;
color:#FFFFFF;
text-align:center;

}

.turnpagebutton a:link{
color: #CCCCCC;
margin:0;
padding:0;
text-decoration:none;}

.turnpagebutton a:visited{
color: #FFFFFF;}

.turnpagebutton a:hover{
color: #999999;
}

.turnpagebutton span {
color: #000066;
font-size:90%;
margin:0;
padding:0;}










nav {
position:relative;
float:left;
width:100%;
max-width:980px;
background-color: #003300;
font-size: medium;


}



nav ul {
background-color: #000000;

}

nav ul li {
display:inline;
list-style:none;
padding: 0px 3px 3px 0px;}

nav ul a:link {
color: #CCCCCC;}

nav ul a:visited {
color: #999999;}


nav ul a:hover {
color: #ffffff;}

nav ul a:active {
color: #666666;}

































/*

footer{
position:relative;
color:#ffffff;
float:left;

width:95%;
max-width:980px;
min-width:280px;

padding:16px 4px 16px 4px;
margin:0;
font-size:small;
text-align:left;
}

*/
















footer{
position:relative;
float:left;
width:100%;
max-width:980px;
color:#ffffff;
padding:0px 4px 0px 4px;
margin:0;
font-size:.75em;
line-height:2em;
text-align:left;
}


footer a:link {
color:#ffffff;
}

footer a:visited {
color: #CCCCCC;}

footer a:hover {
color: #999999;}

footer a:active {
color: #00CC66;}


.column {
float:left;
padding-left:2%;
width:30%;}











em {font-size:100%}


.clearit {clear:both}


h2{font-style:normal;
font-size:90%}












aside {
position:relative;
float:left;
width:30%;
background-color:#ffffff;
color:#000000;
font-size:100%;
line-height:1;
margin:0 0 2% 2%;
padding:0;
text-align:center;
}

aside a:link{
color: #000000;
margin:0;
padding:0;}

aside a:visited{
color:#000000 }

aside a:hover{
color: #CCCCCC;
background-color: #ffffff;}

aside span {
color: #000066;
font-size:100%;
margin:0;
padding:0;}





aside figure {
width:86%;
margin:2% 2% 2% 2%;
padding:0 5% 0 5%}

















































 
   
  /*Viewport Smaller Than 980px   */
@media screen and (max-width: 980px) 
{ 
section { }
}



@media screen and (max-width: 800px) 
{
section { }


}


/*Viewport Smaller Than 650px   */

@media screen and (max-width: 650px) 
{ 
section { 
width:100%;}
aside {width:45%}
figure {
width:95%;}


}






/*Viewport Smaller Than 480px   */

@media screen and (max-width: 480px){ 
section { 
width:100%;}
aside {width:100%;}
figure {
width:95%;}

.turnpagebutton {

font-size:120%;
}

.column {
float:left;
padding-left:2%;
width:46%;}



}

 








 
Article {
padding:16% 0 0 0;
text-align:left;
color:#333333;
background-color:#FFFFFF;
}







.peekingin {
	z-index:100;
	width:100%;
	
	
	position:fixed;
	left:300%; 
	top:5%;
	
	animation-duration: 7s;
	animation-name:peeking;
	
	-moz-animation-duration: 7s;
	-moz-animation-name:peeking;
	
	-webkit-animation-duration: 7s;
	-webkit-animation-name:peeking;
}


@keyframes peeking {
		0%{ left:100%; top:10%;}
		25%{ left:20%; top:10%;}
		50%{ left:30%; top:1%;}
		75%{ left:300%; top:5%;}
		100%{ left:300%; top:5%;}
	}


@-moz-keyframes peeking {
		0%{ left:100%; top:10%;}
		25%{ left:20%; top:10%;}
		50%{ left:30%; top:1%;}
		75%{ left:300%; top:5%;}
		100%{ left:300%; top:5%;}
	}
	
	@-webkit-keyframes peeking {
		0%{ left:100%; top:10%;}
		25%{ left:20%; top:10%;}
		50%{ left:30%; top:1%;}
		75%{ left:300%; top:5%;}
		100%{ left:300%; top:5%;}
	}




.peekingin img{
width:100%;

}
















.flyingcatbox {
	z-index:100;
	width:100%;
	
	
	position:fixed;
	top:10%;
	left:-100%;
	
	animation-duration: 11s;
	animation-name:flyingcat;
	animation-timing-function: linear;
	
	-moz-animation-duration: 11s;
	-moz-animation-name:flyingcat;
	-moz-animation-timing-function: linear;
	
	-webkit-animation-duration: 11s;
	-webkit-animation-name:flyingcat;
	-webkit-animation-timing-function: linear;
}


@keyframes flyingcat {
		0%{ left:100%; top:10%;}
		55%{ left:100%; top:10%;}
		
		100%{ left:-100%; top:10%;}
	}


@-moz-keyframes flyingcat {
		0%{ left:100%; top:10%;}
		55%{ left:100%; top:10%;}
		
		100%{ left:-100%; top:10%;}
	}
	
	@-webkit-keyframes flyingcat {
		0%{ left:100%; top:10%;}
		55%{ left:100%; top:10%;}
		
		100%{ left:-100%; top:10%;}
	}







.flyingcatbox img{
width:100%;

}