/* Basic Resets */

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

/* removed: b, u, i */

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, u, i,
small, strike, strong, sub, sup, tt, var, 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 {
	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 {
	display: block;
}
body {
	line-height: 1;
}
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;
}

a:link, a:active, a:visited, a:hover {
color:444444;
text-decoration:none;
}

/* {margin: 0; padding: 0;} */

/* h1, h2, h3, h4, h5, h6, p {
margin: 0;
padding: 0;
} */

/* INDEX AND COMING SOON PAGES */

#aeindex {
position:absolute;
top:0%;
padding:0%;
width:70%;
padding-bottom:5%;
margin:auto;
text-align:center;
background-color:#eeeeee;
font-family:Arial, Helvetica, sans-serif;
}

#aeindex div {
display:inline-block;
width:30%;
padding:1%;
}

/* Language Switcher */ /* Language Switcher */ /* Language Switcher */

#aelang {
font-size:12px;
text-align:center;
padding:10px;
width:60px;
position:fixed;
top:0px;
left:0px;
line-height:150%;
z-index:250;
}

/* Menu */ /* Menu */ /* Menu */ /* Menu */ /* Menu */ /* Menu */ /* Menu */

#aemenu {
padding:10px 10px 30px 10px;
width:23%;
max-width:23%;
position:fixed;
top:0px;
right:0px;
background-color:#eeeeee;
z-index:290;
text-align:center;
}

#aemenu a:link {
text-decoration:none;
color:#444444;
}

#aemenu a:visited {
color:#444444;
}

#aemenu a:hover {
color:#666666;
}

#aemenu a:active {
color:#a10000;
}

#aemenu h2 {
line-height:150%;
}

#aecontainer {
width:300px;
height:100%;
position:absolute;
top:0px;
right:0px;
}

#aemenu h1, #aeindex h1, #aesoon h1 {
font-size:24px;
color:#444444;
font-weight:600;
}

#aemenu h1 span, #aeindex h1 span, #aesoon h1 span {
color:#666666;
letter-spacing: 2px;
font-size:90%;
font-weight:900;
}

#aemenu h2, #aeindex h2, #aesoon h2 {
font-size:22px;
color:#444444;
font-weight:300;
}

#aemenu h3, #aeindex h3, #aesoon h3 {
font-size:18px;
color:#a10000;
letter-spacing: -1px;
font-weight:700;
}

#aemenu h4, #aeindex h4, #aesoon h4 {
font-size:15px;
color:#444444;
font-weight:400;
}

#aemenu br {
line-height:50%;
}

/* TABS */ /* TABS */ /* TABS */ /* TABS */ /* TABS */ /* TABS */ /* TABS */ /* TABS */
/* Style the tab */
div.aevtab {
    overflow: hidden;
    background-color: #cccccc;
    position:fixed;
    height:40px;
    width:65%;
    z-index:250;
}

/* Style the buttons inside the tab */
div.aevtab button {
    background-color: inherit;
    float:left;
    width:33%;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    margin: 0px;
    transition: 0.3s;
    font-size:15px;
    line-height:200%;
    margin-top:-1%;
}

/* Change background color of buttons on hover */
div.aevtab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.aevtab button.aetactive {
    background-color: #eeeeee;
}

/* Create an active/current tablink class */
div.aevtab button.aepactive {
    background-color: #eeeeee;
}

/* Style the tab content */
.aetabcontent {
	padding-top:40px;
    display: none;
}

/* Main Section */ /* Main Section */ /* Main Section */ /* Main Section */

#aebody {
font-family: Arial, Helvetica, sans-serif;
}

#aemain {
border:none;
position:absolute;
top:-5px;
left:0px;
height:100%;
width:65%;
font-size:20px;
margin-right:25%;
padding-left:75px;
padding-right:50px;
max-width:65%;
overflow:scroll;
}

hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* Body Elements */ /* Body Elements */ /* Body Elements */ /* Body Elements */

p {
font-size:14px;
letter-spacing:1px;
}

#aemain h1 {
font-size:24px;
color:#444444;
font-weight:600;
}

#aemain h1 span {
color:#a10000;
font-size:90%;
}

#aemain h2 {
font-size:22px;
color:#555555;
text-align:center;
font-weight:600;
}

#aemain h2 span {
color:#d14b4b;
font-size:95%;
}

/* #aemain h3 {
font-size:20px;
color:#444444;
}

#aemain h3 span {
font-size:90%;
color:#a10000;
} */

.aeintro {
background-color:#eeeeee;
color:#444444;
padding: 20px;
font-family: Arial, Helvetica, sans-serif;
}

.aelefty, .aelefty h1, .aelefty h2, .aelefty p {
text-align:left!important;
}

.aerighty, .aerighty h1, .aerighty h2, .aerighty p {
text-align:right!important;
}

.aelatest {
padding:10px 3.5% 10px 3.5%;
line-height:120%;
display:inline-block;
max-width:25%;
overflow:hidden;
vertical-align:top;
text-align:center;
}

