/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/*Yale Herald 10-column responsive grid, adapted from Andy Taylor's 1140px Grid*/
/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

.container {
	padding-left: 45px;
	padding-right: 45px;
}

.row {
	width: 100%;
	max-width: 1140px;
	min-width: 255px;
	margin: 0 auto;
	overflow: hidden;
}

/*exclude .tencol here since it gets special treatment below*/
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol {
	margin-right: 2%;
	float: left;
	min-height: 1px;
}

/*first column is 1/10 minus the gutter(8%)*/
.row .onecol {
	width: 8%;
}

/* Subsequent columns include right gutter of previous cols
 * Thus total adds up to a full column increment when the 2% right
 * margin is added*/
  
.row .twocol {
/* 	width: 18%; */
	width: 18.3%;
}

.row .threecol {
	width: 28%;
}

.row .fourcol {
	width: 38%;
}

.row .fivecol {
	width: 48%;
}

.row .sixcol {
	width: 58%;
}

.row .sevencol {
	width: 68%;
}

.row .eightcol {
	width: 78%;
}

.row .ninecol {
	width: 88%;
}

.row .tencol {
	float: left;
	width: 100%;
}

.last {
margin-right: 0px;
}

img, object, embed {
max-width: 100%;
}

img {
	height: auto;
}


@media only screen and (max-width: 2800px) {
	
	header, #main_content, #footer, #index-container {
		margin-left: 0%;
		margin-right: 0%;
	}
	
	header, #main_content, xfooter, #index-container {
	/*	background-color: rgba(215, 143, 75, 0.03);*/
		/*border-left: 10px solid #CCCCCC;
		border-right: 10px solid #CCCCCC;*/
	}
	
	#navbar {
		padding-bottom: 7px;
	}
	
	.nameplate-nav, .more-anchor {
		display: none;
		height: 0;
		margin: 0;
		padding: 0;
	}
	
	.logo {
		max-width: 365px;
	}
	
/*
	#searchform{
		width:50%;
		margin-top: 5px;
	}
	#searchform input#s{
		width: 86%;
	}
*/
	
	#index-container, #main_content, .xarchive-header, #xlead-story-row {
		padding-top: 45px;
	}
	
	h2, h1.homepage-lead-story {
		font-size: 40px;
		line-height: 150%;
	}
	
	h1.homepage-secondary-story, h1.homepage-secondary-story.a homepage-secondary-story a a.homepage-secondary-story {
		font-size: 24px;
		line-height: 30px;
	}
	
	h3, h3.secondary-story, .most-read-header, .archive-title, .pull-quote {
		font-size: 24px; 
		line-height: 30px;
	}
	
	.homepage-lead-story-container {
	/*	padding-left: 18%; */
	/*	padding-right: 18%;*/
	}
	
	.secondary-previews {
/*	padding-left: 18%; */
	/*	padding-right: 18%;*/
	}
	
	#homepage-top-ad {
		float: right;
	}
	
	div.bullblog-header {
		margin-top: 0;
	}
	
	.entry p {
	/*	font-size: 24px; */
	}
	
	#footer-container {
		padding: 3% 45px 2%;
	}		
}

@media only screen and (max-width: 2400px) {
	
	header, #main_content, #footer, #index-container {
		margin-left: 0%;
		margin-right: 0%;
	}
}

@media only screen and (max-width: 2000px) {
	
	header, #main_content, #footer, #index-container {
		margin-left: 0%;
		margin-right: 0%;
	}
}

@media only screen and (min-width: 1300px) {
/*
	.crop {
		border-bottom: 1px solid #EFEFEF;
	}
*/
}

@media only screen and (max-width: 1500px) {
	
	header, #main_content, #footer, #index-container {
		margin-left: 0%;
		margin-right: 0%;
	}
}

@media only screen and (max-width: 1100px) {
	
	header, #main_content, #footer, #index-container {
		margin-left: 0%;
		margin-right: 0%;
	}
	
	.nav_items a {
		font-size: 14px !important;
/* 		width: 100% !important; */
	}
	
	header {
		padding-top: 1%;
	}
	
	header h4 {
		padding: 1% 0;
		font-size: 13px !important;
		line-height: 20px !important;	
	}
	
	.lead-cover-container .cover {
		width: 80%;
	}
	
	.story-card {
		padding-bottom: 23% !important;
	}

}

