/* Base 
 --------------------------------------------------- */
html, body { margin: 0; padding: 0; }

p { font: bold 14px Arial, Helvetica, sans-serif; }

/* iWorld Banner 
 --------------------------------------------------- */
#banner {
	background: url(../images/purple_banner.png) repeat-x;
	height: 50px;
	overflow: hidden; }

#banner a {
	background: url(../images/iworld_text.png) no-repeat;
	display: block;
	height: 22px;
	margin: 14px auto 0;
	opacity: 0.9;
	outline: none;
	text-align: center;
	text-indent: -9999px;
	width: 391px; }

#banner a:hover,
#banner a:focus { opacity: 1; }

#banner a:active { 
	position: relative; 
	top: 1px; }

/* Welcome Video 
 --------------------------------------------------- */
#video-container { 
	margin: 10px 0;
	text-align: center; }

#welcome-video {
	width: 422px;
	height: 237px;
	background: #000 url('../videos/welcome-preview.jpg') no-repeat top left;
	border-top: 2px solid #523994;
	border-bottom: 2px solid #523994; }
	
/* Bookfair Button 
 --------------------------------------------------- */
#bookfair { text-align: center; }

#bookfair td {
	 margin: 0; 
	 padding: 20px 0; }

#bookfair p { 
	color: #2BB897;
	line-height: 1.5em;
	margin: 0 auto;
	width: 350px; }

#bookfair strong { 
	color: #FFF;
	display: block; 
	font-size: 1.5em; 
	text-shadow: 0 2px 3px #000; }

#bookfair a:link, 
#bookfair a:visited { 
	background: #0D624E;
	border: 2px solid #53FBD4;
	color: #2BB897;
	display: block;
	text-decoration: none;
	padding: 10px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px; }

#bookfair a:hover, 
#bookfair a:active, 
#bookfair a:focus { background: #0F6F58; }

/* Newsletter 
 --------------------------------------------------- */
#blog-link { border: none; }
 
#newsletters { margin: 0 0 0 180px; }

#newsletters,
#newsletter-page #intro { 
	font-family: "Lucida Grande", Arial, "Helvetica Neue", Helvetica, sans-serif;
	width: 390px; }

#newsletter-page h2 { 
	background: url(../images/scribble_green.png) no-repeat top center;
	color: #FFF;
	display: block;
	font-size: 18px;
	font-weight: bold;
	height: 32px;
	letter-spacing: 1px;
	margin: 0;
	line-height: 1em;
	padding: 6px 0 0;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
	width: 390px; }
	
#newsletters li { 
	display: block;
	list-style: none; 
	line-height: 1em;
	padding: 0 0 12px 20px; }

#newsletters ul {
	background: rgba(255, 255, 255, .75);
	border: 1px solid rgba(0, 0, 0, .1);
	*border: none; /* IE <= 7 Hack :[ */
	padding: 10px 0;
	/* CSS3: Border Radius */
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: all 0.2s ease-out;
	/* CSS3: Box Shadow */
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
	box-shadow: 0 0 20px rgba(0, 0, 0, .15); }

#newsletters ul:focus,
#newsletters ul:hover { background: rgba(255, 255, 255, 1); }

#newsletters a {
	color: #3D00A4;
	display: block;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	opacity: .9;
	text-align: left;
	text-decoration: none;
	text-shadow: 0 1px 0 #FFF;
	-webkit-transition: all 0.2s ease-out; }
	
#newsletters a:focus,
#newsletters a:hover {
	color: #189C94;
	opacity: 1;
	padding-left: 10px; }
	
#newsletters a:active { 
	position: relative;
	top: 1px; }