/* === jlix.net === */


/* --- RESETTING BROWSER DEFAULTS - http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ --- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	/*outline: 0;*/
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

/* remember to define focus styles! */
/*:focus { outline: 0; }*/

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/* --- GENERAL DEFAULTS --- */

html { overflow-y: scroll; }	/* Always show scrollbar on right side (as IE does) in all browsers to avoid jumping of centered sites caused by (dis)appearing these scrollbars. Overflow-y is a CSS3 property and therefor it does not validate yet (removing it only affects the jumping). */	
body, html { height: 100%; }
body { float: left; clear: both; width: 100%; }
html>body {	height: auto; min-height: 100% }	/* For sticky footer */

ul { list-style-type: disc; }
	ul li { margin: 0 0 0 14px; }
	* html ul li { margin: 0 0 0 16px; }
	*:first-child+html ul li { margin: 0 0 0 16px; }
ol { list-style-type: decimal; }
	ol li { margin: 0 0 0 29px; }
	* html ol li { margin: 0 0 0 31px; }
	*:first-child+html ol li { margin: 0 0 0 31px; }
ul.nav, .nav ul, ul.overview, .overview ul, ul.linkList, .linkList ul,
ol.nav, .nav ol, ol.overview, .overview ol, ol.linkList, .linkList ol { margin: 0; padding: 0; list-style-type: none; }
	.nav li, .overview li, .linkList li { margin-left: 0; padding-left: 0; background-image: none; }
	html>body .nav li, html>body .overview li, html>body .linkList li,
	*:first-child+html .nav li, *:first-child+html .overview li, *:first-child+html .linkList li { margin-left: 0; padding-left: 0; background-image: none; }
	
strong, b { font-weight: bold; }
em, i { font-style: italic; }

abbr, acronym {
	border-bottom: 1px dotted #404000;
}
			
legend { margin-right: 0; }
* html legend { margin-left: -7px; }
*:first-child+html legend { margin-left: -7px; }

label, button, input.button { cursor: pointer; }
input[type="submit"], input[type="reset"], input[type="button"] { cursor: pointer; }

.alignLeft { float: left; }
.alignRight { float: right; }

.offScreen { position: absolute; left: -9999px; text-indent: -9999px; line-height: 0; }

	/* --- overLabel --- */	
	
	.jsOverLabelBlur { position: relative; }
		.jsOverLabel { position: absolute; left: -9999px; top: 0; white-space: nowrap /* needed for safari */; overflow: hidden; cursor: default; }
		.jsOverLabelBlur .jsOverLabel { left: 1px; z-index: 1; }
			.jsOverLabelBlur .jsOverLabel span { display: none; }
			
	/* --- clickable --- */

	.jsClickable { cursor: pointer; }


/* --- SITE DEFAULTS --- */

body, input, button, textarea, select {
	font-family: Arial, Helvetica, "Liberation Sans", Verdana, sans-serif;
	font-size: 1.0em;
}

body {
	position: relative;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #444440;
	background-color: #fff;
}

