@import url("reset.css");
@import url("fonts.css");
@import url("textReader.css");

/* _____ GENERAL STYLING _____
   _____                 _____ */

img	
	{
		max-width:100%;
	}
   
body{
    background-image:url('../images/blizzard.png');
	background-repeat:repeat;
	background-color: #cccccc;
	font-family:'franklin gothic book', 'verdana', sans-serif;
	color:#333333;
}

a:link
	{
		text-decoration:none;
	}

a:visited, a:hover, a:active
	{
		color:#000000;
	}

.wrapper
		{
			width:80%;
			margin-left:auto;
			margin-right:auto;
		}
strong
	{
		font-weight:bold;
	}
.result-category
	{
		display:none;
	}
/* _____ HEADER _____
   _____        _____ */
   
header 
	{
		background-color:#333333;
		border-bottom:solid 7px #F6BC49;
	}
	
img.logo
	{
		padding-bottom:20px;
		padding-top:20px;
	}

.translate
	{
		float:right;
		padding-top:2%;
	}
	
hr
	{
		width:100%;
		margin-left:auto;
		margin-right:auto;
		height:3px;
		background-color:#8DD7F7;
		border:none;
	}
/* _____ NAVIGATION & LINKS _____
   _____                    _____ */
nav
	{
		width:100%;
		background-color:#00b8f1;
		float:left;
		margin-bottom:1.5%;
	}
nav ul li
	{
		display:inline;
		float:left;
		padding:1.5% 1.5% 1% 0;
		font-size:1em;
		list-style:none;
		text-transform:uppercase;
	}
	
nav a:link
	{
		color:#ffffff;
		font-family:'clear_sansregular';
	}

nav a:visited, nav a:hover, nav a:active
	{
		color:#ffffff;
	}

.search
	{
		color:#ffffff;
		padding-top:1%;
		padding-bottom:1%;
		float:right;
		margin-top:3px;
	}
.search .element-invisible{
	display:none;
}	
.schedule
	{
		background-image:url('images/icons/schedule.png');
		background-repeat:no-repeat;
		background-position:left;
		width:35px;
		height:35px;
	}
.separator
	{
		color:#EFEFEF;
		font-family:'clear_sansregular', 'franklin gothic book', sans-serif;
		margin-left:2%;
		font-size:1.25em;
	}
	
.mobileNav
	{
		display:none;
	}
	
/* _____ CONTENT _____
   _____         _____ */
   
.rotatingBanner
	{
		width:100%;
		height:auto;
		clear:both;
		margin-bottom:3.5%;
		
	}
   
.feature 
	{
		max-width:29%;
		padding:0;
		max-height:200px;
		margin-left:10%;
		margin-top:1.5%;
		-webkit-box-shadow: 2px 2px 7px 0px rgba(51,51,51,1);
		-moz-box-shadow: 2px 2px 7px 0px rgba(51,51,51,1);
		box-shadow: 2px 2px 7px 0px rgba(51,51,51,1);
		float:left;
		
	}
   
 .mainContent
	{
		width:60%;
		background:none;
		margin-top:0;
		margin-bottom:2%;
		float:left;
	}
	
p 
	{
		padding:0.75% 2% 0.75% 2%;
		line-height:1.5em;
	}

h1, h2, h3,
h4, h5, h6
	{
		font-family:'clear_sansregular', 'franklin gothic book', 'verdana', sans-serif;
	}
h1 
	{
		font-size:2em;
	}
	
h2
	{
		background-color:#333333;
		padding:2%;
		margin:0;
		font-size:1.5em;
		font-weight:bold;
		color:#ffffff;
	}
h4
	{
		font-size:1em;
		font-weight:bold;
		padding: 2% 0 0 2%;
		color:#333333;
	}
h5, h6
	{
		font-size:1em;
		padding: 2% 0 0 2%;
		color:#333333;
	}
	
li 
	{
		line-height:1.5em;
	}
	
	
/* _____ FOOTER  _____
   _____         _____ */	

footer 
	{
		background-color:#333333;
		border-top:solid 10px #F6BC49;
		width:100%;
	}
	
footer ul 
	{
		list-style:none;
		float:left;
		padding:1% 2.5% 1% 2.5%;
	}

footer ul li 
		{
			padding-top:1.5%;
			padding-bottom:1.5%;
		}
	
footer a:link
	{
		color:#ffffff;
		font-family:'clear_sansregular';
	}

footer a:visited, nav a:hover, nav a:active
	{
		color:#ffffff;
	}
	
footer p 
	{
		color:#ffffff;
	}
.footerContainer
	{
		width:25%;
		float:left;
		border:solid 1px orange;
	}
	
.copyright
	{
		text-align:center;
		padding-bottom:1%;
		padding-top:1%;
	}

/* BrowseAloud Code */
#browseAloud{
	margin-top:90px;
	float:right;
	width:200px;
	text-align:right;
	}
#browseAloud a{	
	color:#fff;
}
#browseAloud img{	
	padding-right:5px;
}
#browseAloud span{
	position:relative;
	top:-7px;
	padding-right:2px;
}
#__ba_panel{
	display:none;
	}
/* ________ MEDIA QUERIES ________
   ________               ________ */
   
 @media only screen and (max-width:960px) 
	{
		.logo {padding-left:2%;}
		.sideContent {clear:both; width:100%;}
		.mainContent {clear:both; width:95%; margin-left:2.5%; background-color:rgba(208,205,250,0.2); margin-top:2%; margin-bottom:0;} 
		h2 {background:none; color:#333333;}
		.wrapper {width:100%;}
		.mobileNav {display:block;}
		.rotatingBanner, .mainNav, .feature {display:none;}
		.translate {margin-right:2%;}
	}
   
  @media only screen and (max-width:800px) 
	{
		footer ul li, hr{display:none;}
		footer {height:200px;}
		.copyright {padding-top:40px; clear:both;}
		#browseAloud{
		width:100%;
		text-align:center;
		margin-top:20px;
		}
	}  
   
 @media only screen and (max-width:480px) 
	{
		.wrapper {width:100%;}
		.logo {padding-left:12%;}
	}
   