@media only screen and (max-width: 1040px) {
	header {
		padding: 2% 0 2% !important;
	}
	
	header .row {
		text-align: center;
	}
	
	.logo {
		max-width: 320px;
		margin: 0 auto;
		text-align: center;
	}
	
	
	header h1, .description, .nav_items {
		text-align: center !important;
		width: 100% !important;
	}
	
	.description {
		margin-bottom: 1%;
	}
	
/* 	added when excerpt added */
	.cover-container {
		padding-bottom: 43% !important; 	
	}
}

@media only screen and (max-width: 950px) {
	
	.site-nameplate {
		width: 85%;
	}
	
	.story-card {
		padding-bottom: 26% !important;
	}
	
	.story-card h3 {
		font-size: 14px !important;
	}	
	
	.cover-container {
		padding-bottom: 50% !important;
	}
	
	.lead-cover-container .entry p {
		width: 100% !important;
	}

}

@media only screen and (max-width: 850px) {
	.cover-container {
		padding-bottom: 58% !important;
	}
}

@media handheld, only screen and (max-width: 762px) {

	body {
	font-size: 16px;
	-webkit-text-size-adjust: none;
	}
	
	.row, body, .xcontainer {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.container {
		padding: 0 3%;
	}
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
/*
	padding-left: 20px;
	padding-right: 20px;
*/
	}	
	
	header h1, header .description {
		text-align: center;
	}
	
	header h1, .page-heading h1 {
		font-size: 38px !important;
	}
	
	.secondary-nav li{
			margin-right: .5% !important;		
	}

	#top-banner {
		display: none;
	}
	
	.logo {
		max-width: 270px;
	}
/*
	.nameplate-nav {
		display: block;
		max-width: 360px;
		margin-top: 0;
		margin-left: -7px;
		margin-bottom: auto;
		margin-right: auto;
		padding: auto;
		height: auto;
	}
*/

	.page-heading {
		margin: 0 !important;
	}
	
	.more-anchor {
		display: inline;
		padding: auto;
		height: auto;
		margin-top: 0;
	}
	
	.secondary-previews {
/* 		padding-top: 20px !important; */
		padding-top: 3% !important;
	}

	.story-container .sevencol, .story-container .threecol {
		float: left;
	}
	.story-container .threecol {
		padding-right: 2%;
	}
	
	.story-container .sevencol {
		width: 60%;
	}
	.cover-container.threecol {
		width: 100% !important;
	}
	
	.cover-container {
/* 		padding-bottom: 46% !important; */
		padding-bottom: 53% !important;
	}
	
	.entry p {
		font-size: 13px !important;
	}
	
	.lead-cover-container .cover-image {
		height: 213px !important;
	}
	.lead-cover-container .cover {
		bottom: 10% !important;
		width: 90%;
		margin-bottom: 0 !important;
	}
	
	.lead-cover-container .cover h2.lead-story {
		font-size: 30px !important;
	}
	
	.lead-cover-container .cover .byline {
		font-size: 15px !important;
	}
	
	.lead-cover-container {
		width: 100% !important;
	}
	
	.lead-cover-container .cover-image img {
		margin-top: 0% !important;
	}
	
	.cover-container .lead-image {
		margin: 0 !important;
		padding-bottom: 25% !important;
	}
	
	.cover-container .lead-image img {
		margin-top: -10% !important;
	}
	
	.sidebar {
		clear: both;
		margin-top: 3%;
	}
	
	.homepage-most-read img {
		margin-right: 4%;
		width: 12%;
	}
	
	img.site-nameplate {
		margin-top: 0px;
		padding-bottom: 0px;
		border-bottom: 0px solid #EDEDED;
		margin-bottom: 0px;
		max-width: 225px;
	}
	
	#contact, #about, #credit-d-etc, #special-issues, #how-to, .ss-header {
		display: none;
		height: 0;
		margin: 0;
		padding: 0;
	}
	
	.sidebar {
		border-left: none !important;
	}
	
	.sidebar .banner-ad {
		text-align: center;
	}

	