:focus { outline: 1px dashed #808000; }
object:focus, embed:focus { outline-style: none; }

p, blockquote, ul, ol, dl, table, pre {
	margin-bottom: 1.4em;
}

p+ul, p+ol, p+dl {
	margin-top: -1.4em;
}

p.attention+ul, p.attention+ol, p.attention+dl {
	margin-top: 0;
}

.attention {
	color: #000;
	margin-top: 0.55em;
	margin-bottom: 0.9em;
	padding: 0.55em 19px 0.7em;
	border: 1px solid #808000;
}

	.attention strong {
		font-weight: normal;
	}

h1+.attention {
	margin-top: 1.53em;
}

a:link, a:visited {
	color: #707000;
	text-decoration: underline;
}

a:visited {
	color: #444440;
}

a:hover, a:active, a:focus {
	color: #707000;
	text-decoration: none;
}

code {
	font-family: "Courier New", Courier, "Liberation Mono", monospace;
	font-size: 1.2em;
	letter-spacing: -0.05em;
	white-space: nowrap;
}

code.lang {
	font-size: 0.9em;
}

	code em {
		font-style: normal;
		color: #e5e500;
	}

pre {
	font-size: 1.0em;
	color: #abab00;
	white-space: pre;
	width: 660px;
	margin-top: 0.55em;
	padding: 11px 20px 14px;
	overflow: auto;
	background-color: #444440;
}

	pre code {
		letter-spacing: normal;
		white-space: pre;
		width: 660px;
	}
	
.dataType {
	font-style: normal;
	color: #808000;
}
	
.emoticon {
	font-family: "Times New Roman", Times, "Liberation Serif", serif;
	color: #808000;
}


/* --- LAYOUT --- */

#allButFooter {
	float: left;
	clear: both;
	width: 100%;
	padding-bottom: 50px;
}

	.wrapper {
		position: relative;
		width: 900px;
		margin: 0 auto;
	}


	/* --- skipLinks --- */

	#skipLinks {
		position: absolute;
		left: -9999px;
		z-index: 1;
		font-family: "Times New Roman", Times, "Liberation Serif", serif;
		font-size: 1.1em;
		line-height: 1.1em;
		text-transform: lowercase;
	}
	
		#skipLinks ul {
			width: 300px;
		}

			#skipLinks li {
				position: absolute;
				top: 0;
				white-space: nowrap;
			}
			
				#skipLinks a {
					position: absolute;
					z-index: 1;
					display: block;
					color: #fff;
					text-decoration: none;
					padding: 0 20px 3px;
					background-color: #808000;
				}
						
				#skipLinks a:focus {
					left: 10199px;	/* 9999px + 200px */
					outline-style: none;
				}
				
				
	/* --- siteBody --- */
	
	#siteBody {
		position: relative;
		padding-top: 162px;
	}
			
		/* -- JSoffAlert --- */
		
		#JSoffAlert {
			position: absolute;
			right: 0;
			top: 137px;
			font-size: 0.85em;
		}
		
			#JSoffAlert a {
				color: #444440;
				text-decoration: underline;
			}
			
			#JSoffAlert a:hover, #JSoffAlert a:focus, #JSoffAlert a:active {
				color: #808000;
				outline-style: none;
			}
	
		/* --- mainContent --- */
		
		#mainContent {
			float: right;
			width: 700px;
		}
		
			#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4, #mainContent h5, #mainContent h6 {
				clear: both;
				font-family: "Times New Roman", Times, "Liberation Serif", serif;
				font-weight: normal;
			}
		
			#mainContent h1 {
				font-size: 2.1em;
				color: #808000;
				line-height: 1.32em;
				margin-bottom: 0.5em;
			}
		
			#mainContent h2 {
				font-size: 1.4em;
				color: #787800;
				margin-bottom: 0.05em;
			}
		
			#mainContent h3 {
				font-size: 1.15em;
				font-weight: bold;
				color: #787800;
				margin-top: -0.05em;
				margin-bottom: 0.05em;
			}
			
			ul.license, .license ul {
				list-style-type: none;
			}
			
				.license li {
					position: relative;
					margin-left: 20px;
				}
				
					.license li p em {
						position: absolute;
						left: -20px;
					}
			
			dl.license, dl.links {
				float: left;
				clear: both;
				width: 340px;
			}
					
			dl.links {
				width: 100%;
			}
			
				.license dt, .links dt {
					float: left;
					clear: left;
					width: 180px;
				}
			
				.license dd, .links dd {
					float: left;
					width: 80px;
				}
			
				.links dd {
					width: 500px;
					padding-left: 20px;
				}
		
		/* --- navSidebar --- */
		
		#navSidebar {
			float: left;
			font-family: "Times New Roman", Times, "Liberation Serif", serif;
			width: 180px;
			padding-top: 1.0em;
		}
		
			#navSidebar h2 {
				font-size: 1.4em;
				font-weight: normal;
				color: #444440;
			}
		
			/* --- sectionNav --- */
			
			#sectionNav {
				
			}
			
				#sectionNav ul {
					font-size: 1.4em;
					font-weight: normal;
				}
			
					#sectionNav li {
						
					}
			
						#sectionNav li a {
							color: #000;
							text-decoration: none;
							padding-left: 20px;
						}
						
						#sectionNav li.selPath a,
						#sectionNav li.selected a,
						#sectionNav li a:hover, #sectionNav li a:focus, #sectionNav li a:active {
							color: #808000;
						}
						
						#sectionNav li.selected a,
						#sectionNav li a:hover, #sectionNav li a:focus, #sectionNav li a:active,
						#sectionNav li.selected li a:hover, #sectionNav li.selected li a:focus, #sectionNav li.selected li a:active,
						#sectionNav li.selPath li.selected a,
						#sectionNav .ext li.selPath li.selected a {
							background: url(../images/ico_bullet_sectionnav.png) transparent no-repeat 0 0.4em;
							outline-style: none;
						}
			
						#sectionNav ul ul {
							font-size: 0.85em;
							font-weight: bold;
						}
						
								#sectionNav li.selPath li.selected a,
								#sectionNav .ext li.selPath li a {
									display: inline;
									visibility: visible;
									background-image: none;
								}
								
								#sectionNav .ext li.selected li a {
									display: none;
									visibility: hidden;
								}
						
								#sectionNav li.selPath li a, #sectionNav li.selPath li.selected a,
								#sectionNav .ext li.selPath li a, #sectionNav .ext li.selPath li.selected a {
									background-position: 0 0.35em;
								}
	
	
	/* --- siteHeader --- */
	
	#siteHeader {
		position: absolute;
		top: 0;
		clear: both;
		font-family: "Times New Roman", Times, "Liberation Serif", serif;
		width: 100%;
		height: 122px;
		margin-bottom: 40px;
		background-color: #444440;
	}
	
		#siteHeader .wrapper {
			height: 100%;
		}
	
			#siteHeader a {
				color: #fff;
			}
	
		/* --- siteLogo --- */
	
		#siteLogo {
			float: left;
			font-size: 6.0em;
			font-weight: normal;
			padding: 9px 20px 10px 0;
		}
		
			#siteLogo * {
				float: left;
				width: 140px;
				height: 89px;
				display: block;
			}
			
				#siteLogo a {
					position: relative;
					padding: 5px 21px 9px 19px;
				}
			
					#siteLogo a span {
						position: absolute;
						left: 19px;
						top: 5px;
						background: url(../images/sitelogo_on.png) transparent no-repeat left top;
						cursor: pointer;
					}
					
		/* --- mainNav --- */
		
		#mainNav {
			position: absolute;
			left: 200px;
			bottom: -10px;
			font-size: 1.4em;
			text-transform: lowercase;
			width: 700px;
			background-color: #000;
		}
		
			#mainNav ul {
				float: left;
			}
			
				#mainNav li {
					float: left;
				}
				
					#mainNav li a {
						display: block;
						text-decoration: none;
						padding: 4px 20px 6px;
					}
					
					#mainNav li.selected a,
					#mainNav li a:hover, #mainNav li a:focus, #mainNav li a:active {
						background-color: #808000;
						outline-style: none;
					}
					
		/* --- shortcuts --- */
		
		#shortcuts {
			position: absolute;
			left: 200px;
			top: 0;
			font-size: 1.1em;
			text-transform: lowercase;
			width: 700px;
			background-color: #000;
		}
		
			#shortcuts ul {
				float: right;
				padding-left: 300px;
			}
			
				#shortcuts li {
					float: left;
				}
			
				#shortcuts li.jLix {
					text-transform: none;
				}
				
					#shortcuts li a {
						display: block;
						text-decoration: none;
						line-height: 1.1em;
						padding: 0 20px 3px;
					}
					
					#shortcuts li.selected a,
					#shortcuts li a:hover, #shortcuts li a:focus, #shortcuts li a:active {
						background-color: #808000;
						outline-style: none;
					}
					
	
	/* --- siteFooter --- */
	
	#siteFooter {
		position: absolute;
		bottom: 0px;
		clear: both;
		font-family: "Times New Roman", Times, "Liberation Serif", serif;
		font-size: 1.1em;
		width: 100%;
		height: 30px;
		background-color: #444440;
	}
	
		#siteFooter .wrapper {
			height: 100%;
			background: url(../images/footer_ellipsis.png) transparent no-repeat 100% 50%;
		}
	
			#copyright {
				position: absolute;
				top: -10px;
				width: 180px;
				margin: 0;
				background-color: #000;
			}
		
				#siteFooter a {
					display: block;
					color: #abab00;
					text-decoration: none;
					text-align: center;
					/*padding: 4px 20px 6px;*/
					padding: 4px 10px 6px;
				}
		
				#siteFooter a:hover, #siteFooter a:focus, #siteFooter a:active {
					color: #fff;
				}