/* ivizlab global style sheet: steve dipaola 06/03*/

/* Much borrowed and learned from  Frank Schaap, http://fragment.nl */


body {
	/* margin: 0 15% 0 4%; */
	margin: 0 4% 0 4%;
	padding: 0;
	font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 100%;
	background-color: white;
	color: black;
	}


/* === Boxes === */

#header {
	margin: 1em 0 3em 0;
	padding: 0;
	}
    
#main {
	float: left;
/*	width: 72%;  */
/*	width: 550px; */
	margin: 0;
	padding: 0 0 4em 0;
	}

#content {
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

#navwrapper {
	float: right;
/*	width: 22%; */
width: 110px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	}
    
#nav {
    margin: 0;
    padding: 0;
    }

#static-links div.linkcontainer {
	float: right;
	}

/* === Fontage === */

#content p {
	font-size: 1.1em;
	line-height: 1.5em;
	text-align: justify;
	margin: .8em .2em 0 .9em;
	}

#content p.more {
	margin: -.2em .2em 0 .9em;
	text-align: left;
	}

#content p.details {
	font-size: .8em;
	text-align: right;
	color: #999;
	margin: .2em 0 4em 0;
	padding: 0;
	clear: both;
	}

#content p.details span.line {
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 0 2px 1px 2px;
	}
	
#content blockquote {
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: justify;
	color: #003366;
	margin: .8em .2em 0 2.8em;
	border: 1px dotted #DDD;
	background-color: #FAFAFA;
	padding: .3em .5em .3em .5em;
	}

#content ul {
	list-style: square;
	margin: .4em 0 0 3.5em;
	padding: 0;
	}

#content ul li {
	margin: 0;
	padding: .2em 0 0 .2em;
	line-height: 140%;
	}	


#categories #content p {
	margin: .8em .2em 2.2em .9em;
	}

#categories #content p.archivedate {
	font-size: .9em;
	color: #777;
	margin: .1em .2em -1.1em 0;
	}

#archives #content p.archivedate {
	font-size: .9em;
	color: #777;
	margin: .7em .2em -.5em 0;
	}

#archives #content div.commentbody {
	border: 1px dotted #F93;
	padding: .6em .8em .6em .8em;
	margin: 0 0 .3em 1em;
	}

#archives #content div.commentbody p {
	font-size: 1em;
	margin: 0 0 0 1em;
	padding: 0;
	}


#archives #content div.commentbody p.posted {
	font-size: .9em;
	margin: 0 0 .2em -.6em;
	}

#archives #content div.entrynav {
	background-color: #FAFAFA;
	border: 1px solid #AAA;
	margin: 1.5em .2em .5em 1em;
	padding: 2px;
	clear: both;
	}

#archives #content div.entrynav p {
	font-size: .9em;
	color: #777;
	text-align: center;
	line-height: 100%;
	margin: 0 0 1px 0;
	padding: 0;
	}

#archives #content div.entrynav p a {
	text-decoration: none;
	color: #555;
	}

#archives #content div.entrynav p a:hover {
	color: #F93;
	}
	
#header p.headernav {
	font-size: 1em;
	margin: .4em 0 -.0em 0; 
 	padding: 1px 0 3px 0;
    border-top: 1px solid #555;
    border-bottom: 1px solid #999;
    background-color: transparent;
    line-height: 100%;
    }

#header p.breadcrumb {
	font-size: .9em;
	margin: 0;
	padding: 0 0 3px 2px;
	border-bottom: 1px solid #DDD;
	color: #888;
	}
	
#header p.breadcrumb span.headerhere {
	font-weight: bold;
	color: #F93;
	}
	
#nav {
	font-size: 1em;
	}

#nav p {
	font-size: .9em;
	color: #333;
	margin: .4em .4em .4em 10px;
	padding: 0;
	line-height: 1.2em;
	}

#nav p.box {
	margin: 1.2em 0 0 0;
	padding: 2px 10px 3px 10px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	text-align: center;
	line-height: 1.3em;
	}
	
#content pre {
	font-family: "Andale Mono", "Courier New", Courier, monospace;
	font-size: .9em;
	margin-left: 1.1em;
	}
   
/* === Headers === */

/* Banner Header  */
div.zbanner {color: black; font-size: 8px; margin: 1em 0 0 15px; padding: 0; border: 1px solid gray;
    position: relative; background: white url(head1.jpg) bottom right no-repeat;}
div.zbanner h1 {color: #930; font: bold italic 74px Times, "Times New Roman", TimesNR, serif; margin: 0; border-width: 0;
    position: absolute; top: -8px; left: -13px;}
div.zbanner h2 {color: #060; font: bold italic 18px Arial, sans-serif; letter-spacing: 1px; margin: 0; border-width: 0;
    position: absolute; top: 15px; left: 270px;}
div.zbanner span {color: #535; font: bold italic 10px/10px Verdana, sans-serif; border: 1px solid gray; border-width: 1px 0 0 1px;
    position: absolute; bottom: 0; right: 0; margin: 0; padding: 2px 4px;
    background-image: url(whitescreen.gif);}
