/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.container{
	width: 768px;
}
h1, h2, h3 { font-size: 24px; line-height: 32px; margin-bottom: 32px; }

/* Header Edits: */
header nav ul{
	font-size: 20px;
	width: 505px;
	margin: 0 0 0 110px;
}
header nav ul li{
	width: 100px;
}
/* Homepage Feature: */ 
.home-feature{
	width: 100%; 
	min-height:460px; height:auto !important; height:460px; 
}
.home-feature .video, .home-feature .asset{
	margin: 0 auto;
	width: 720px; height: 405px;
}
.royalSlider.default .royalWrapper, .royalSlider .royalSlide{
	height: 455px;
}
.royalSlider.default div.centeredSlide{
	margin: 25px auto;
	height: 405px;
}
.home-feature iframe{
	max-width: 720px; height: 405px;
}
.home-feature .video img, .home-feature .asset img{
	max-width: 720px; height: auto;
}
/* Homepage Welcome: */ 
article.welcome{
	padding: 16px 0;
	width: 768px; 
}
article.welcome p{
	margin: 12px 200px;
}
/* Age Search: */ 
.age-search{
	padding: 35px 0 35px 0;
}
/* Footer: */ 
footer{
	padding: 35px 0;
	width: 768px;
}
/* Activities Menu: */ 
div.show-hide{
	display: none;
	margin-left: -384px;
	width: 768px;
}
.royalSlider.activities-slider .arrow{
	top: 390px;
}
/* Activities Text: */ 
.main h2.info{
	width: 685px;
}
.main article.info .info-content, .main article.detail{
	width: 685px;
}
.main article.info .summary{
	width: 354px;
}
.main article.info .tips{
	width: 300px;
}
.main article.info article.activity-detail {
	margin: 0 0 0 0;
	position: relative;
}
div.activities.content .controls{
	width: 768px;	 
}

}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
 @media only screen and (max-width: 767px) {

.container{
	width: 300px;
}
h1, h2, h3 { font-size: 20px; line-height: 28px; margin-bottom: 32px; }
.contentwrap{
	padding-top: 35px;
}
.main.about, .main.searchresults{
	padding-top: 0;
}
.main article.info div.links a.print{
	display: none;
}

/* Header Edits: */
header a#logo.char1, header a#logo.char2, header a#logo.char2, header a#logo.char3, header a#logo.char4, header a#logo.char5{
	background: transparent;
}
header{
	min-height:30px; height:auto !important; height:30px; 
	position: static;
	width: 100%;
}
.shade{
	box-shadow: none;
}
header a#logo{
	background: transparent;
	display: block;
	font-family: 'Avenir LT W01 95 Black', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 17px;
	position: static;
	margin: 30px 0;
	text-indent: 0;
	text-align: center;
	width: auto; height: auto;
}
header a#logo span{
	display: block;
	margin-bottom: 20px;
}
header a#logo.index-link{
	background: #BBDEEA;
	font-family: 'Avenir LT W01 55 Roman', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	padding: 10px;
	text-transform: uppercase;
	width: 140px;
}
.section-title{
	width: 100%;
}
.section-title h1{
	width: 100%;		
}
.support{
	display: none;
}
header nav.internal{
	display: none;
}
header nav ul{
	font-size: 20px;
	width: 100%;
	margin: 20px 0 0 0;
}
header nav ul li{
	border: none;
	float: none;
	margin: 0 0 1px 0;
	width: 100%;
}
header nav ul li a{
	background: #BBDEEA;
	display: block;
	padding: 15px 0 14px 0	;
}
header ul.activities{
	display: none;
}
ul.activities-mobile{
	display: inherit;
	font-family: 'Avenir LT W01 55 Roman', "Helvetica Neue";
	font-size: 20px; line-height: 20px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
ul.activities-mobile li{
	border: 0;
	float: none;
	margin: 0 0 0 0; padding: 0 0 0 0;	
	text-align: center;
	width: 100%;
} 
ul.activities-mobile li a{
	display: block;
	opacity: 1;
	padding: 15px 0;	
	width: 100%;	
}
ul.activities-mobile li a.read{
	background: #FFDB29;	
}
ul.activities-mobile li a.write{
	background: #FFA6A6;	
}
ul.activities-mobile li a.count{
	background: #BDDEF3;	
}
ul.activities-mobile li a.talk{
	background: #B3D88B;	
}
ul.activities-mobile li a.play{
	background: #C4BFDF;	
}
.main{
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}
.main article.info{
	padding-top: 0;
}
.main h2.info{
	font-size: 20px;
	margin: 30px auto;	
	width: 300px;
}
.main h2.info a, .main h2.info a.active{
	background: transparent; 
}
.main article.info .info-content, .main article.detail{
	width: 300px;
	margin: 0 auto;
	padding: 0 0 0 0;
}
.main article.info .summary{
	border: 0;
	width: 300px;
}
.main article.info .tips{
	width: 300px;
}
.main article.info article.activity-detail {
	margin: 0 0 0 0;
	position: relative;
}
div.activities.menu{
	display: none;
}
div.activities-list {
	margin: 0 auto;
	min-height:185px; height:auto !important; height:185px; 
	padding: 15px 0 35px 0;
}
div.activities-list h2{
	display: inherit;
	margin: 0 auto 30px auto;
	text-align: center;
}
div.activities-list .wrapper{
	width: 248px;
}
div.activities-list div.item{
	float: none;
}
div.activities.content {
	height: auto;
	margin-bottom: 35px;	
	overflow: hidden;
	position: relative;
}
div.activities.content .asset {
	width: 300px;
}
div.activities.content .asset iframe{
	background:rgba(0,0,0,0.5);	
	max-width: 300px;
}
div.activities.content .asset img{
	max-width: 300px; height: auto;
}
div.activities.content .title{
	position: static;
	margin: 0 auto 0 auto;
	width: 300px;	
}
div.activities.content .title h1{
	font-size: 32px; line-height: 32px;
	margin: 0 0 32px 0;
	text-align: center;
}
div.activities.content .title hr{
	margin: 0 auto;
	width: 300px;
}
div.activities.content .controls{
	position: relative;
	margin: 50px auto;
	width: 300px;	 
}
div.activities.content .controls a{
	display: block;
	font-size: 12px; line-height: 14px;
	padding: 0 0 0 0;	
	margin-bottom: 14px;		
	width: auto;
}
div.activities.content .controls a:last-child{
	margin-bottom: 0;		
}
div.activities.content .controls a span{
	text-align: center;
	width: auto;
}
div.activities.content .controls a.back{
	background: transparent;
	float: none;
	padding: 0;
}
div.activities.content .controls a.pdf{
	background: transparent;
	float: none;
	padding: 0;
}
.main article.info div.links a{
	display: block;
	margin: 0 auto 11px auto;
}
.main article.info article.activity-detail ul.questions{
	margin: 0 0 0 0;
}
.main article.info article.activity-detail ul.questions li a{
	text-decoration: underline;
}
.main article.info article.activity-detail ul.questions li div.tip{
	display: none; visibility: hidden;
}
.main article.info article.activity-detail h4 a{
	background: transparent;
}
.main article.info article.activity-detail h4 a.active{
	background: transparent;
}
.main article.info .activity-tools {
	display: none;
}
.main article.info .activity-tools div{
	float: none; 
	margin-bottom: 32px;	
	width: 100%;
} 
.main article.info .activity-tools div p{
	margin-right: 0; 
}
.main article.info .activity-tools h5{
	margin-bottom: 16px;
	text-decoration: underline;
}
.main article.info .activity-tools div.updates, .main article.info .activity-tools div.links{
	text-align: center;
	width: 100%;
}
div.mail{
	display: none;
}
.home-feature, article.welcome, .age-search{
	display: none; 
}
.main{
	padding-top: 0px;
}
.home{
	margin: 0 0 0 0;
}
footer{
	font-size: 14px;
	padding: 20px 0;
	width: 300px;
}
footer .quicksearch{
	width: 260px;
	margin: 35px auto;
}
footer .quicksearch label{
	width: 90%;
	margin: 0 auto 20px auto;
}
footer .quicksearch .search-image{
	float: right;
	margin: 0 0 0 10px;
}
footer .quicksearch .keywords{
	float: none;
	width: 200px; 
}
footer p.credit{
	margin: 45px auto;
	text-align: center;
	width: 300px;
}
/* #Search Result Styles
================================================== */
.main article.detail h2.search-header, .main article.detail h2.collection-header{
	margin: 0 auto 35px auto;
	width: 300px;
}
span.search-term{
	background: #BBDEEA;
	padding: 2px 5px;
	margin: 0 5px;
}
div.result{
	width: 300px;
	margin: 0 auto;
}
div.result div.preview{
	float: none;
	font-size: 12px;
	margin: 0 auto;
	text-align: center;
	width: 146px;
}
div.result div.excerpt{
	float: none;
	margin: 0 0 0 0;
	width: 300px;
}


}

/* All Mobile Sizes (devices and browser) */
@media only screen and (min-width: 481px) and (max-width: 767px) {

.container{
	width: 480px;
}
.main h2.info{
	width: 480px;
}
.main article.info .info-content, .main article.detail{
	width: 440px;
}
.main article.info .summary{
	width: 440px;
}
.main article.info .tips{
	width: 440px;
}
div.activities.content .asset {
	width: 440px;
}
div.activities.content .asset iframe{
	background:rgba(0,0,0,0.5);	
	max-width: 440px;
}
div.activities.content .asset img{
	max-width: 440px; height: auto;
}
div.activities.content .title{
	position: static;
	margin: 0 auto 0 auto;
	width: 440px;	
}
div.activities.content .title hr{
	margin: 0 auto;
	width: 320px;
}
.main article.info .activity-tools {
	margin: 0 auto;
	position: relative;
	width: 440px;
}
footer{
	padding: 20px 0;
	width: 480px;
}
footer p.credit{
	font-size: 14px;
	margin: 45px auto;
	text-align: center;
	width: 300px;
}

}