/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/

/*
This 'avantGarde_heroImage' class is used on the home page for the text on the large image.
*/
h1.avantGarde_heroImage {	
	color: #ffffff;
	background-color: transparent;
	padding: 10px 0px 10px 0px;
	
	font-size: 3.85em;
	line-height: 0.91em;
}
@media screen {
	.sIFR-active h1.avantGarde_heroImage {
		padding-top: 0px;
		padding-bottom: 0px;
		visibility: hidden;
		font-family: arial;
	}
}


/*
This next style is only used on the home page, it is for the content title
*/
.avantGarde_brown_21px {
	padding: 5px 0px 9px 0px;
	
	color: #2e261b;
	background-color: transparent;
	
	font-size: 1.62em;
	line-height: 0.9em;
}
@media screen {
	.sIFR-active .avantGarde_brown_21px {
		padding-top: 0px;
		padding-bottom: 0px;
		visibility: hidden;
	}
}


/*
The next two classes are for when text is on top of an image
with a 30px font size, such as the teasers on the home page
*/
.avantGarde_imageText_white_30px {	
	color: #ffffff;
	background-color: transparent;
	padding: 6px 0px 10px 0px;
	
	font-size: 2.31em;
	line-height: 0.9em;
}
.avantGarde_imageText_gray_30px {	
	color: #2d2d2d;
	background-color: transparent;
	padding: 6px 0px 7px 0px;
	
	font-size: 2.31em;
	line-height: 0.9em;
}
@media screen {
	.sIFR-active .avantGarde_imageText_white_30px,
	.sIFR-active .avantGarde_imageText_gray_30px {
		padding-top: 0px;
		padding-bottom: 0px;
		visibility: hidden;
	}
}


/*
The following sIFR replacement is only used on the Sport landing page (sport.php)
and the Quarry landing page for the Quarry Title
*/
.avantGarde_white_50px {	
	color: #ffffff;
	background-color: transparent;
	padding: 10px 0px 13px 0px;
	
	font-size: 3.85em;
	line-height: 0.89em;
}
.avantGarde_gray_50px {	
	color: #2d2d2d;
	background-color: transparent;
	padding: 10px 0px 13px 0px;
	
	font-size: 3.85em;
	line-height: 0.88em;
}
@media screen {
	.sIFR-active .avantGarde_white_50px,
	.sIFR-active .avantGarde_gray_50px {
		padding-top: 0px;
		padding-bottom: 0px;
		visibility: hidden;
	}
}



/*
The following two sIFR replacements are used in a lot of places throughout the website
*/

.avantGarde_white_21px {
	padding: 4px 0px 9px 0px;
	
	color: #ffffff;
	background-color: transparent;
	
	font-size: 1.62em;
	line-height: 0.9em;
}
.avantGarde_gray_21px {
	padding: 4px 0px 9px 0px;
	
	color: #2d2d2d;
	background-color: transparent;
	
	font-size: 1.62em;
	line-height: 0.9em;
}
@media screen {
	.sIFR-active .avantGarde_white_21px,
	.sIFR-active .avantGarde_gray_21px {
		padding-top: 0px;
		padding-bottom: 0px;
		visibility: hidden;
	}
}