/*
	#searchform{
		width: 180px;
		margin-top: -23px;
	}
	
	#searchform input#s{
		height: 7px;
	}
*/
	
	.secondary-nav {
		margin-top: 15px;
	}
	
	#index-container, #main_content, .archive-header, #lead-story-row {
		padding-top: 15px;
	}
	
	h2, h1.homepage-lead-story {
		font-size: 24px;
	}
	
	h3, h3.secondary-story, .most-read-header, h1.homepage-secondary-story.a homepage-secondary-story a a.homepage-secondary-story, .archive-title, .pull-quote {
		font-size: 21px;
	}
	
	h1.homepage-secondary-story {
		font-size: 21px;
	}
	
	div.bullblog-header {
		margin-top: 30px;
	}
	
	ul.nav_items {
		border-right: 0 solid #333;
	}
	
	/*.entry {
		display: none;
	}*/
	
	.homepage-lead-story-container {
		padding-left: 0%;
	/*	padding-right: 18%;*/
	}
	
	.secondary-previews {
		padding-left: 0%;
	/*	padding-right: 18%;*/
	}
	
	#homepage-top-ad {
		float: none;
	}
	
	#navbar {
		padding-bottom: 15px;
	}
	
	.entry p {
		font-size: 19px;
	}
	
	.story-card {
		display: block;
		clear: both;
		float: none;
		height: 100px !important;
		margin-bottom: 3% !important;
		padding: 0 !important;
		width: 80%;
	}
	
	.story-card h3 {
		font-size: 16px !important;
	}	
	
	h4.subcat-title {
		border: none !important;
		display: block;
		float: none;
		clear: both;
	}
	
	.crop {
		border-right: 1px solid #EFEFEF;
		float: left;
		margin-right: 3%;
		max-height: 100px !important;
		padding-bottom: 0 !important;
		height: auto !important;
		max-width: 40%;
	}
	
	
	#footer-container {
		padding: 3% 5% 1%;
	}
	
	footer .secondary {
		margin-top: 1% !important;
	}
	
	footer .secondary ul.footer {
		float: left !important; 
	} 
		

}

@media handheld, only screen and (max-width: 550px) {	
	.story-container .archive-image {
		padding-right: 4% !important;
		width: 38% !important;
	}
	
	.story-container .sevencol {
		float: left !important;
		width: 55% !important;
	}
	
	h4.subcat-title {
		padding: 3% 0 !important;
	}
	
	.cover-container {
		padding-bottom: 65% !important;
	}
	
	.article-image {
		width: 100% !important;
	}
}

@media handheld, only screen and (max-width: 450px) {
	header {
		padding-top: 3.5% !important;
	}
	
	.logo {
		max-width: 250px;
	}
	
	ul.nav_items {
		margin: 0 auto !important;
		width: 98% !important;
	}

/*
	.story-container .sevencol {
		width: 54%;
	}
*/

	.secondary-previews {
		padding-top: 0% !important;
	}
	
	.lead-cover-container {
		height: 213px;
		overflow: hidden;
	}

	.lead-cover-container .cover {
		bottom: 25% !important;
	}
	
	.cover-container {
		padding-bottom: 95% !important;
	}
	
	.cover-container .lead-image {
		padding-bottom: 37% !important;
	}
	
	.story-container {
		padding-bottom: 3% !important;
	}
	
	.story-container .archive-image {
		max-height: 165px;
		overflow: hidden;
		padding: 2% 0;
	}
	
	.story-container .archive-image img {
		max-height: none !important;
		margin-top: -1% !important;
	}
	
	.story-container .threecol, .story-container .sevencol {
		width: 100% !important;
	}
	
	footer .secondary ul.footer {
		float: left !important;
		text-align: left !important;
	}	
}

/*@media handheld, only screen and (max-width: 770px) {
	
}*/