body		{background:#666; padding:0px 10px 10px 10px; margin:0px;
		 font-family:verdana,sans-serif; font-size:12px;}
body		{background:#666 url("../zpi/zpi_main_background.png") no-repeat; background-attachment:fixed;}
h5		{font-size:10px; font-weight:bold}
h4		{font-size:14px; font-weight:bold}
h3		{font-size:19px; font-weight:normal}
h2		{font-size:22px; font-weight:normal}
h1		{font-size:26px; font-weight:normal}
h1,h2,h3,h4,h5	{margin:0px;}
a		{text-decoration:none; font-weight:bold;}
a:link		{color:#eec;}
a:visited	{color:#ddb;}
a:hover		{color:white; text-decoration:underline;}
a img		{border:0px;}

.layout		{display:table;}

.sidebar	{display:table-cell; width:270px; padding:0px 0px 10px 0px; font-size:1em;
		 border:10px solid black; color:#bcb; background:#444 url('../zpi/zpilogo.indexback.png');
		 vertical-align:top;}
.sidebar h3	{text-transform:uppercase; padding:0px 4px; border:solid black;
		 border-width:10px 0px; background:#787; color:black;}
.sidebar dl	{padding:0px; margin:4px 0px;}
.sidebar dl dl	{margin:8px 0px;}
.sidebar dt	{border-bottom:1px solid #222;}
.sidebar dd	{margin:0px; padding:0px 2px 2px 4px;}
.sidebar dt a	{width:100%; padding:0px 2px;}
.sidebar dt a:hover	{background:#777; text-decoration:none;}
.sidebar p	{margin:10px;}
.sidebar h4	{font-size:1.2em; padding:0px 2px; border-bottom:1px solid #222;}
dt.current	{font-weight:bold; background:#998; color:#444; padding-left:2px;}

h3.first		{margin-top:0px; border-top:0px;}
p.welcome:first-line	{text-transform:uppercase; font-weight:bold; font-size:150%; color:#9a9;}
p.welcomeXX strong	{color:#aba;}
p.welcomeXX:first-letter	{font-size:500%; float:left; margin:0px; padding:0px;
			 line-height:1.5ex; font-weight:bold; color:#bb9;}

.main		{display:table-cell; margin:0px 0px 0px 0px; padding-bottom:10px; border:solid black;
		 border-width:10px 10px 10px 0px;
		 background:#777;}
.main p		{text-align:justify; margin:10px 20px;}
.main h3	{clear:both; border-bottom:10px solid #666; margin:20px 10px 0px 10px;}
.main h4	{border-bottom:5px solid #666; margin:10px 10px 0px 20px;}
.main li	{margin:0px;}
.main dl,
.main ul	{padding:0px; margin:10px 20px 10px 40px; text-align:justify;}
.main ul ul	{margin-left:20px;}
.main dt	{font-weight:bold;}

.whatsnew	{border:10px solid black; margin:10px 10px 0px 10px;
		 background:#444 url('../zpi/zpilogo.indexback.png') right center;
		 border-radius:20px 20px 0px 0px;}
.whatsnew h4	{line-height:normal; text-transform:uppercase; background:#ec5;
		 border-bottom:10px solid black; margin:0px; padding:0px 8px;
		 border-radius:10px 10px 0px 0px;}
.whatsnew ul	{text-align:left; color:#aba; margin:4px 4px 4px 20px; padding:0px; font-size:.9em;}
.whatsnew li	{list-style:url('../zpi/star.png')}

.whatsnew2 ul	{text-align:left; color:#aba; margin:4px 4px 4px 20px; padding:0px; font-size:.9em;}
.whatsnew2 li	{list-style:url('../zpi/star.png')}
.whatsnew2 p	{margin-top:4px; margin-bottom:4px;}
.whatsnew2 h3	{background:#bb9;}

.blog			{margin:0px 10px 10px 10px; padding:10px; background:#ccc;
			 border:10px solid #666; border-top:0px;}
.blog a			{color:#778; text-decoration:underline;}
.blog a:visited		{color:#667;}
.blog a:hover		{color:white;}

.blog-nav	{display:table; color:#ccc; background:#aaa; font-size:12px; font-weight:bold; margin:6px 0px; padding:2px 0px; width:100%; border-radius:4px 4px 4px 4px;}
.blog-nav-left	{display:table-cell; text-align:left; width:70px; padding:0px 6px; vertical-align:middle;}
.blog-nav-mid	{display:table-cell; text-align:center; vertical-align:middle;}
.blog-nav-right	{display:table-cell; text-align:right; width:70px; padding:0px 6px; vertical-align:middle;}
.blog-nav a		{color:#fff; text-decoration:none;}
.blog-nav a:visited	{color:#fff;}
.blog-nav a:link	{color:#fff;}
.blog-nav a:hover	{color:#fff;}
.blog-nav b		{color:#ccc;}


.title		{padding:0px; margin:0px;}
.title h1	{font-size:26px; font-weight:bold; padding-left:10px; text-transform:uppercase;
		 letter-spacing:.3em; text-decoration:underline;}
.title h2	{font-size:20px; font-weight:bold; padding-left:10px; font-style:italic;
		 font-family:georgia; letter-spacing:1em;}
.masttext	{border:10px solid black; border-width:10px 10px 0px 10px; background:#787; padding:0px;
		 border-radius:0px 40px 0px 0px; height:58px; padding:0px; margin:85px 0px 0px 20px;}
.masthead	{width:720px; height:153px; margin:0px; position:absolute; left:auto; top:0;
		 background-image:url('../zpi/zpimasthead.png'); background-position:10px 0px; background-repeat:no-repeat;}

.topbar		{border:0px solid black; border-width:10px 10px 0px 10px;
		 background:#bb9; padding:0px; margin:auto;
		 border-radius:20px 0px 0px 0px;}
.topbar div	{display:table; width:100%;}
.topbar h5	{padding:6px 10px 6px 0px; text-align:right; display:table-cell; font-size:1.2em;}
.topbar h4	{padding:6px 0px 6px 10px; text-align:left; display:table-cell; font-size:1.2em;}
.topbar h5 span,
.topbar h4 span	{white-space:nowrap;}


.contact	{margin:10px 0px;}
.contact p	{text-indent:-40px; margin:0px 10px 0px 50px;}

.fine		{font-size:9px;}
.line		{border:1px solid black;}
.main .center,
.center		{text-align:center;}
.indent		{margin-left:20px;}
.buttons	{text-align:center; margin:10px;}
.update		{text-align:right; color:#333; font-size:10px; margin:0px 10px;}
.update2	{color:#9a9; font-size:.9em;}
.thanks		{color:#aba; margin:10px 60px; background:#444; border:10px solid black;}
.copyright	{text-align:center; color:#000; margin:0px; padding:0px; font-size:10px;}
h3.bloghead	{clear:none; padding:0px; margin:4px 10px 0px 10px;}
.blog-entry-head h4	{border-bottom:6px solid #bbb; margin:0px}

body	{scrollbar-face-color: #787;
	scrollbar-shadow-color: #787;
	scrollbar-highlight-color: #787;
	scrollbar-3dlight-color: #787;
	scrollbar-darkshadow-color: #787;
	scrollbar-base-color: #444;
	scrollbar-track-color: #444;
	scrollbar-arrow-color: #000;}

.sidebar {table-layout:fixed;}

.topbar		{max-width:850px; margin-left:auto; margin-right:auto;}
.title,
.layout		{max-width:870px; margin-left:auto; margin-right:auto;}

.sbjump		{display:none;}

/* small tablets and phones */
@media only screen and (max-device-width:800px) and (orientation: portrait)
{
body		{padding:0px 1em; margin:0px; background:#666}
body		{font-size:1em;}
h5		{font-size:1em;}
h4		{font-size:1em;}
h3		{font-size:1em; font-weight:bold}
h2		{font-size:1em;}
h1		{font-size:1em;}
.topbar h5	{font-size:1em; padding:0px 10px 0px 0px;}
.topbar h4	{font-size:1em; padding:0px 0px 0px 10px;}
.sidebar	{font-size:1em;}
.sidebar ul	{font-size:1em;}
.whatsnew2 ul,
.whatsnew ul	{font-size:.8em;}
.copyright	{font-size:.7em;}

.lzsig		{width:auto; height:3em;}

.title		{}
.title h1	{font-size:.1em;}
.title h2	{font-size:.1em;}
.masttext	{border:10px solid black; border-width:10px 10px 0px 10px; background:#787; padding:0px;
		 border-radius:0px 20px 0px 0px; height:30px; padding:0px; margin:44px 0px 0px 20px;}

.masthead	{width:400px; height:84px left:1em; top:0;
		 background-image:url('../zpi/zpimasthead.small.png');}

.topbar		{font-size:.7em; margin:auto;}

.layout		{width:auto; margin:auto; border:10px solid black;}
.main		{display:table-row-group; width:auto; border:none; background-image:none;}
.sidebar	{display:table-footer-group; width:auto; border:none; background-image:none;}
.sidebar dt	{width:auto;}
h3.first	{border-top:10px solid black;}

.blog			{margin:0px; padding:6px; background:#ccc; border:none;}
h3.bloghead		{margin:10px 0px 0px 0px; padding:0px 4px; border:solid black;
			 border-width:10px 0px; background:#787; color:black; text-transform:uppercase;}

.rssfeeds	{margin-right:.2em;}
.rssfeeds a img	{width:1.5em; height:1.5em;}
.blog-entry-head h4	{font-size:1.5em;}
.blog-nav	{font-size:1.4em;}
.blog-nav-mid	{font-size:.8em; padding-top:.2em;}
.blog-nav-left,
.blog-nav-right	{width:5em;}
.blog-nav img	{width:auto; height:.8em; margin-bottom:.1em; vertical-align:middle;}

.sbjump		{display:block; padding:.5em; font-size:1em;}

.fine		{font-size:1em;}

}