/*
	(c)2012 - visuallizard.com
	
	Print styles based on h5bp.com
*/

* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page {  margin-top: 2cm;  margin-left: 1cm; margin-right: 1cm; margin-bottom: 4cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3, h4 { page-break-after: avoid; }

/* MISC */

html {
	-webkit-text-size-adjust: none;
}

body {
	background-color: #eee;

	font-size: .8em;
	font-weight: 300;
	font-family: Open Sans, Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	-webkit-font-smoothing: subpixel-antialiased;
}

	body > header,
	body > footer,
	.subnav_2 {
		display: none;
	}

h2, h3, h4, h5 {
	font-weight: 700;
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #a00;
	
	margin: 1em 0 0.5em 0;
}

	h2 {
		font-size: 4em;
		line-height: .8em;
	}
	
	h3 {
		font-size: 3em;
		line-height: .8em;
	}
	
	h4 {
		font-size: 1.8em;
		line-height: 1em;
	}
	
	h5 {
		font-weight: 400;
		font-size: 1.3em;
		line-height: 1em;
	}
	
table {
	width: 100%;
	padding: 0;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}
	
	table th,
	table td {
		margin: 0;
		padding: 0.1em 0.25em;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		text-align: left;
		vertical-align: top;
	}
		
form {
	display: none;
}

/* GALLERY */
	
.media-grid {
	list-style-type: none;
	margin: 2em 0;
	padding: 0;
}

	.media-grid.gallery li {
		background: none;
		overflow: none;
		width: 49%;
		height: auto;
		float: left;
		
		padding: 0;
		margin: 0;
		text-align: left;
		
		border-radius: 0;
		
		page-break-inside: avoid;
	}
	
		.media-grid.gallery li.left { clear:both; }
		.media-grid.gallery li.right { margin-left: 2%; }
		
		.media-grid.gallery li img {
			width: 100%;
		}
		
		.media-grid.gallery li p {
			display: block;
			padding: 0 2em 1em 0.25em;
		}
		
/* KINDRED */

article {
	border-top: 1px solid #ccc;
	padding: 1em 0;
	margin: 2em 0;
	
	page-break-inside: avoid;
}
	
	article:after {
		display: block;
		content: " ";
		clear: both;
	}
	
	body.kindred article p,
	body.kindred article ul {
		margin-left: 20%;
	}
		
		
	body.kindred article h3,
	body.kindred article h4,
	body.kindred article h5 {
		margin: 0;
		margin-left: 20%;
	}
		
		article h5:before {
			display: inline;
			content: "Court Position: ";
		}

	article .gallery { display: none; }	

	article figure {
		padding: 1em;
		margin: 0;
		float: left;
	}
	
		article figure img {
			border-radius: 100px;
		}
	
		article figcaption ul {
			list-style-type: none;
			margin: 0.5em 0px;
			padding: 0;
			font-size: 0.8em;
			font-style: italic;
		}
		
			article figcaption ul:before {
				display: block;
				content: "Status:";
				font-weight: bold;
				text-align: center;
			}
			
			article figcaption li {
				text-align: center;
				line-height: 1.25em;
			}

/* COURT */
	
ul.court {
	border-top: 1px solid #ccc;
	padding: 1em 0 0 0;
	margin: 2em 0 0 0;
	
	list-style-type: none;
		
	page-break-inside: avoid;
}

	ul.court:after {
		display: block;
		content: " ";
		clear: both;
	}
	
	ul.court li {
		float: left;
		width: 25%;
		margin-bottom: 1em;
	}
	
		ul.court.large li {
			width: 50%;
		}
	
		ul.court.small li {
			width: 20%;
		}
		
		ul.court img {
			width: 90%;
			margin: 0.25em 10% 0.25em 0;
		}

	ul.court figure {
		padding: 0;
		margin: 0;
	}
	
		ul.court li.empty figure:after {
			display: block;
			width: 90%;
			height: 150px;
			margin: 0.25em 10% 0.25em 0;
			content: "(position unfilled)";
			line-height: 150px;
			text-align: center;
			font-style: italic;
			font-size: 10px;
			border: 1px solid #ccc;
		}
	
	ul.court h3,
	ul.court h4,
	ul.court h5 {
		margin: 0;
		padding: 0;
	}
	
	ul.court.large h3,
	ul.court.medium h4,
	h4.council {
		font-size: 1em;
		font-weight: bold;
		line-height: 1em;
	}
	
	ul.court.large h4,
	ul.court.medium h5 {
		font-size: 1em;
		font-weight: normal;
		line-height: 1em;
	}
	
/* NEWSPAPER */

body.newspaper h2,
body.newspaper main > p {
	display: none;
}

	#gimlitimes {
		background-image: url(/img/times.png);
		background-size: 80% auto;
		background-repeat: no-repeat;
		background-position: center 20px;
	}
	
		#gimlitimes h3 {
			display: none;
		}
					
			/* separate logo as IMG to get around PRINT stylesheet issue with backgrounds */
			#gimlitimes #gimlilogo {
				display: block;
				width: 60%;
				margin: 0 auto;
			}
			
			#gimlitimes .gimli-volume {
				float: none;
				text-align: center;
				display: block;
				padding-bottom: 1em;
				border-bottom: 1px solid #999;
			}
			
			#gimlitimes .gimli-volume span {
				display: block;
				font-weight: bold;
				line-height: 1.5em;
			}
			
		#gimlitimes article {
			border-top: 0;
			padding: 0;
			margin: 2em 0;
		}
		
			#gimlitimes article * {
				font-family: "Playfair Display", Times, serif;
			}
		
			#gimlitimes article h4 {
				text-transform: capitalize;
				text-align: left;
				line-height: 0.9em;
				margin: 0 0 0.25em 0;
				
				page-break-inside: avoid;
			}
			
				#gimlitimes .featured article h4 {
					font-weight: 900;
					font-size: 6em;
					letter-spacing: -3px;
				}
			
				#gimlitimes .normal article h4 {
					font-size: 3em;
					font-weight: 700;
					letter-spacing: -1px;
				}
			
				#gimlitimes .sidebar article h4 {
					font-size: 2em;
					font-weight: 700;
					margin: 0 0 0.5em 0;
				}
				
			#gimlitimes article p {
				text-indent: 0.5em;
				font-weight: 400;
				margin: 0.5em 0;
			}