@charset "UTF-8";
/* IE support */

html {
	background-image: url(../img/grid.gif);
	background-attachment: fixed;
	}
.ie.home h1 { 
	position: absolute; top: 0; left: 0; font-size: 5.0em;
	}
	.ie.home h1 a, .ie.home h1 a:hover { 
		top: 0; left: 0; display: block; width: 432px; height: 180px; line-height: 170px; 
		font-weight: bold; text-align: center;
		background-color: #cc0000; opacity: 0.5; filter: alpha(opacity=50); 
		}
		.ie.home h1 a:hover { opacity: 0.7; filter: alpha(opacity=70); }

		.ie.home h1 a span { position: absolute; top: 36px; top: 0; line-height: 1; font-size: 48px; }
		.ie.home h1 a:hover span { top: 48px; left: 5%; width: 90%; font-size: 36px; line-height: 36px; }

.ie.home ul   { 
		position: absolute; z-index: 999; top: 180px; width: 100%; margin: 0; list-style-type: none; 
		}
		.ie.home li { 
			width: 100%; list-style-type: none; font-weight: bold;
			}
			.ie.home li a { 
				font-size: 1.167em; line-height: 54px; /* 14px */
				display: block; height: 54px; padding-left: 1.286em; 
				color: #fff; opacity: 0.6; filter: alpha(opacity=60); text-decoration: none;
				}
				.ie.home li a:hover { 
					color: #fff; opacity: 0.9; filter: alpha(opacity=90); text-decoration: none; 
					}
			.ie.home ul>li:first-child a { background-color: #cc9966; }
			.ie.home ul>li:first-child + li a { background-color: #cccc66; }
			.ie.home ul>li:first-child + li + li a { background-color: #ff6600; }
			.ie.home ul>li:first-child + li + li + li a { background-color: #cccc99; }
			.ie.home ul>li:first-child + li + li + li + li a { background-color: #ff9933; }
			.ie.home ul>li:first-child + li + li + li + li + li a { background-color: #999966; }
			.ie.home ul>li:first-child + li + li + li + li + li + li a { background-color: #cc9933; }
			.ie.home ul>li:first-child + li + li + li + li + li + li + li a { background-color: #ffcc33; }

.ie.home p { 
	position: absolute; left: 24px; bottom: 0;
	}
	.ie.home p a:link, .ie.home p a:visited { color: #ccc; }
	.ie.home p a:hover, .ie.home p a:active { color: #777; }


	.ie a:link, .ie a:visited { color: #333; text-decoration: none; }
	.ie a:hover, .ie a:active { color: #000; text-decoration: underline; }



.ie #content { position: static; width: 65.853659%; margin: 0 auto; background-color: transparent; }

.ie header h1 { 
	font-size: 3.000em; line-height: 1.500; margin-bottom: 1.500em; padding: 0.750em; font-weight: bold;
	width: 23.171%; min-width: 228px; background: #cc0000 url(../img/bg02.png) 0 -50px; opacity: 0.7; filter: alpha(opacity=70);
	}
	.ie h1 a:link, .ie h1 a:visited { color: #fff; opacity: 0.6; filter: alpha(opacity=60); text-decoration: none; }
	.ie h1 a:hover, .ie h1 a:active { color: #fff; opacity: 0.9; filter: alpha(opacity=90); text-decoration: none; }

.ie header h3 { 
	font-size: 1.500em; line-height: 1.000; margin-bottom: 1.000em; font-style: italic; color: #777; 
	}
.ie h2 { font-size: 2.333em; line-height: 0.643; margin-bottom: 0.643em; font-weight: bold; }
.ie h3 { font-size: 2.000em; line-height: 0.750; margin-bottom: 0.750em; font-weight: bold; }
.ie h4 { font-size: 1.500em; line-height: 1.000; margin-bottom: 1.000em; font-weight: bold; }

.ie article li { margin-bottom: 9px; }

.ie .main { position: absolute; top: 198px; right: 0; }
.ie .main li { margin: 9px 0; list-style-type: none; }
.ie .main li a { 
	display: block; width: 144px; height: 54px; line-height: 54px; text-align: center; font-weight: bold;
	background-color: #000; color: #fff; opacity: 0.5; filter: alpha(opacity=50); text-decoration: none;
	}
	.ie .main li a:hover { opacity: 0.8; filter: alpha(opacity=80); }

	.ie .main .docs a      { background-color: #cc0000; }
	.ie .main .downloads a { background-color: #669966; }
	.ie .main .demos a     { background-color: #0066cc; }
	.ie .main .tools a     { background-color: #000; }
	.ie .main .blog a      { background-color: #ffcc00; color: #111; }

.ie aside { font-style: italic; color: #777; }

.ie pre {
	margin-bottom: 1.5em; padding: 9px 1.5em;
	background-color: #efefef;
	white-space: pre-wrap;
	word-wrap: break-word;
	}
	.ie .scroll {
		overflow: auto; padding: 10px 1.5em; 
		font: lighter 1.0em/1.5 Monaco, 'MonacoRegular', 'Panic Sans', 'Lucida Console', 'Courier New', Courier, monospace;
		white-space: pre  !important;
		word-wrap: normal !important;
		}

.ie .line { display: none; }

.ie footer p {
	color: #ccc;
	}
	.ie footer a:link, footer a:visited { color: #ccc; }
	.ie footer a:hover, footer a:active { color: #999; }



/* blog & comments */
.ie.page-id-98 h2, 
.ie.single h2 { 
	position: static; font-size: 2.333em; line-height: 0.643; margin-bottom: 0.643em; font-weight: bold; 
	border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
	}
.ie.page-id-98 header h3 { font-size: 1.500em; line-height: 1.000; margin-bottom: 1.000em; }

.ie #nav-single { padding: 0; width: 100%; overflow: hidden; margin-bottom: 18px; font-weight: bold; }

.ie #comments { position: static; margin-bottom: 36px; background-color: transparent; }
.ie #comments input[type="text"] { padding: 8px 8px 9px 8px; margin-bottom: 17px; }
.ie #comments textarea { padding: 7px 8px 8px 8px; margin-bottom: 20px; }

.ie #comments h5 { 
	position: static; margin-bottom: 18px; height: 72px; line-height: 72px; text-align: center; 
	background-color: #ffe87b; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
	}
	.ie #comments h5 a:link, .ie #comments h5 a:visited,
	.ie #comments h5 a:hover, .ie #comments h5 a:active { position: static; font-weight: lighter; color: #444; }

.ie #comments ol { margin-top: 0; }

.ie #comments p.reply a              { background-color: #ffe87b; color: #444; }
.ie #comments p.reply a:hover        { background-color: #ffcc33; color: #111; }

.ie #comments p.reply-cancel a       { background-color: #cc9999; color: #fff; }
.ie #comments p.reply-cancel a:hover { background-color: #cc3333; color: #fff; }

.ie #comments > #respond { margin-top: 18px; }


.ie .xy-menu    { margin: 0 0 36px 10px; }
.ie .xy-menu li { margin: 18px 0; list-style-type: none; }
.ie .xy-menu li a,
/* downloads */
.ie .download-button a { border-left: 18px solid #99cc99; padding: 6px 12px; font-weight: bold; text-decoration: none; }
.ie .download-button a:hover { background-color: #669966; opacity: 0.8; filter: alpha(opacity=80); color: #fff; }
.ie .download-button { 
	padding: 18px 9px; 
	}
.ie.page-id-13 .s03 { font-style: italic; color: #777; }
.ie.page-id-13 #content { zoom: 1; }

/* demos */
.ie.page-id-12 #content { zoom: 1; }
.ie.page-id-12 .xy-menu a { border-left: 18px solid #99ccff; }
.ie.page-id-12 .xy-menu a:hover { background-color: #0066cc; opacity: 0.8; filter: alpha(opacity=80); color: #fff; }

/* tools */
.ie.parent-pageid-45 #content { zoom: 1; }
.ie.page-id-45 #content       { zoom: 1; }
.ie.page-id-45 .xy-menu a { border-left: 18px solid #777; }
.ie.page-id-45 .xy-menu a:hover { background-color: #000; opacity: 0.8; filter: alpha(opacity=80); color: #fff; }

.ie.page-id-12 .s02,
.ie.page-id-13 .s02,
.ie.page-id-45 .s02 { background-color: #efefef; margin-bottom: 1.5em; padding: 18px 18px 9px 18px; }
.ie.page-id-12 .s02 p,
.ie.page-id-13 .s02 p,
.ie.page-id-45 .s02 p { font-weight: bold; }

/* contact form */
.ie.page-id-58 #content { zoom: 1; }

/* search results */
.ie.search-results #content { zoom: 1; }

/* about page */
.ie.page-id-150 #content { zoom: 1; }

/* 
	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 [special IE version]
*/

html.grid {
	background-image: url(../img/xygrid2.gif);
	background-attachment: fixed;
	}
	.grid div, .grid div#content, .grid nav {
		background-color: #fff; opacity: 0.7; filter: alpha(opacity=70);
		}
		.grid article, .grid aside { background-color: #e7e7e7; }
		.grid header, .grid section, .grid footer { background-color: #eee; }

		.grid h1, .grid h2, .grid h3, .grid h4, .grid h5, .grid h6, .grid pre {
			background-color: #ffffcc;
			}
			.grid header h1 a:link, .grid header h1 a:visited, 
			.grid header h1 a:hover, .grid header h1 a:active { color: #111; }

		.grid p, .grid ul, .grid ol, .grid li, .grid pre { 
			background-color: #fff;
			}
		.grid a { 
			background-color: #ffff99;
			}
		.grid abbr, .grid acronym {
			border-bottom: 1px dotted #777;
			}
		.grid input, .grid textarea {
			background-color: #99ccff;
			}
		.grid pre { background-color: #ffcccc; }

	.grid .home h1 { opacity: 0.7; filter: alpha(opacity=70); }
	.grid .home ul, .grid .home li { background-color: transparent; }
	.grid .home ul, .grid .home li a { opacity: 0.5; filter: alpha(opacity=50); }



/* all your code are belong to poetry */