@charset "utf-8";

/* 
	xy.css @ https://perishablepress.com/xycss/
	xy.css : ver 1.4 @ 2011.12.16
	license: GNU General Public License
	jeff starr @ https://perishablepress.com/

	visual matrix
*/

html {
	background-image: url(../img/xygrid2.gif);
	background-attachment: fixed;
	}
body {
	background-image: none;
	background-color: transparent;
	color: #111;
	}
	div, div#content {
		background-color: rgba(255,255,255,0.3); /* white #fff */ 
		}
		div#content, header, article, section, section div, aside, footer {
			/* box-shadow: horizontal vertical blur spread color inset; */
			-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
				   box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
			}
		article, aside, nav     { background-color: rgba(231,231,231,0.3); /* grid grey #e7e7e7 */ }
		header, section, footer { background-color: rgba(238,238,238,0.3); /* off white #eee */ }
		nav ul {
			background-color: transparent;
			}
		h1, h2, h3, h4, h5, h6, pre {
			text-shadow: 0 1px 0 #fff;
			}
		p, ul, ol, li, a, label { 
			background-color: rgba(255,255,255,0.3); /* white #fff */ 
			}
			a:link, a:visited {}
			a:hover, a:active { text-decoration: none; background-color: rgba(255,255,255,1.0); /* white #fff */ }
			h1 a:hover, h1 a:active { text-decoration: none; color: rgba(255,255,255,0.5); background-color: rgba(204,0,0,0.3); /* red #cc0000 */ }

		abbr, acronym {
			border-bottom: 1px dotted #777;
			}
		code, 
		pre    { background-color: rgba(255,102,102,0.1); /* light red #ff0000 */ }
		small  { background-color: rgba(204,255,204,0.3); /* light green #ccffcc */ }
		strong { background-color: rgba(51,102,255,0.1);  /* light blue #3366ff */ }
		em     { background-color: rgba(255,255,153,0.3); /* light yellow #ffff99 */ }

		tr, td, form { background: transparent; color: rgba(0,0,0,0.7); text-shadow: none; }
		
		tr:nth-child(even),
		td:nth-child(2) { background-color: rgba(255,255,255,0.3); }
		
		td:nth-child(1),
		td:nth-child(3), 
		tr:nth-child(odd) { background: transparent; }





/* 
	@ https://perishablepress.com/xycss/demos/liquid-matrix/ 
	@ https://perishablepress.com/xycss/demos/empty-matrix/
*/
.matrix body { 
	background-color: transparent;
	}
.x0,  .x00, 
.x01, .x02, .x03, .x04, .x05, .x06, .x07, .x08, .x09, .x10, .x11, .x12, 
.x13, .x14, .x15, .x16, .x17, .x18, .x19, .x20, .x21, .x22, .x23, .x24,
.x25, .x26, .x27, .x28, .x29, .x30, .x31, .x32, .x33, .x34, .x35, .x36 {
	background-color: rgba(0,0,0,0.5);
	}
	.x0  { background: transparent url(../img/matrix0.png); }
	.x36 { background-color: rgba(0,0,0,0.2); }

	

/* all your code are belong to poetry */