* { margin: 0; }

html { font-size: 100%; }
img { max-width: 100%; }


#header 			{ margin: 10px; }

/* #logo 		{ position: absolute; top: 15px; left: 15px; z-index: 20; } */
#header #logo 								{ margin-right: 10px; float: left; }
#header #full_navigation 					{ float: left; }
#header #full_navigation .item 				{ margin: 11px 10px 0 0; width: 10%; height: 38px; line-height: 41px; font-size: 10px; font-family: "aquilone_regular"; text-align: center; background: #000; float: left; }
#header #full_navigation .item:last-child 	{ margin-right: 0; }
#header #full_navigation .item a			{ color: #fff; text-decoration: none; }

#header #mobile_navigation 				{ margin: 0; }
#header #mobile_navigation img 			{ float: right; }
#header #mobile_navigation .menu 		{ width: 100px; height: 205px; background: #fff; position: absolute; top: 35px; right: 0; z-index: 10; text-align: center; }
#header #mobile_navigation .menu a 		{ color: #000; font-size: 16px; font-family: "aquilone_regular"; text-decoration: none; line-height: 25px; }

#footer 								{ margin-top: 45px; width: 100%; height: 65px; background: #000; }
#footer .footer_container 				{ margin: 0 auto; width: 75%; height: 65px; color: #fff; font-size: 7px; position: relative; }
#footer .footer_container .copyright 	{ width: 50%; float: left; font-family: "miller_banner_light"; line-height: 65px;  }
#footer .footer_container .follow_container 				{ width: 50%; float: left; text-align: right; }
#footer .footer_container .follow_container p.follow 		{ float: right; font-family: "aquilone_regular"; line-height: 65px; }
#footer .footer_container .follow_container .icons img 		{ margin: 27px 0 0 8px; width: 8px; float: right; }

/*
#full_navigation 			{ margin: 10px 0 10px 10px; width: 100%; }
#full_navigation .item 		{ margin-right: 10px; width: 12%; height: 70px; line-height: 70px; font-size: 18px; font-family: "aquilone_regular"; text-align: center; background: #c8d2ca; float: left; }
#full_navigation .item a	{ color: #000; text-decoration: none; }
*/

/* hero */
#hero 										{ position: relative; }
#hero .content_container 					{ width: 50%; margin-top: 20px; position: absolute; top: 0; right: 0; text-align: center; }
#hero .content_container .content 			{ width: 80%; font-family: "miller_banner_light"; }
#hero .content_container .content h1 		{ font-size: 12px; font-weight: normal; }
#hero .content_container .content h1.home 	{ margin-top: 10%; font-size: 16px; }
#hero .content_container .content p 		{ margin-top: 20px; }
#hero .content_container .content img.books { margin-top: 15px; width: 45%; }
#hero .content_container .content p.small 	{ font-size: 9px; }

#hero .content_container .button_container 					{ width: 100%; }
#hero .content_container .button_container.right 			{ text-align: right; }
#hero .content_container .button_container a 				{ padding: 8px 10px; color: #000; font-size: 12px; font-family: "aquilone_regular"; text-decoration: none; line-height: 45px; background: #fff;  }

#hero .video_container 							{ margin: 0 auto; width: 80%; }
#hero .video_container .video_player 			{ width: 100%; }


/* home */
#home_sections  									{ margin: 10px; }
#home_sections .section 							{ margin: 0 10px 10px 0; width: 100%; float: left; }
#home_sections .section:last-child 					{ margin-right: 0; }
#home_sections .section .header 					{ padding: 20px 10px; color: #fff; background: #000; text-align: center; }
#home_sections .section .header h2 					{ font-size: 24px; }
#home_sections .section .header p 					{ margin-top: 12px; font-size: 11px; }
#home_sections .section .content 					{ margin-top: 10px; padding: 20px; background: #d4d5d5; }
#home_sections .section .content p.title 			{ font-family: "aquilone_regular"; }
#home_sections .section .content .twitter_feed		{ margin-top: 20px; }


#home_sections .section .content .video_container 						{ margin-top: 20px; padding-bottom: 56.25%; height: 0; position: relative; }
#home_sections .section .content .video_container .BrightcoveExperience { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#home_sections .section .content .news_story_container 					{ margin-top: 20px; }
#home_sections .section .content .news_story_container p.headline 		{ font-weight: bold; }
#home_sections .section .content .news_story_container a 				{ color: #4f93c4; font-size: 18px; font-style: italic; line-height: 30px; text-decoration: none; }


