@charset "utf-8";

html,body {height:100%; background-color:#000; color:#000; font-family:Times, "Times New Roman", serif; font-size:1em; margin: 0; padding: 0; line-height:1.3em;}

a img {border: none;}
a:active {text-decoration: none; border:none}
#topnav {width: 100%; margin: 0 auto; text-align:center; color:#6e9fd7; font-size:68.8%; height:30px; overflow:hidden; position:absolute; top:0; left:0;}
#topnav_links {display:none; padding:5px 0;}
#topnav a {color:#6e9fd7; text-decoration:none; display: inline-block; padding:0px 5px;}
#topnav a:hover {color:#6e9fd7; text-decoration:underline;}
#pageholder {padding-top:8px; position:relative;}

#container {max-width:338px; width:100%; margin: 0 auto; background:url(../images/bluesky.jpg) 0 0 no-repeat; background-size:contain; position:relative; display:none;}

#credit {font-size:62.5%; width:100%; text-align:center; display:none; left:0;}
#credit a {color:#6e9fd7; text-decoration:none;}
#credit a:hover {color:#6e9fd7; text-decoration:underline;}
#credit .scholastic_link {padding-bottom:2px; font-size:14px;}

/* animation items */
#lightning-holder {position:relative; visibility:hidden; display:block;}
#lightning-holder img {position:relative; max-width:438px; width:100%; height: auto;  }
#lightning {display:none; position:absolute; top:0; left:0;}
#lightning img {max-width:438px; width:100%; height: auto;}
#flatlightning {display:none; position:absolute; top:0; left:0;}
#flatlightning img {max-width:438px; width:100%; height: auto;}
#glowingbolt {display:none; position:absolute; top:0; left:0;}
#glowingbolt img {max-width:438px; width:100%; height: auto;}


#brianselznick {display:none; position:absolute; top:0; left:0;}
#brianselznick a img {max-width:438px; width:100%; height: auto;}
#brianselznick a {display:block; background:url(../images/brianselznick_rev1.png) no-repeat 0 0; background-size:contain;}
#brianselznick a:hover { background-image:url(../images/brianselznick_rev2.png);}

#subhed {display:none; position:absolute; top:7.66%; left:0;}
#subhed a img {max-width:438px; width:100%; height: auto;}
#subhed a {background:url(../images/subhed_rev1.png) no-repeat 0 0; background-size:contain;}
#subhed a:hover {background-image:url(../images/subhed_rev2.png)}
#subhed a.hugolink {display:none;}
#subhed a.homelink {display:block;}

#wonderstruck {display:none; position:absolute; top:23.75%; left:0;}
#wonderstruck a {display:block; background:url(../images/wonderstruck_rev1.png) no-repeat 0 0; background-size:contain}
#wonderstruck a:hover { background-image: url(../images/wonderstruck_rev2.png)}
#wonderstruck a img {max-width:438px; width:100%; height: auto;}

#wonderstruck_glow {display:none; position:absolute; top:23.75%; left:0;}
#wonderstruck_glow a {display:block; background:url(../images/wonderstruck_rev2.png) 0 0 no-repeat; background-size:contain;}
#wonderstruck_glow a img {max-width:438px; width:100%; height: auto;}

#pubdate {width:82px; margin:0 auto; display:none;}

@media only screen and (min-width: 600px) {
#pageholder {padding-top:30px;}
#container {max-width:438px;}
#subhed a.hugolink {display:block;}
#subhed a.homelink {display:none;}
}