@media screen {


	/*
	 * remove all padding and spaces
	 * last update: 2006-05-22
	 */
		* {
			margin		: 0;
			padding		: 0;
		}


	/*
	 * removal of useless borders, reset table layout and set base font to 10px in all browsers.
	 * last update: 2008-11-03
	 */
		body {
			font-size		: 10px;
			font-family 	: Verdana, Arial, sans-serif;
			color			: #212121;
		}


		a img, fieldset, table {
			border			: 0;
		}

		hr {
			display 		: none;
		}

		table {
			table-layout	: fixed;
			border-collapse : collapse;
		}


	/*
	 * inline-block
	 * last update: 2008-11-03
	 */
		.ib {
			display			: -moz-inline-box;  /* FF2 or lower */
			display			: inline-block;     /* FF3, Opera, Safari (and 'haslayout' on IE) */
		}


	/*
	 * Wordwrap
	 */
		.wordwrap {
			word-wrap   	: break-word;		/* IE, Safari, Chrome */
			-moz-binding	: url(inc/wordwrap.xml#wordwrap);  /* FF2 */
		}


	/*
	 *  floats clearing
	 *  last update: 2008-11-03
	 */
		.cl:after {
		    clear			: both;
		    content			: ".";
    		visibility		: hidden;
		    display			: block;
    		height			: 0;
		}

		.fastcl {
			height			: auto;
			overflow		: hidden;
		}


	/*
	 *  float with display inline (workaround documented in
	 *  http://www.positioniseverything.net/explorer/doubled-margin.html)
	 *  last update: 2006-06-05
	 */

		.layfl, .fl,
		.layfr, .fr {
			display			: inline;
			outline			: 0;
			-moz-outline	: none;
		}

		.layfl, .fl { float	: left;  }
		.layfr, .fr { float	: right; }


	/*  Tag <q>
	 *  http://www.alistapart.com/articles/qtag
	 *  usage: a phrase &ldquo;<q>with quotation marks</q>&rdquo;
	 */
		q:before, q:after {
			content: "";
		}


	/* Tag <blockquote>
	 * http://notes.natbat.net/2006/11/21/inineimagequotes/
	 *
	 * Usage: <blockquote class="citation" cite="Brian Littrell">
	 *         <p>Shoot for the moon. Even if you miss, you'll land among the stars.</p>
	 *      </blockquote>
	 *
	 * and set a width for blockquote.citation
	 *
	 * last update: 2006-11-23
	 */
		blockquote.citation {
			text-indent			: 1.5em;
			background			: url(obj/quotes1.png) 0 2px no-repeat;
		}

		blockquote.citation p {
			display				: inline;
			padding-right		: 1.3em;
			background			: url(obj/quotes2.png) bottom right no-repeat;
		}


	/*
	 *  Image Replacement
	 *  Usage: <h1 class="ir"><span>Title</span></h1>
	 *  Set width, height and background-image to <h1> element
	 *
	 *  last update: 2008-11-14
	 */
		.ir {
			position		: relative;
			z-index		: 1;
			left			: 0;
			font-size	: 0;
			color			: transparent;
		}

		.ir span {
			position			: absolute;
			top				: 0;
			left				: 0;
			z-index			: 2;
			width			: 100%;
			height			: 100%;
		}


	/*
	 * others useful shortcuts
	 * last update: 2008-11-04
	 */
		.fixed {
			position		: fixed;
		}


} /* end screen rules */



/*
 * General print rules
 */

@media print {

	* {
		float			: none;
		position		: static;
	}

	body {
		width			: 165mm;
		color			: #212121;
		font			: 12pt Georgia, 'Times new Roman';
		line-height		: 1.618; 	/* golden ratio =) */
	}

	table {
		height			: auto;
	}

	a:link:after,
	a:visited:after {
		content			: " &mdash; " attr(href);
		font-size		: 10pt;
		font-style		: italic;
	}

	blockquote:after {
		content			: " &mdash; Cit. " attr(cite);
		font-size		: 10pt;
		font-style		: italic;
	}

} /* end print rules */



/*
 * Embedded Fonts
 * last update: 2008-11-14
 */

 	@font-face {
		unicode-range	: U+00??, U+01??;
		/* if supported by browser it allows to embed only basic and Latin-A characters.
		 * Useful for reducing download time and increasing speed of page rendering.
		 */
	}

	@font-face {
		font-family		: 'Serifia';
		src 			: url('fonts/otf/grunge-serifia.otf') format('opentype');

		/* Use 'local' instead of 'url' for any 'same-origin' issues.
	}


/*
 * filters for various browsers
 * last update: 2008-09-21
 */
	@media all and (min-width: 0px) {
	   /* rules for opera and safari */
	}

	@media screen and (-webkit-min-device-pixel-ratio:0) {
		/* rules for safari */
	}