/* writings */
#writings 												{ margin: 10px; }
#writings .story_container 								{ width: 100%; }
#writings .story_container .story 						{ margin: 10px; position: relative; }
#writings .story_container .story img 					{ }
#writings .story_container .story .title_container 		{ width: 100%; height: 50%; position: absolute; top: 50%; left: 0; background: #e1e1e1; opacity: 0.75; filter: alpha(opacity=75); }
#writings .story_container .story .title				{ margin: 10px; position: absolute; top: 50%; left: 0; }
#writings .story_container .story .title a 				{ color: #000; font-size: 15px; text-decoration: none; }
#writings .story_container .story .title p.date 		{ font-size: 12px; font-style: italic; }
#writings .header 										{ margin-bottom: 10px; padding: 10px; color: #fff; font-size: 22px; font-style: italic; text-align: right; background: #000; position: relative; }


/* appearances */
#appearances 											{ /*margin: 10px;*/ }
#appearances .item_container 							{ margin: 0 0 10px 10px; float: left; position: relative; }
#appearances .item_container.television 				{ background: #080a14; }/*{ width: 32px; height: 32px; position: absolute; background: #fff url( '../images/media-icon-television.png' ); bottom: 0; right: 0; }*/
#appearances .item_container.radio 						{ background: #1c140b; }/*{ width: 32px; height: 32px; position: absolute; background: #fff url( '../images/media-icon-radio.png' ); bottom: 0; right: 0; }*/
#appearances .item_container.print 						{ background: #2c2b22; }/*{ width: 32px; height: 32px; position: absolute; background: #fff url( '../images/media-icon-print.png' ); bottom: 0; right: 0; }*/
#appearances .item_container .date 						{ float: left; }
#appearances .item_container .date .date_month			{ margin: 12px 0 0 12px; color: #839097; font-size: 30px; text-transform: uppercase; }
#appearances .item_container .date .date_day			{ margin-left: 12px; color: #fff; font-size: 60px; line-height: 45px; }
#appearances .item_container .media_logo 				{ margin: 12px 12px 0 0; width: 75px; height: 75px; float: right; }
#appearances .item_container .title 							{ margin: 20px 12px 0 12px; color: #fff; font-size: 18px; }

/* gallery */
#gallery 								{ margin: 10px; }
#gallery .column 						{ margin: 0 10px 0 0; float: left; }
#gallery .column:last-child 			{ margin-right: 0; }
#gallery .column img 					{ margin-bottom: 10px; }

.hide 							{ display: none; visibility: 0; }
.clear:after 					{ height: 0; display: block; clear: both; visibility: hidden; content: "."; }
.scrollbar-measure 				{ width: 100px;	height: 100px; overflow: scroll; position: absolute; top: -9999px; }
.ft_left 						{ float: left; }
.ft_right 						{ float: right; }




/* media queries */
@media screen and ( min-width: 480px ) {

	body 											{ font-size: 12px;}
	#hero .content_container .content h1 			{ font-size: 17px; }
	#hero .content_container .content h1.home 		{ font-size: 25px; }
	#hero .content_container .content p.small 		{ font-size: 11px; }
	#hero .content_container .button_container a 	{ font-size: 15px; line-height: 50px;  }
	#home_sections .section 						{ width: 100%; }
	#writings .story_container .story .title a 		{ font-size: 21px; }
	#writings .story_container .story .title p.date { font-size: 18px; }
	#writings .header 								{ font-size: 30px; }
	#footer .footer_container						{ font-size: 7px; }
	#footer .footer_container .follow_container .icons img 		{ margin: 21px 0 0 15px; width: 20px; }

}

@media screen and ( min-width: 640px ) {

	body 											{ font-size: 14px;}
	#hero .content_container .content h1 			{ font-size: 24px; }
	#hero .content_container .content h1.home		{ font-size: 32px; }
	#hero .content_container .content p 			{ font-size: 14px; }
	#hero .content_container .content p.small 		{ font-size: 13px; }
	#hero .content_container .button_container a 	{ font-size: 15px; line-height: 45px; }
	#home_sections .section 						{ width: 100%; }
	#home_sections .section .header h2 				{ font-size: 16px; }
	#writings .story_container 						{ width: 50%; float: left; }
	#writings .story_container .story .title a 		{ font-size: 16px; }
	#writings .story_container .story .title p.date { font-size: 12px; }
	#writings .header 								{ font-size: 60px; }
	#footer .footer_container						{ font-size: 10px; }
	#footer .footer_container .follow_container .icons img 		{ margin: 18px 0 0 15px; width: 25px; }

}

