@charset "utf-8";
/* CSS Document 
#
#
#    #################################################  
# 
# 	Eric Carr Design (c)2012
# 	www.ericcarr.net
# 	
#	website: www.ericcarr.net
#
#	original css and responsive design concept by Dave Gamache www.getskeleton.com 
# 
#    ###############################################
#	
#	Table of Content
#		#Site Styles
#			#General Styles
#			#Header (header.inc.php)
#			#Footer (footer.inc.php)
#			#Images
#			#Links
#			#Liquid Display: Show/Hide
#			#Typography
#			#Forms
#			#404 Page
#
#		#Page Styles
#			#Home
#				#Home: Carousel Snippet
#				#Home: Latest Works Snippet
#			#About Me Page			
#			#Portfolio: Main Page
#				#Portfolio: Details Page
#				#Portfolio: ImageHolder Page
#			#Services Page
#			#Contact Me Page
#			
#		#Media Queries
#			@media only screen and (max-width: 959px)
#			@media only screen and (min-width: 768px) and (max-width: 959px)
#			@media only screen and (max-width: 767px)	
#			@media only screen and (min-width: 480px) and (max-width: 767px)
#			@media only screen and (max-width: 479px)
#		#Font-Face
#		#Overrides and Addendum
#		#Print 
#
#
#    ###############################################
#	
#	Site Styles
#
#    ###############################################
*/
	/* #General Styles
	================================================== */	
	.container { background-color:#ededed; max-width:940px; }
	.container .sixteen.columns { width:100%; max-width:940px; margin:0; padding:0; }

	ul, ol { margin-bottom: 0px; }
	li { line-height: 18px; margin-bottom: 0px; }
	
	#wrapper { width:850px; min-height:800px; margin:0 auto; padding:50px 0 45px 20px; overflow:auto;
			   background:  #fff; border-left: 1px solid #A4C8D8; border-right: 1px solid #A4C8D8; }

	/* #Header (header.inc.php)
	================================================== */	
	#mainMenu { width:100%; background-image:url(../images/navBar_bkgd.gif); 
			     background-repeat:repeat-x; background-color:#003366;  }
	#mini { display:none; }
	
	.home a, .about a, .portfolio a, .services a, .contact a { 
		height:50px; float:left; display:block; text-indent:-99999px; }
	.home a {width:106px; background:url(../images/navBar_btn.png);  }
		.home a:hover, #index .home a { background-position:0px 50px; }
	.about a { width:111px; background:url(../images/navBar_btn.png) -106px 0px;  }
		.about a:hover, #about .about a { background-position:-106px 50px; }	
	.services a {width:135px; background:url(../images/navBar_btn.png) -215px 0px;  }
		.services a:hover, #services .services a { background-position: -215px 50px; }		
	.portfolio a {width:141px; background:url(../images/navBar_btn.png) -349px 0px;   }
		.portfolio a:hover, #portfolio .portfolio a { background-position:-349px 50px; }
	.contact a {width:129px; background:url(../images/navBar_btn.png) -493px 0px; }
		.contact a:hover, #contact .contact a { background-position:-493px 50px; }	


	
	/* #Footer (footer.inc.php)
	================================================== */
	footer 	{ padding:5px 0;}
	footer ul	{ text-align:center; text-decoration:none; }
	.ftBlock	{ width:700px; margin:0 auto; padding:5px 0; }
	
	.ftText, .ftCopyright  { font-size:13px; color:#2274a0; text-align:center; display:inline; color:#2274a0; padding:10px; }
	.ftText  { width:85px; }
	.ftCopyright  { width:200px; }
	
	
	/* #Images
	================================================== */
	.breakTopBox, .breakBottomBox { width:875px; height:20px;  margin:0 auto; padding:0; }
	.imgBreakTop, .imgBreakBottom { width:100%; height:10px;  text-align:center; 
							     background-image:url(../images/breakTop.jpg) no-prepeat; }
	
	.link1 { background:url(../images/iconMarker_03.gif) 0px 6px no-repeat; padding:0px 0 0 15px; }
		
	
	/* #Links
	================================================== */
	a, a:visited 		{ color:#2274a0; text-decoration:none; outline:0; }
	a:hover, a:focus 	{ color: #7d1ed6; text-decoration:underline; }
	p a, p a:visited 		{ line-height: inherit; }

	
	/* #Liquid Display: Show/Hide
	================================================== */
	.screen980 { display:block; }
	.screen420 { display:none; }
	
	#mainBtn	{ display:block; }
	#miniBtn	{ display:none; }
	
	.btn980	{ display:block; width:75%; text-align:center; }
	.btn420	{ display:none; width:100%; text-align:center; }
	
	
	/* #Typography
	================================================== */
	h1 { font-size: 36px; line-height: 40px; margin-bottom: 14px; }
	h2 { font-size: 25px; line-height: 30px; margin-bottom: 10px; }
	h3 { font-size: 18px; line-height: 28px; margin-bottom: 8px; }
	h4 { font-size: 14px; line-height: 20px; margin-bottom: 4px; }
	
	.branding { 
		font-size:46px; line-height:50px; margin:40px 0 0 20px; padding:0; color:#181818;
		font-family:'Vast Shadow', Helvetica, Arial, cursive; font-weight: normal; }
	.branding a { font-weight: inherit; }
	
	.warning { font-weight: bold; color: #f00; }


	/* #Forms
	================================================== */
	.checkBox { width:200px; height:50px; float:left; margin:10px 10px 10px 10px; background-color:#33CCFF; }
	


/*
##################################################
#	
#	Page Styles
#
#################################################### 
*/	
	
	/* #Home: Carousel Snippet
	================================================== */
	.carouselContainer 	{ width:100%; height:400px; position:relative; background-image:url(../images/carousel_bgkd1.png); 
			  			background-repeat:no-repeat; }
	.carouselBoxLeft 	{ width:200px; height:320px; margin:20px 40px 20px 20px; padding:10px; float:left;
						background-image:url(../images/carousel_bgkd2.png); }
	.carouselBoxRight 	{ width:619px; margin:20px 0 0; float:left; }
	.carouselBoxLeft h2 	{ color:#fff; font-size:24px; } /*changes text to white for blue background */
	.carouselBoxLeft p 	{ color:#fff; font-size:16px; line-height:120%; margin: 0; }
	
	.imgCarousel 		{ width:100%; }
	
	.button.readMore 	{ margin:10px 0;}
	
	.bx-prev { position:absolute; top:170px; left:260px; }	
	.bx-next { position:absolute; top:170px; left:875px;  }	
	
	.bx-pager { position:absolute; top:370px; left:550px; text-align:center; }
	.bx-pager a { color:#000; font-size:14px; padding:0 10px; }
	.bx-pager .pager-active, .bx-pager a:hover	{ color:#ff0000; text-decoration:none; }
	
	
	<!---testing--->
	
	
	
	/* #Home: Latest Works Snippet
	================================================== */	
	.latestInfoContainer	{ width:800px; margin:0 auto; }
		.latestLeft    	{ width:400px; margin:20px 20px 20px 20px; padding:0; float:left; }
		.latestRight 	{ width:300px; margin:20px 0 20px 50px; padding:0; float:left; }
	.btnLatest 			{ width:100%; text-align:center;  margin:15px 0 0; }
	.imgComputer 		{ margin:5px 20px 0px 0px; } 
	
	.latestInfoContainer .thumbSquare
	  				{ width:75px; height:75px; float:left; display:block; 
	  				   margin:5px; padding:5px; border:1px solid #b5b5b5; }
	
	
	/* #About Me Page
	================================================== */
	.about p { width:70%; }
	
	
	/* #Portfolio: Main Page
	================================================== */
	#portfolio .container .one-third.column { width:32%; margin:0; padding:0 10px 0 0; float:left; display:block;  }
	#portfolio .thumbSquare { width:225px; height:225px; float:left; display:block; 
						 margin:5px; padding:5px; border:1px solid #b5b5b5; }	
	#portfolio .thumbsBoxSmall .thumbSquare { width:100px; height:100px; float:left; display:block; 
							    margin:5px; padding:5px; border:1px solid #b5b5b5; }
	#portfolio h2 { font-size:18px; margin:0; padding:0 0 0 10px; }
	
	<!----------------------testing---------------------->
	#portfolio2 .container .one-third.column { width:30%; margin:0; padding:0 10px 0 0; float:left; display:block;  }
	#portfolio2 .thumbSquare { width:225px; height:225px; float:left; display:block; 
						 margin:5px; padding:5px; border:1px solid #b5b5b5; }	
	#portfolio2 .thumbsBoxSmall .thumbSquare { width:100px; height:100px; float:left; display:block; 
							    margin:5px; padding:5px; border:1px solid #b5b5b5; }
	#portfolio2 h2 { font-size:18px; margin:0; padding:0 0 0 10px; }
	
	
	
	/* #Portfolio: Details Page
	================================================== */
	.portfolioLayout h1	{ margin-bottom:0px; }
	.portfolioLayout h2	{ font-style:italic; font-size:16px; }
	
	.portfolioLeft 		{ width:45%; float:left; display:inline; margin:0 20px 0 0; }
	.portfolioRight 		{ width:50%; float:left; display:inline; margin:40px 0 0 0; }
	
	.hiddenThumbBox 	{ display:none; }
	.thumbFilmStrip 	{ width:97%; float:left; margin:20px 0 0 0; }
		
	.thumbsBoxSmall.thumbFilmStrip .thumbSquare  { width:95px; height:123px; }
	
	.thumbFilmStrip { width:97%; margin:50px 0 0 0; text-align:center; }
	.thumbFilmStrip.long .thumbSquare { width:164px; height:106px; padding:10px; margin:0 5px; 
								border:1px solid #B5B5B5; }
	.thumbFilmStrip.short .thumbSquare { width:95px; height:123px; padding:10px; margin:0 5px; 
		 						 border:1px solid #B5B5B5; }	


	/* #Portfolio: ImageHolder Page
	================================================== */
	.imgFrame 	{ background-color:#333333; }
	.imgHolder 	{ width:95%; margin:50px auto 75px; }
	.imgHolder img	{ display:block; margin:50px auto; }
	.imgBack 		{ width:100px; margin:10px auto; text-align:center; display:block; }
	.imgReduction	{ width:100%; padding:20px 0; }
	.imgCover		{ width:50%;  padding:20px 0; }
	.imgBorder	{ width:100%; padding:0; border:3px solid #b5b5b5;  }
	
	.posterBorder		{ width: 95%; margin:0 auto 60px; display:block; border:3px solid #CCCCCC; }
	.posterBorder p		{ text-align:center; font-size:16px; color:#FFFFFF; margin:0; padding:20px 0 0 0; }
	.posterBorder img 	{ padding:0; margin:0 auto 20px; display:block }
	.posterBorder h2  	{ color:#FFFFFF; padding:10px; }


		
	/* #Services Page
	================================================== */
	.services h2	{ font-size:18px; margin: 50px 0 0; }
	.services h2 p	{ margin:0 0 10px; padding:0 0 1px; }
	.services h3 	{ font-size:14px;  line-height: 16px; margin:0 0 1px 20px; }
	.services li 	{ margin-bottom: 0; padding: 0 0 0 20px; list-style:square inside none; }
	.imgServices	{ width:100x; height:100px; display:block; float:left; margin:10px 10px 10px 0; padding:5px; 
				   border:1px solid #b5b5b5; }


	/* #Contact Me Page
	================================================== */	
	form 		{ margin: 0 0 0 20px; }
	form h2 	{ color: #036; font-size: 80%; font-weight: bold; margin: 0 0 5px 10px; }
	form p 	{ margin: 20px 0 5px 0; }
	fieldset 	{ border: none; }
	.formbox 	{ width: 250px; }

	#recaptcha_widget_div  { width:95%; padding:0; }

	
	/* #404 Page
	================================================== */
	.not-found-content h1			{ width:250px; margin:0 auto; text-align:center; }
	.not-found-content #wrapper h2 	{ width:314px; margin:0 auto; text-align:center; }
	.not-found-content #wrapper p		{ width:500px; margin:0 auto; text-align:center; }
	.not-found-content .button			{ width:250px; }


	


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

@media only screen and (max-width: 959px) {
		
	/*** Smaller than standard 960 (devices and browsers) ***/
	
}
		
	
@media only screen and (min-width: 768px) and (max-width: 959px) {
		
	/*** Tablet Portrait size to standard 960 (devices and browsers) ***/
		
	/* ---------------------  #Site Styles  ----------------------- */
		/*  --- #General Styles --- */
		#wrapper { width:675px; min-height:675px; margin:0 auto 20px; padding:50px 0 45px 20px;
		   border:1px solid #A4C8D8; padding:30px 0 45px 10px; }
		
		.breakTopBox, .breakBottomBox { width:700px; height:20px;  margin:0 auto; padding:0; }
		.imgBreakTop, .imgBreakBottom { width:100%; height:10px;  text-align:center; }
			
		/*  --- #Header (header.inc.php) --- */
		
		/*  --- #Footer (footer.inc.php) --- */
		
		/*  --- #Images --- */
		
		/*  --- #Links --- */
		
		/*  --- #Liquid Display: Show/Hide --- */
		.screen980 	{ display:block; }
		.screen420 	{ display:none; }		
		
		/*  --- #Typography --- */
		h1 	{ font-size: 36px; line-height: 40px; margin-bottom: 14px; }
		h2 	{ font-size: 25px; line-height: 30px; margin-bottom: 10px; }
		h3 	{ font-size: 18px; line-height: 28px; margin-bottom: 8px; }
		h4 	{ font-size: 14px; line-height: 20px; margin-bottom: 4px; }
		
		/*  --- #Forms --- */
		
		/*  --- #404 Page --- */

		
	/* ---------------------  #Page Styles  ----------------------- */
		/* --- #Home: Carousel Snippet */
			.carouselContainer 	{ width:100%; height:375px; background-image:url(../images/carousel_bgkd1.png);
								background-repeat:no-repeat; }
			.carouselBoxLeft 	{ width:25%; height: 310px; margin:10px 5px 20px 20px; float:left; 
					       			background-image:url(../images/carousel_bgkd2.png); }
			.carouselBoxRight 	{ width:67%; margin:10px 0 0; padding:0; float:left; }
			.imgCarousel 		{ height:330px; }	
		
			.bx-prev { position:absolute; top:310px; left:275px; }	
			.bx-next { position:absolute; top:310px; left:350px;  }	
			
			.bx-pager { position:absolute; top:345px; left:675px; text-align:center; }
			.bx-pager a { color:#000; font-size:14px; padding:0 10px; }
			.bx-pager .pager-active, .bx-pager a:hover	{ color:#ff0000; text-decoration:none; } 
		
		/* --- #Home: Latest Works Snippet */
			.latestInfoContainer .thumbSquare 	{ width:75px; height:75px; float:left; display:block; 
											margin:5px; padding:5px; border:1px solid #b5b5b5; }
			.latestRight { width:300px; margin:20px 0 20px 0px; padding:0; float:left; }

		
		/* --- #About Me */
		
		/* --- #Portfolio: Main Page */
			#portfolio .container .one-third.column { width:100%; margin:0; padding:0 10px 30px 0; 
											float:left; display:block;  }
			#portfolio .thumbsBoxSmall { float:left; width:400px; }
		
		/* --- #Portfolio: Details Page */
		.portfolioLayout#wrapper { min-height:800px; }
		
		.thumbSquare { width:175px; height:175px; float:left; display:block; 
					margin:10px; padding:10px; border:1px solid #b5b5b5; }
		
		/* --- #Portfolio: ImageHolder Page */
		/* --- #Services Page */ 
		/* --- #Contact Me Page */

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

	/* ---------------------  #Site Styles  ----------------------- */
		/*  --- #General Styles --- */
			#wrapper { width:375px; margin:0 auto 20px; padding:10px; border:1px solid #A4C8D8; }
			.container .sixteen.columns.title 	{ width:100%; margin:0 auto; padding:10px; }
			.breakTopBox, .breakBottomBox	{ width:380px; height:20px;  margin:0 auto; padding:0; }
			.imgBreakTop, .imgBreakBottom	{ width:100%; height:10px;  text-align:center; }
		
		/*  --- #Header (header.inc.php) --- */
			#mainMenu 	{ display:none; }
			#mini 		{ width:395px; padding:0; display:block; margin:0 auto;}
			#mini select 	{ display:block; width:100%; width:497px; }
			
		/*  --- #Footer (footer.inc.php) --- */
		/*  --- #Images --- */
		/*  --- #Links --- */
		
		/*  --- #Liquid Display: Show/Hide --- */
			.screen980 	{ display:block; }
			.screen420 	{ display:none; }		
		
		/*  --- #Typography --- */
			h1 	{ font-size: 36px; line-height: 40px; margin-bottom: 14px; }
			h2 	{ font-size: 25px; line-height: 30px; margin-bottom: 10px; }
			h3 	{ font-size: 18px; line-height: 28px; margin-bottom: 8px; }
			h4 	{ font-size: 14px; line-height: 20px; margin-bottom: 4px; }
		
		/*  --- #Forms --- */
			form { margin:10px 0px 30px 10px; }

		/*  --- #404 Page --- */
			.not-found-content #wrapper p { width:80%; margin:0 auto; text-align:center; }
		
	
	/* ---------------------  #Page Styles  ----------------------- */
		/* --- #Home */
		
		/* --- #Home: Carousel Snippet */	
			.carouselContainer 	{ width:100%; height:520px; background-repeat:repeat; }
			.carouselBoxRight 	{ width:380px; margin:0 0 0 20px; padding:0; float:left; }
			.carouselBoxLeft	{ width:340px; height:200px; margin:10px 20px 10px; 
								padding:10px 20px 30px; float:left; }
			.imgCarousel { width:380px; }
				
			.bx-prev { position:absolute; top:450px; left:100px; }	
			.bx-next { position:absolute; top:450px; left:250px;  }	
			
			.bx-pager { position:absolute; top:475px; left:155px; text-align:center; }
			.bx-pager a { color:#000; font-size:14px; padding:0 10px; }
			.bx-pager .pager-active, .bx-pager a:hover	{ color:#ff0000; text-decoration:none; } 
			
		/* --- #Home: Latest Works Snippet */
			.latestInfoContainer	{ width:380px; }
			.latestLeft	 		{ width:350px; margin:20px 20px 20px 20px; }
			.latestRight 		{ width:350px; margin:20px 0 30px 20px; }
			.btnLatest  		{ width:300px; margin:0 auto; display:block;  }		
		
		/* --- #About Me */
		
		/* --- #Portfolio: Main Page */
			#portfolio .container .one-third.column 	{ width:100%; }
			#portfolio .thumbsBoxSmall			{ width:375px; margin:0 0 30px 0; padding:0 0 30px 0; 
												float:left; border-bottom:1px dashed #999999; }
			#portfolio .thumbsBoxSmall .thumbSquare 	{ border:1px solid #fff; }
		
		/* --- #Portfolio: Details Page */
			.portfolioLeft 		{ width:100%; }
			.portfolioRight 		{ display:none; }
			.hiddenThumbBox 	{ display:block; margin:0 10px 10px 0; }
			.thumbHidden 		{ width:100%;  }
			.thumbFilmStrip 	{ display: none; }		
		
		/* --- #Portfolio: ImageHolder Page */
		/* --- #Services Page */
		/* --- #Contact Me Page */	

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

	/* ---------------------  #Site Styles  ----------------------- */
		/*  --- #General Styles --- */

			#wrapper { width:265px; min-height:475px; margin:0 auto 20px; padding:10px; 
						border:1px solid #A4C8D8; }
			.container .sixteen.columns.title 	{ width:100%; margin:0 auto; padding:5px; }
			.container .one-third.column 		{ width:100%; float:left; margin:10px 0; padding:0; }
			.breakTopBox, .breakBottomBox	{ width:240px; height:20px;  margin:20px auto 0; padding:0; }
			.imgBreakTop, .imgBreakBottom	{ width:100%; height:10px;  text-align:center; }		
		
		/*  --- #Header (header.inc.php) --- */
			#mainMenu 	{ display:none; }
			#mini			{ width:285px; padding:0; display:block; margin:0 auto; }
			#mini select 	{ display:block; width:100%; }		
		
		/*  --- #Footer (footer.inc.php) --- */
		/*  --- #Images --- */
		/*  --- #Links --- */
		
		/*  --- #Liquid Display: Show/Hide --- */
			.screen980 	{ display:none; }
			.screen420 	{ display:block; }
			.btn980		{ display:none; }
			.btn420		{ display:block; width:85%; }
		
		/*  --- #Typography --- */
			h1	{ font-size: 24px; line-height: 20px; margin:10px 0 14px 0; }
			h2 	{ font-size: 24px; line-height: 25px; margin-bottom: 10px; }
			h3 	{ font-size: 18px; line-height: 28px; margin-bottom: 8px; }
			h4 	{ font-size: 14px; line-height: 20px; margin-bottom: 4px; }

		/*  --- #Forms --- */
			form { margin:10px 0px 30px 0px; }

		/*  --- #404 Page --- */
			.not-found-content .button 		{ width:150px; }
			.not-found-content #wrapper h2 	{ width:100px; margin:0; }
			.not-found-content #wrapper p 		{ width:100%; }

	
	/* ---------------------  #Page Styles  ----------------------- */
		/* --- #Home */
		/* --- #Home: Carousel Snippet */	
			.carouselContainer 	{ height:500px; background-image:url(../images/carousel_bgkd1.png);
								background-repeat:repeat; }
			.carouselBoxLeft	{ width:100%; width:240px; height:245px; margin:20px;   }
			.carouselBoxRight 	{ width:100%; width:265px; margin:0 20px; padding:0; }		
	
			.bx-prev { position:absolute; top:440px; left:50px; }	
			.bx-next { position:absolute; top:440px; left:210px;  }	
			
			.bx-pager { position:absolute; top:460px; left:110px; text-align:center; }
			.bx-pager a { color:#000; font-size:14px; padding:0 10px; }
			.bx-pager .pager-active, .bx-pager a:hover	{ color:#ff0000; text-decoration:none; } 
		
		/* --- #Home: Latest Works Snippet */
			.latestInfoContainer 		{ width:380px; }
			.latestLeft, .latestRight 	{ width:275px; margin:20px 0 20px 20px; padding:0px;  }
			.latestLeft p, .latestRight p	{ margin:0px; }
			.btnLatest 				{ width:240px; }
			.imgComputer 			{ margin:5px 10px 0 0; }
		
		/* --- #About Me */
			.about p { width:100%; }

		/* --- #Portfolio: Main Page */
			#portfolio .container .one-third.column 	{ width:100%; }
			#portfolio .thumbsBoxSmall .thumbSquare 	{ border:1px solid #fff; }
			#portfolio .thumbsBoxSmall 			{ margin:0 0 30px 0; padding:0 0 30px 0; float:left; width:100%;
								       				border-bottom:1px dashed #999999;}
		
		/* --- #Portfolio: Details Page */
			.portfolioLeft		{ width:100%; float:left; display:inline; margin:0 20px 0 0; }
			.portfolioRight		{ display:none; }
			.hiddenThumbBox 	{ display:block; margin:0 10px 10px 0; text-align:left; }
			.thumbHidden 		{ width:100%;  }
			.thumbFilmStrip 	{ display: none; }
		
		/* --- #Portfolio: ImageHolder Page */
		/* --- #Services Page */
		/* --- #Contact Me Page */	
		
	}
	
	

/*
##################################################
#	
#	#Font-Face
#
#################################################### 
*/

/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/



/*
##################################################
#	
#	#Overrides and Addendum
#
#################################################### 
*/




/*
##################################################
#	
#	#Print Styles
#	Inlined to avoid required HTTP connection: h5bp.com/r
#
#################################################### 
*/
	
	@media print {
	  * { 	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; }
	  a[href]:after { content: " (" attr(href) ")"; }
	  abbr[title]:after { content: " (" attr(title) ")"; }
	  
	  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
	  	/* Don't show links for images, or javascript/internal links */
	  
	  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: 0.5cm; }
	  p, h2, h3 { orphans: 3; widows: 3; }
	  h2, h3 { page-break-after: avoid; }
	}