.aelatest img {
margin:auto;
height:150px;
}

.aelatest a:link, .aefeature a:link {
text-decoration:none;
}

.aefeature {
display:inline-block;
vertical-align:middle;
width:67%;
}
/*
.aefeature h1, .aefeature h2, .aefeature h3, .aefeature h4, .aefeature h5, .aefeature h6 {
color:#444444;
}*/

.aefeaturedimage {
display:inline-block;
vertical-align:middle;
padding:10px 1% 10px 1%;
max-width:30%;
overflow:hidden;
}

.aefeaturedimage img {
height:150px;
margin:auto;
}

.aeprofileimage {
display:inline-block;
vertical-align:top;
padding:10px 1% 10px 1%;
max-width:30%;
overflow:hidden;
}

.aeprofileimage img {
height:150px;
margin:auto;
}

.aecenter {
text-align:center;
}

.aeform {
text-align:center;
}

/* custom pages */ /* custom pages */ /* custom pages */ /* custom pages */
.aebodyphoto {
background-color:#000000;
color:#eeeeee;
}

input[type=text].aeform {
width:65%;
}


/*
.aegsingle {
display:block;
margin:auto;
height:90%;
padding:20px 0px 0px 0px;
}

.aegsingledesc {
background-color:000000;
position:fixed;
width:100%;
text-align:center;
bottom:0px;
padding:10px
}
*/

/* GALLERY *//* GALLERY *//* GALLERY *//* GALLERY *//* GALLERY *//* GALLERY */

.aegdisplayimage {
overflow:hidden;
margin:auto;
width:95%;
height:80px;
padding:10px 1% 10px 1%;
}

.aegdisplayimage img {
height:100px;
}

.aegalbum {
padding:10px 3.5% 10px 3.5%;
line-height:120%;
display:inline-block;
}

.aegalbum img {
margin:auto;
height:150px;
}

.aegmonth {
width:80%;
display:block;
margin:auto;
line-height:120%;
padding:5px;
}

/* The Modal (background) */
.aegmodal {
  display: none;
  position: fixed;
  z-index: 295;
  padding-top: 15px;
  padding-top: 15px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.aegmodalin {
  position: relative;
  background-color: #000000;
  margin: auto;
  padding: 0;
  width: 100%;
  max-width: 1200px;
  z-index: 296;
}

.aegslides img {
  height:95%;
  margin-left:5%;
}

/* The Close Button */
.aegclose {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
  z-index:297;
}

.aegclose:hover,
.aegclose:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.aegslides {
  display: none;
}

/* Next & previous buttons */
.aegprev,
.aegnext {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
  z-index:298;
}

/* Position the "next button" to the right */
.aegnext {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.aegprev:hover,
.aegnext:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.aegnumber {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.aegcaption {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

img.aegdemo {
  opacity: 0.6;
}

.aegactive,
.aegdemo:hover {
  opacity: 1;
}

.aegalbum img, img.aegmonth {
  transition: 0.3s
}

.aegalbum img:hover, img.aegmonth:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

/* VIDEOS and STORIES */

.aevideo {
margin:auto;
width:80%;
margin-top:2%;
}

.aevideo p, .aevideo h1, .aevideo h2 {
margin-top:20px;
}

/* Stories */

.aestory p, .aestory h1, .aestory h2 {
margin-top:20px;
}

.aestory {
margin:auto;
width:80%;
margin-top:5%;
}


/* RADIO / AUDIO */

.aeaudio {
margin:auto;
width:100%;
}

#aeradio {
position:relative;
left:25%;
right:25%;
width:100%;
max-width:60%;
overflow:hidden;
}

.aelivescroll {
 height: 50px;	
 overflow: hidden;
 position: relative;
}
.aelivescroll h2 {
 font-size: 3em;
 color: limegreen;
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: example1 15s linear infinite;
 -webkit-animation: example1 15s linear infinite;
 animation: example1 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example1 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example1 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example1 {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}

/*
#aeradio {
position:fixed;
bottom:0px;
left:0px;
background-color:#aaaaaa;
color:#000000;
height:30%;
width:30%;
padding:10px;
font-size:20px;
}
*/

/* ABOUT AND VOLTERRAN YOUNG PEOPLE */

.aeaboutvid {
padding:10px 3.5% 10px 3.5%;
display:inline-block;
max-width:40%;
overflow:hidden;
vertical-align:top;
}

.aeabout {
display:inline-block;
vertical-align:middle;
width:50%;
}

/* FRIENDS AND DONATE */

.aedonate {
padding-left:2%;
padding-right:2%;
display:inline-block;
width:44%;
max-width:44%;
overflow:hidden;
vertical-align:top;
}

/* ARTICLES */

.aearticle p {
padding-bottom: 15px;
letter-spacing:1px;
}

/* CONTACT */

#mc_embed_signup{
background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif;
 }
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block. */