@media screen and ( min-width: 960px ) {

	body 											{ font-size: 22px; }
	#header #full_navigation .item 					{ margin-top: 15px; height: 51px; font-size: 16px; line-height: 51px; }
	#hero .content_container .content h1 			{ font-size: 28px; }
	#hero .content_container .content h1.home		{ font-size: 50px; }
	#hero .content_container .content p 			{ font-size: 23px; }
	#hero .content_container .content p.small 		{ font-size: 20px; }
	#hero .content_container .content img.books 	{ width: 70%; }
	#hero .content_container .button_container a 	{ font-size: 20px; line-height: 60px; }
	#home_sections .section .header h2 				{ font-size: 23px; }
	#home_sections .section .header p 				{ font-size: 13px; }
	#writings .story_container .story .title a		{ font-size: 21px; }
	#writings .story_container .story .title p.date { font-size: 18px; }
	#writings .header 								{ font-size: 80px; }
	#footer .footer_container						{ font-size: 15px; }
	#footer .footer_container .follow_container .icons img 		{ margin: 16px 0 0 15px; width: 32px; }
	#footer .copyright								{ font-size: 12px; }

}

@media screen and ( min-width: 1440px ) {

	body 											{ font-size: 25px; }
	#header #full_navigation .item 					{ margin-top: 19px; height: 63px; font-size: 18px; line-height: 63px; }
	#hero .content_container .content h1 			{ font-size: 42px; }
	#hero .content_container .content h1.home 		{ font-size: 75px; }
	#hero .content_container .content p 			{ font-size: 35px; }
	#hero .content_container .content p.small 		{ font-size: 31px; }
	#hero .content_container .button_container a 	{ font-size: 25px; line-height: 75px; }
	#home_sections .section .header h2 				{ font-size: 39px; }
	#home_sections .section .header p 				{ font-size: 18px; }
	#writings .story_container .story .title a 		{ font-size: 32px; }
	#writings .story_container .story .title p.date { font-size: 26px; }
	#writings .header 								{ font-size: 100px; }
	#footer .footer_container						{ font-size: 18px; }
	#footer .copyright								{ font-size: 14px; }


}

@media screen and ( min-width: 1920px ) {

	body 											{ font-size: 25px; }
	#full_navigation .item 							{ height: 90px; line-height: 90px; font-size: 20px; }
	#hero .content_container .content h1 			{ font-size: 57px; }
	#hero .content_container .content h1.home 		{ font-size: 100px; }
	#hero .content_container .content p 			{ font-size: 47px; }
	#hero .content_container .content p.small 		{ font-size: 42px; }
	#hero .content_container .button_container a 	{ font-size: 35px; line-height: 105px; }
	#home_sections .section .header h2 				{ font-size: 52px; }
	#home_sections .section .header p 				{ font-size: 24px; }
	#writings .story_container .story .title a		{ font-size: 42px; }
	#writings .story_container .story .title p.date { font-size: 34px; }
	#writings .header 								{ font-size: 100px; }
	#footer .footer_container						{ font-size: 18px; }

}


/* fonts */
@charset "UTF-8";

@font-face {
	font-family: 'aquilone_regular';
	src: 	url('../fonts/aquilone-regular-webfont.woff2') format('woff2'),
			url('../fonts/aquilone-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'harriet_display_regular';
	src: 	url('../fonts/harrietdisplay-regular-1v6-webfont.woff2') format('woff2'),
			url('../fonts/harrietdisplay-regular-1v6-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'harriet_display_light';
	src: url('../fonts/harrietdisplay-light-1v6-webfont.woff2') format('woff2'),
		url('../fonts/harrietdisplay-light-1v6-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'miller_banner_light';
	src: url('../fonts/Font Bureau - MillerBanner Light.eot');
	src: local('☺'), url('../fonts/Font Bureau - MillerBanner Light.woff') format('woff'), url('../fonts/Font Bureau - MillerBanner Light.ttf') format('truetype'), url('../fonts/Font Bureau - MillerBanner Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}