@media tty {
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */




/* -- Basic HTML Elements -- */
	a:link {color: #0088FF; text-decoration: none;}
	a:visited {color: #005387; text-decoration: none;}
	a:hover {color: #fff; background-color: #0088ff; text-decoration: none;}
	abbr, acronym {font-style: normal; border-bottom: dotted 1px #ABB1B7; cursor: help;}
	body {color: #3A4956; background: #52a5f2 center top repeat-y; font: 12px/19px "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif; margin: 0; padding: 0; text-align: center; min-width: 730px;}
	code, var, kbd {font-family: monaco, courier, monospace; color: #B96A0E;}
	dd {margin: 0; padding: 0 0 1em 17px;}
	dt {font-weight: bold; padding: 0 0 0 17px; background: url(images/deco-dt.gif) 2px 4px no-repeat;}
	form {margin: 0;}
	h1 {font: bold 24px Helvetica, Arial, sans-serif; color: #E62C00; letter-spacing: -1px; margin: 0;}
	h2 {
	color: #EB694A;
	font: normal 18px Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
	h3 {color: #33CC33;
	font: bold 14px Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
	h4 {font-size: 12px;}
	hr {border: none; height: 1px; background: #ccc; margin: 2em 0;}
	img {
	border: 0;
	padding: 3;
}
	ins {text-decoration: none; color: #EC694A;}
	pre {width: 580px;}
	table {margin: 2em 0;}
	table caption {color: #fff; background: #98A0A6;}
	th {text-align: left; background: #C7CBCE;}

	a:hover code {color: #AAD7FF;}
	tr.alt {background: #E9EAEB;}


/* -- header -- */
#pageHeader {width: 705px; height: 5px; background: #B9E2FE url(images/pageheader-bg.gif) 0 0 no-repeat; position: relative;}
#pageHeader h2 {margin: 0;}
#pageHeader h2 a:link, #pageHeader h2 a:visited {width: 146px; position: absolute; top: 0; left: 4px; display: block; background: none; overflow: hidden; font-size: 1px; height: 0px; padding-top: 152px;}
#pageHeader h2 a:hover {background: transparent url(images/alphafake-blue.gif);}
html>body #pageHeader h2 a:hover {background: transparent url(images/alpha-blue-br.png);}
#pageHeader h3, #pageHeader h4 {display: none;}

	/* -- recentposts -- */
	#siteNav {position: absolute; top: 37px; left: 400px; width: 292px; height: 73px; padding: 0; margin: 0;}
	#siteNav li {list-style: none; margin: 0; padding: 0; display: inline;}
	#siteNav li a:link, #siteNav li a:visited {display: block; position: absolute; top: 0; height: 73px;}
	#siteNav li a:hover {background: transparent;}
	.home #siteNav .li1 a:link, .home #siteNav .li1 a:visited,
		.articles #siteNav .li2 a:link, .articles #siteNav .li2 a:visited,
		.dailies #siteNav .li2 a:link, .dailies #siteNav .li2 a:visited,
		.projects #siteNav .li3 a:link, .projects #siteNav .li3 a:visited,
		.about #siteNav .li4 a:link, .about #siteNav .li4 a:visited,
		.related #siteNav .li5 a:link, .related #siteNav .li5 a:visited,
		.contact #siteNav .li6 a:link, .contact #siteNav .li6 a:visited
		{background: url(images/deco-navhovers4.gif) 0 5px repeat-x;}
	#siteNav .li1 a {left: 0; width: 28px;}
	#siteNav .li2 a {left: 42px; width: 42px;}
	#siteNav .li3 a {left: 99px; width: 43px;}
	#siteNav .li4 a {left: 154px; width: 32px;}
	#siteNav .li5 a {left: 198px; width: 39px;}
	#siteNav .li6 a {left: 249px; width: 43px;}

	#siteNav li a:link span, #siteNav li a:visited span {display: block; position: absolute; top: 60px; background-image: url(images/sitenav-panel.gif); background-repeat: no-repeat; overflow: hidden; font-size: 1px; line-height: 1px; color: #fff; height: 0; padding: 13px 0 0 0;}
	#siteNav .li1 a span {background-position: 0 0; width: 36px;}
	#siteNav .li2 a span {background-position: -42px 0; width: 57px;}
	#siteNav .li3 a span {background-position: -99px 0; width: 43px;}
	#siteNav .li4 a span {background-position: -154px 0; width: 32px;}
	#siteNav .li5 a span {background-position: -198px 0; width: 39px;}
	#siteNav .li6 a span {background-position: -249px 0; width: 43px;}

	#siteNav .li1 a:hover span, .home #siteNav .li1 a:hover span {background-position: 0 -13px;}
	#siteNav .li2 a:hover span, .articles #siteNav .li2 a:hover span {background-position: -42px -13px;}
	#siteNav .li3 a:hover span, .projects #siteNav .li3 a:hover span {background-position: -99px -13px;}
	#siteNav .li4 a:hover span, .about #siteNav .li4 a:hover span {background-position: -154px -13px;}
	#siteNav .li5 a:hover span, .related #siteNav .li5 a:hover span {background-position: -198px -13px;}
	#siteNav .li6 a:hover span, .contact #siteNav .li6 a:hover span {background-position: -249px -13px;}


	/* -- contentNav -- */
	#contentNav {width: 697px; height: 94px; margin: 0 4px; padding: 0; position: relative; top: -1px; background: url(images/contentnav-panels.gif) 0 0 no-repeat;}
	#contentNav li {list-style: none; padding: 0; margin: 0; position: absolute; width: 231px; height: 94px;}
	#contentNav li a:link, #contentNav li a:visited {width: 231px; height: 94px; display: block;}
	#contentNav li a:hover {background: transparent url(images/alphafake-red.gif);}
	html>body #contentNav li a:hover {background: transparent url(images/alpha-red-dr.png);}
	#contentNav .li1 {top: 0; left: 0;}
	#contentNav .li2 {top: 0; left: 233px;}
	#contentNav .li3 {top: 0; left: 466px;}
	#contentNav li a span {display: block; position: absolute; top: 69px; left: 14px; overflow: hidden; font-size: 1px; color: #E52C00; padding-top: 13px; height: 0;}
	#contentNav .li1 a span {width: 108px; background: url(images/contentnav-articles.gif) no-repeat;}
	#contentNav .li2 a span {width: 56px; background: url(images/contentnav-projects.gif) no-repeat;}
	#contentNav .li3 a span {width: 79px; background: url(images/contentnav-related.gif) no-repeat;}


	/* -- search form -- */
	#searchBox {position: absolute; top: 126px; left: 400px;}
	#searchBox label {display: none;}
	.search #searchBox .advanced label {display: inline;}

	#searchBox #search {position: absolute; width: 242px; height: 16px; border: none; color: #0088ff; font-size: 11px;}
	#searchBox .button {position: absolute; left: 244px; height: 17px;}
	#searchButton:hover {border: solid 1px #4287C8; margin: -1px 0 0 -1px;}
	#searchBox .advanced {display: none;}
	.search #searchBox .advanced {display: block; position: absolute; top: 41px; left: -339px; color: #fff;}
	.search .result {margin-bottom: 2em;}
	.search .published {font-style: italic;}

/* -- footer -- */
	#footerBlock {clear: both; background: #3883CA url(images/footer-bg.gif) repeat-x; padding: 5px 60px;}
	#footerBlock p {margin: 0; font-size: 10px; color: #fff; line-height: 1.4;}
	#footerBlock a:link, #footerBlock a:visited {color: #fff;}

	/* -- pre-footer nav links -- */
		#mainContent #navLinks p {color: #BFC3C7; margin: 0;}
	

/* -- Page Structure -- */
	#container {width: 705px; text-align: left; margin: 0 auto;}
	#intro {position: relative;}
	#pagebody {padding: 1px 0 0 0;}
	#mainContent {float: left; margin: 0; width: 400px;}
	#sidebar {margin-left: 471px;}

	/* -- with sidebar -- */
	.sidebarplease #container {background: #F7F7F7 url(images/container-bg.gif) repeat-y;}
	.sidebarplease #mainContent {
	margin: 0;
	padding-top: 16px;
	padding-right: 0;
	padding-bottom: 16px;
	padding-left: 40px;
}

	/* -- without sidebar -- */
	.nosidebarplease #container {background: #F7F7F7 url(images/container-bg-nosidebar.gif) repeat-y;}
	.nosidebarplease #mainContent {padding: 24px 60px; width: auto;}
	.nosidebarplease #sidebar {display: none;}

	/* -- home page, archives -- */
	.homePage h1, .archives h1, .homePage h2.olderentries, #monthlyCal caption {color: #EB694A; font: normal 15px Helvetica, Arial, sans-serif; letter-spacing: -1px; margin: 0; text-align: left;}

	#monthlyCal caption {margin: 15px 0 0 0;}
	.homePage h2.olderentries {margin-top: 2em;}
	.homePage h2, .archives h2 {font: bold 18px Helvetica, Arial, sans-serif; color: #E62C00; letter-spacing: -1px; margin: 1em 0 0 0;}
	.homePage h2 a:link, .homePage h2 a:visited, .archives h2 a:link, .archives h2 a:visited {margin: 0; color: #E62C00;}
	.homePage h2 a:hover, .archives h2 a:hover {color: #EB694A; background: none;}
	#mainContent .olderentries, #categorylist, #recentEntries {margin: 0; padding: 0;}
	#mainContent .olderentries li, #categorylist li, #recentEntries li {margin: 10px 0; padding: 0 0 0 20px; list-style: none; background: url(images/deco-post.gif) 4px 2px no-repeat;}

	/* -- second level, second-level nav bar -- */
	#selectionbar {color: #fff; height: 46px; margin: 0 4px; background: #EA4B00 url(images/selectionbar-bg.gif) 0 -1px repeat-x; position: relative; top: -1px; font-size: 11px;}
	#selectionbar ul {margin: 0; background: url(images/selectionbar-bg-articles.gif) top right no-repeat; padding: 14px 0 0 45px; height: 32px;}
	.about #selectionbar ul {background-image: url(images/selectionbar-bg-about.gif);}
	.contact #selectionbar ul {background-image: url(images/selectionbar-bg-contact.gif);}
	.projects #selectionbar ul {background-image: url(images/selectionbar-bg-projects.gif);}
	.related #selectionbar ul {background-image: url(images/selectionbar-bg-related.gif);}


	#selectionbar li {display: inline; list-style: none;}
	#selectionbar a:link, #selectionbar a:visited {color: #fff; display: block; float: left; padding: 1px 9px 3px 6px; margin: 0 6px;}
	#selectionbar a:hover {color: #FFEE99; background-color: transparent;}

	.essentials .s-essentials a, .comments .s-articles a, .categories .s-articles a, .entry .s-articles a, .a-home .s-articles a, .dailies .s-dailies a,
	.subscribe .s-rss a,
	.a-home .s-about a, .bio .s-dave a, .colophon .s-mezzoblue a, .faq .s-faq a,
	.r-home .s-related a, .reviews .s-reviews a,
	.p-home .s-projects a, .hotbot .s-hotbot a, .tests .s-tests a, .booklist .s-booklists a,
	.z-alldesigns .s-alldesigns a, .z-faq .s-faq a, .z-resources .s-resources a, .z-translations .s-translations a, .z-submit .s-submit a
	 {background: #F25A00 url(images/selectionbar-li-current.gif) bottom right no-repeat;}

	

/* -- content styling -- */
	#mainContent ul li {list-style: none; padding: 0 0 0 16px; margin: 0; background: url(images/deco-dt.gif) 2px 4px no-repeat;}
	#mainContent a:link, #mainContent a:visited {border-bottom: dotted 1px #94CBFA;}
	#mainContent a:hover {border-bottom: none;}
	#mainContent h2 a:link, #mainContent h2 a:visited,
	#mainContent .reply a:link, #mainContent .reply a:visited
	{border-bottom: none;}

	.post {position: relative; padding-top: 1px;}
	.post p {margin: 0 0 1em 0;}
	#mainContent .context {margin: 1em 0 0 0;}
	#sidebar .context {margin: 1em 20px; font-size: 10px;}

	/* -- article styling -- */
		.entry .lead {color: #7A9EC5; float: right; width: 265px; font-size: 17px; line-height: 24px; text-align: left; margin: 0 0 1em 0; position: relative; left: 35px;}
		html>body .entry .divider {position: relative; left: -57px; margin: 2em -57px; border: 0; height: 1px; background: #ccc;}

		.archiveBrowser {line-height: 42px; height: 42px; background: url(images/archivebrowser-bg.gif) repeat-x; padding: 0 10px 0 0; position: relative; left: -58px; width: 457px;}
		#mainContent .archiveBrowser ul {margin: 0; padding: 0;}
		#mainContent .archiveBrowser li {display: inline; background: none;}
		#mainContent .archiveBrowser a:link, #mainContent .archiveBrowser a:visited {color: #fff; border: 0;}
		#mainContent .next {float: right;}
		
		.metadata {margin: 30px 0; padding: 0 10px; background: #eee; border: solid 1px #ccc;}
		.metadata h2 {margin: 10px 0 0 0;}


	/* -- replies -- */
		#mainContent p.reply {color: #9FB6CA; font-size: 10px; line-height: 1; padding: 0 0 2em 10px; background: url(images/deco-reply.gif) 0 0 no-repeat;}
		.entry #mainContent p.reply {padding-bottom: 1em;}
		div.reply {position: relative; margin: 0 40px 3em 40px;}
		div.reply .replynumber {position: absolute; font-size: 22px; top: 2px; left: -38px; letter-spacing: -2px;}
		div.reply .replynumber a:link, div.reply .replynumber a:visited {color: #ccc;}
		div.reply .replynumber a:hover {color: #fff;}
		.reply-body {width: 500px; overflow: hidden;}
		.dave {background: #F4CFC6;}
		.dave p {padding: 0 5px;}
		.entry #mainContent p.postedBy {font-weight: bold; margin-bottom: 0;}
		.entry #mainContent p.posttimestamp {position: absolute; top: -1em; right: 0; color: #999;}
		.dave .postedBy {background: #E62E00; color: #fff; padding: 3px;}
		.dave .postedBy a {color: #fff;}
		.entry #mainContent .dave p.posttimestamp {top: -0.8em; color: #fff;}
		.entry #mainContent .dave p.posttimestamp a:link, .entry #mainContent .dave p.posttimestamp a:visited {color: #fff;}

	/* -- sidebar -- */
		#sidebar {padding-bottom: 1em;}
		#sidebar h2 {display: none;}
		#sidebar h3 {color: #EB694A; font: normal 15px Helvetica, Arial, sans-serif; letter-spacing: -1px; margin: 15px 20px 6px 20px; text-transform: none;}
		#sidebar dl, #sidebar dl p {margin: 15px 20px 6px 20px; font-size: 10px; line-height: 1.4;}
		#sidebar dt, #sidebar dd {margin: 0; padding: 0 0 0 7px;}
		#sidebar dt {background: url(images/deco-li.gif) 0 4px no-repeat; font-weight: normal;}
		#sidebar dd p {margin: 0 0 10px 0;}
		#sidebar caption {background-color: transparent;}

		#recentposts ul {padding: 8px 8px 0 8px; margin: 0;}
		#recentposts li {padding: 0; margin: 0 0 10px 30px; list-style: none; line-height: 1.2; position: relative;}
		#recentposts .date {display: block; font-size: 10px; color: #A4AAB1;}
		#recentposts .comments {display: block; width: 24px; height: 21px; line-height: 1; font-size: 11px; text-align: center; padding-top: 2px; background: url(images/comment-bubble.gif) no-repeat; top: 2px; left: -30px; position: absolute; text-shadow: #fff 2px 2px 1px;}
		#sidebar div#recentposts p {margin: 0; line-height: 1.5; padding-left: 38px; background: url(images/li2.gif) no-repeat 28px 8px; font-size: 12px;}
		#sidebar div#recentposts p.extra {padding-bottom: 0;}

	/* -- content-specific -- */
		#dailiesArchives {margin: 0 20px; font-size: 10px; background: url(images/sidebar-horizontal-list.gif) 0 0 no-repeat; padding: 0 15px; text-align: right; height: 22px;}
		#dailiesArchives li {display: inline; list-style: none; color: #BAC1C7;}
		#theDailies p {margin: 0 15px 0.7em 25px; font-size: 11px; line-height: 1.4;}
		#theDailies dd {margin-bottom: 0.7em;}




	/* -- reusable -- */
		.flLeft {float: left; margin: 0 15px 0 0;}
		.flRight {float: right; margin: 0 0 0 15px;}
		.flNone {margin: 0.5em auto; text-align: center;}
		#mainContent a.imglink:link, #mainContent a.imglink:visited {border: none;}
		a.imglink:hover {background: transparent;}


		.panel {background: url(images/sidebar-panel-t.gif) 0 0 no-repeat; margin: 0 20px;}
		.panel p {margin: 0; font-size: 10px; line-height: 1.4; padding: 5px 8px 7px 8px; background: url(images/sidebar-panel-b.gif) bottom left no-repeat;}
		.panel p.extra {padding: 5px 8px 7px 8px; background: none;}
		.panel hr {height: 1px; border: 0; background: #ccc; margin: 5px 15px;}
		.panel .flLeft {float: left; margin: 10px 8px 5px 8px;}
		span.date, .pseudoheader {color: #BFC3C7;}
		
		.pro {padding-left: 65px; background: url(images/pc-pro.gif) no-repeat 0 0;}
		.con {padding-left: 65px; background: url(images/pc-con.gif) no-repeat 0 0;}
		.undetermined {padding-left: 65px; background: url(images/pc-undetermined.gif) no-repeat 0 0;}

		#mainContent a.photo-link:link, #mainContent a.photo-link:visited, #mainContent a.photo-link:hover {border: 0; background: none;}
		.photo-link img {border: solid 1px #E3E3E3; border-top: 0; border-left: 0; background: #fff; padding: 10px; margin-top: 1em;}

	/* -- reply form -- */
		#replyForm {margin: 1em 0; background: #eee; border: solid 1px #e6e6e6; padding: 10px;}
		#replyForm span {display: block; margin: 0; background: #f6f6f6; padding: 2px 4px; border: solid 1px #e6e6e6; border-width: 1px 0;}
		#replyForm label {width: 115px; float: left;}
		#replyForm .submit label {float: none; width: auto;}
		#replyForm h2, #replyForm p {display: inline;}
		#replyForm textarea {width: 420px;}
		#replyForm textarea.preview {width: 320px;}
		#preview {margin-right: 15px;}
		.submit input {float: left; border: solid 1px #419EC5; color: #fff; background: #4CBAE8; padding: 3px;}
		#text {clear: left;}
	

	/* -- XFN spice -- */
		#mainContent dt a[rel~="met"] {border-bottom: dotted 1px #1D68AA;}



/* -- Accessibility Tweaks -- */
	#skipNav {position: absolute; left: -9999px; font-size: small;}
	#skipNav a:hover {color: #f00;}
	#skipNav a:focus {display: block; position: absolute; top: -120px; left: 9990px; font-size: large; background: #fff; border: solid 2px #1B6BD8; padding: 10px; width: 15em; z-index: 1;}
	.hide {display: none;}