body, select, input, textarea, .sans {  
  color: #122438;
  font-family: sans-serif;
}

a, a:active{  
	color:#DE3C10;
	text-decoration:none;
}
a:visited { color:#d33910; }
a:hover {  
	color:#ff4715;
	text-decoration:none;
}
body {
    line-height: 1.5;
	background: #bbcee0;
	background-image:url(../images/background-tile.gif);
	border-top: 1px solid #7a7a7a;
	overflow-x: hidden;
}
	
.hand, .site-body .frame h3, .site-body .frame h4, #header h2, .site-body h4 + h3 { 
	font-family: 'AYearWithoutRainRegular', 'JournalRegular', 'vincHandRegular', 'AlphaMackAOERegular', 'LightuptheWorldRegular', "Segoe Print", "Kristen ITC", "Market Felt", "Lucida Handwriting", "Comic Sans MS", cursive;
    font-weight: normal;
    font-style: normal;
	letter-spacing: 0.05em;
}
	.hand em, .frame h3 em, .frame h4 em {
		font-style: normal;
		font-weight: bold;
	}

h1, h2, h3, h4, h5, .headfont  {
	font-family: sans-serif;	
}
h1, h2, h3, h4, h5, h6 { font-weight: bold; text-align: center; text-shadow: 0 1px 0 rgba(255,255,255,0.5); position: relative; }	
h1, .h1 { font-size:77.1px; }
h2 , .h2{ font-size:32px; }
h3 , .h3{ font-size:30px; } 
h4, .h4 { font-size:24px; }
h5, .h5 { font-size:18px; }
h6, .h6 { font-size:16px; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { margin: 20px auto; }	
p, ul { margin: 0 auto 20px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none;}

h4 + h3 { font-size: 22px; margin-top:-20px;}

.frame input, .box { 
	background: #dfe7f1; 
	border: 1px solid #aec0d8; 
	width: 90%;
	max-width: 450px; 
	display: block; 
	position: relative;
	margin: 0 auto; 
 -webkit-border-radius: 5px;
          border-radius: 5px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
	.lt-ie8 .frame input, .lt-ie8 .box { width: 450px; }
	.frame input { font-size: 20px; line-height: 1.1em;  margin-top:30px; margin-bottom: 10px; color: #3b444f; text-indent: 14px; padding: 10px 0; box-shadow:inset 0 2px 1px #c9d0d9; }	
		.frame input.search { 
			background-image: url('../images/search-icon.png');
			background-position: 97% 10px;
			background-repeat: no-repeat;
		}
		.frame input.small { padding: 7px 0; font-size: 16px; width: 225px; }		
		.frame input.search.small {			
			font-weight: bold;
			background-image: url('../images/search-icon-small.png');
			background-position: 95% 10px;
		}
	
	#header { position: relative;  }
	
	#header .content-wrap {
		height: 302px;
		padding-top: 120px;		
		background: url('../images/header-bg.png') 50% 0 no-repeat;
	}
	
	#header h1 { font-size: 22px; font-style: italic; font-weight: normal; margin: 0 auto; line-height:1.1; }
	#header .huge { 
		display: block; 
		text-align: center; 		
		font-size: 75px; 
		color: #de3c10; 
		line-height: 1;
		margin: 10px auto -10px; 		
		text-shadow: 0 -2px 0 #7b270b, 1px 1px 0 #fff; 
		/*for those kooky designers that happen to have it installed and javascript disabled so that the whole cufon experience won't work.  i'm also going to include some fallbacks.  yay!*/ 
		font-family: "Bemio Italic", "Cooper Black", "Gill Sans Ultra Bold Condensed", Impact; 
	}
	
	#header h2 { font-size: 18px; letter-spacing: 0.1em; margin-top:10px; line-height:1; }
		#header h2 .sans { color: #de3c10; font-size: 100%; letter-spacing: normal; }
	
	#fig1title { margin-top: -50px; }	
	
	#fig20 .frame { padding-top: 20px; }
		#fig20 h3.oneline { line-height: 58px; }
		#fig20 h3.threeline  { margin-top: 10px; }
		#fig20 h3 { line-height: 1; color: #122438; padding: 0; }
	
	hr { border-bottom: 1px dashed #384e66; }
		hr:after { border-bottom: 1px dashed #dae0e8; }
	
	.lt-ie9 .frame-wrap {			
		background-image: url('../images/fig-banner-bg.png');
		
	}
	
	.frame { 		
		border: 1px solid #8797aa;		
  -webkit-box-shadow: 0px 2px 0px 0px #a1acba;
          box-shadow: 0px 2px 0px 0px #a1acba;
		background: #feffff;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmYxZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #feffff 0%, #ebf1f5 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#ebf1f5));
		background: -webkit-linear-gradient(top,  #feffff 0%,#ebf1f5 100%);
		background: -o-linear-gradient(top,  #feffff 0%,#ebf1f5 100%);
		background: -ms-linear-gradient(top,  #feffff 0%,#ebf1f5 100%);
		background: linear-gradient(top,  #feffff 0%,#ebf1f5 100%);		
	}			
		.lt-ie9 .frame { 			
			-pie-background: linear-gradient(top,  #feffff 0%,#ebf1f5 100%);		
			/* using css3pie, so this is not needed:
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#ebf1f5',GradientType=0 ),progid:DXImageTransform.Microsoft.Shadow(color='#a1acba', Direction=90, Strength=2); */
		}
			.frame .box h5 { color: #475a6c; }
			
		
		.frame hr { height: 44px; border: none; background: url('../images/arrow-down.png') 50% 0 no-repeat; }
			.frame hr:after { border: none; display: none; visibility: hidden; }
		
		.fig {
			background: #9eb2c9;
			color: #44586a;
			text-shadow: 0 1px 0 #b9c8d8;			
			-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
			-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
			box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
		}	
			.fig:before, .fig:after {			
				border-top:   6px solid #3d5163;   
			}
		
.site-bottom {
	background: #b2c9e0;
	border-top-color: #a6bfd7;
}
	.micro-link.frame { border-color: #8797aa; }

@media only screen and (max-width: 523px) {
	#header .huge { font-size: 45px; /*line-height: 1;*/ }
	#header h2 { line-height: 1; }	
	.half { width: 95%; float: none; margin: 0 2.5%; left: 0; display: block; }		
		.half + .half { border-bottom: 1px dashed #9EB2C9; margin-bottom: 30px; padding-bottom: 10px; }
		.half + .half.last { border-bottom: none; margin-bottom: 0; }
	a[target="_nyt"] .half img { margin-bottom: 0; }
}

@font-face {
		font-family: 'AYearWithoutRainRegular';
		src: url('../font/ayearwithoutrain-webfont.eot');
		src: url('../font/ayearwithoutrain-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../font/ayearwithoutrain-webfont.woff') format('woff'),
			 url('../font/ayearwithoutrain-webfont.ttf') format('truetype'),
			 url('../font/ayearwithoutrain-webfont.svg#AYearWithoutRainRegular') format('svg');
		font-weight: normal;
		font-style: normal;
	}