/* div.zbanner * {border: 1px solid gray !important;} */


/*  old header - no longer used  */
#header h1 {
	font-family: Tahoma, "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 3em;
	font-weight: bold;
	line-height: 100%;
	color: #CCC;
	margin: 0 0 .2em 0;
	padding: 0;
	}

#content h2 {
	font-size: 1.5em;
	line-height: 110%;
	font-variant: small-caps;
	font-weight: bold;
	color: #930; /* was 777 */
	margin:0 0 -.3em 0;
	padding: 0;
	}

#content h3 {
	font-size: 1.2em;
	color: #966;
	margin: 4em 0 .8em 0;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #AAA;
	clear: both;
	}
	
#content h4 {
	font-size: .9em;
	color: #777;
	float: right;
		border-bottom: 1px solid #AAA;
	clear: both;
	}
	
#content h5 {
	font-size: .8em;
	line-height: 110%;
	float: right
	}	
	

#categories #content h3 {
	font-size: 1.2em;
	font-weight: normal;
	color: #777;
	margin: 0;
	padding: 0;
	clear: both;
	}

#archives #content h3 {
	font-size: 1.2em;
	color: #777;
	margin: 1.2em 0 .8em 0;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #AAA;
	clear: both;
	}
	
#nav h2 {
	font-size: 1em;
	/* text-transform: uppercase; */
	margin: .8em 0 .4em 0;
	padding: 1px 0 2px 10px;
	color: #930; /* #AAA */
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	}


/* === Links === */

/* -- Content links -- */

#content a:link {
	text-decoration: underline;
	color: #930;
	}

#content a:visited {
	text-decoration: underline;
	color: #930;
	}

#content a:hover {
	text-decoration: underline;
	color: #F93;
	}

	
/* -- Nav links -- */

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#nav ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid white; /* border-bottom fixes IE6 bug that draws empty box == lots of whitespace between list items */
	}
	
#nav ul li a {
	display: block;
	line-height: 100%;
	text-decoration: none;
	margin: 0;
	padding: 1px 10px 3px 10px;
	font-weight: bold;
	color: #666;
	}
	
#nav ul li a.headerhere {
	color: #F93;
	}
	
#nav ul li a.headerhere:hover {
	background-color: #F93;
	color: white;
	}
	

#nav ul li a:hover {
	color: #FFF;
	background-color: #F93;
	}

#nav img {
	/* margin: 2px 0 0 10px ;*/
	margin: 0 0 0 0
	}

#nav a.navimage:hover {
	text-decoration: none;
	background-color: white;
	}

#nav p a {
	text-decoration: none;
	color: #777;
}

#nav p a:hover {
	text-decoration: none;
	color: #F93;
	}
	

/* -- Header links -- */

#header h1 a {
	text-decoration: none;
	color: #CCC;
	}
	
#header p.headernav a {
	text-decoration: none;
    font-weight: bold;
    color: #333;
	line-height: 100%;
	padding: 0 2px 2px 2px;
    }

#header p.breadcrumb a {
	text-decoration: none;
    font-weight: bold;
    color: #333;
	line-height: 100%;
	padding: 0 2px 2px 2px;
	vertical-align: bottom;
    }

#header p.headernav a:hover, #header p.breadcrumb a:hover {
	background-color: #F93;
	color: white;
    }

#header p.headernav a.headerhere {
	color: #F93;
	}

#header p.headernav a.headerhere:hover {
	background-color: #F93;
	color: white;
	}

/* -- Details links -- */

#content p.details a:link, #content p.details a:visited {
	text-decoration: none;
	color: #999;
	}

#content p.details a:hover {
	text-decoration: none;
	color: #F93;
	}


/* === Stuff === */

#nav form {
	margin: 0;
	padding: 4px 2px 0 2px;
	}

#nav form .input {
	font-size: .9em;
	margin: 0;
	padding: 1px;
	}

#nav form .button {
	font-size: .9em;
	margin: 0;
	padding: 1px;
	}

#content form {
	border: 1px dotted #F93;
	margin: 0 0 0 1em;
	padding: 5px;
	}
	
#content form label {
	display: block;
	}

#content form input, #content form textarea {
	margin: .2em 0 .8em 0;
	display: block;
	}

#content form p {
	font-size: .9em;
	color: #777;
	margin: 0;
	padding: 0;
	}
	
#content form p.formfloat {
	font-size: 1em;
	color: black;
	margin: 0 0 0 .2em;
	padding: 0 0 0 .4em;
	border-left: 1px dotted #333;
	float: right;
	}

#content form p.formfloat input {
	display: inline;
	margin: 0;
	}
	
.invis, hr {
	display: none;
	}

#content img.left {
	clear: both;
	float: left;
	margin: 4px 8px 2px 0;
	}
	
#content img.right {
	clear: both;
	float: right;
	margin: 4px 8px 2px 0;
	}
	
	
em {
	font-style: italic;
	}
	
strong {
	font-weight: bold;
	}