/* Styles gratefully stolen from thenoodleincident.com,
** hacked with input from other sites, and tidied with
** hints from setuid.
*/
body {
	margin: 		0;
	padding: 		0;
	color: 			#000;
	background-color: 	#fff;
}

a:link,
a:visited,
a:active {
	color: 			#00f;
}

a:hover { 
	color: 			#f00; 
}

/* The two primary parts of each page are the menu and the content */

#content {
	margin: 		0em;
	padding: 		5px 1.0em 1.0em 28%;
	text-align: 		justify;
	/*
	background-image: url("Images/content-bg.png"); 
        background-repeat: no-repeat; 
	background-position: 75% 50%;
	background-attachment: fixed;
	*/
	background-color: 	#fff;
	}

#menu {
	position: 		absolute;
	top: 			0em;
	left: 			0em;
	margin: 		0em;
	padding: 		0em;
	height:		100%;
	background-color:	#fff;
	border-top: 		0;
	border-right: 		1px solid #eef;
	border-bottom: 		1px solid #eef;
	border-left: 		0;
	width: 			22%;
	voice-family: 		"\"}\"";
	voice-family:		inherit;
	background-image: url("Images/menu-bg.png"); 
        background-repeat: no-repeat; 
	background-position: bottom left;
	background-attachment: fixed;
	}

html>body #menu {
	width:			26%; /* IE fix */
	}

body>#menu {
	position:		fixed; /* IE fix */
	}

#menu ul {
        list-style-type: 	none;
        margin: 		1em;
        padding: 		0px;
	font-size: 		122%;
	text-align:		center;
}

#menu li {
	padding: 		1px;
	margin:			0px;
	display:		block;
	height:			1.5em;
	border:			none;
	text-align:		center;
}

/* In the menu, highlighting */
#menu a {
	text-decoration:	none;
	height:			1.5em;
}

#menu a:hover {
	background: 		#eef;
	display: 		block;
	color: 			#000;
	margin:			0em;
	padding:		0em;
	height:			1.5em;
}

#menu li.selected { 
	color: 			white;
	background: 		#bbf;
	border:			1px solid #999;
}

#menu li:hover {
	padding:		0px;
	background:		#eef;
	height:			1.5em;
	border:			1px solid #999;
}

#menu li.selected:hover {
	padding: 		1px;
	background: 		#bbf;
	border:			1px solid #999;
}



#logo {
	position: 		relative;
	left:			-2em;
	margin: 		0em;
	padding: 		0.5em 1em;
	background: 		#bbf;
	border:			0;
	width: 			100%;
}

#logo h1 {
	font-size: 		2.0em;
	font-weight: 		normal;
	color: 			#fff;
	margin-top:		0em;
	margin-bottom:		0em;
}


/* Stuff for the content div */

/* Section header */
.section {
	margin: 		0em 0em;
	padding: 		0em 0em 0em 0.2em;
	background: 		#bbf;
	color: 			#fff;
}

h2.section {
	margin: 1ex 0em;
}

.inset {
	margin-left: 2em;
	margin-right: 2em;
}

.box {
	border: 2px solid  #bbf;
}

.box h3 {
	margin-top: 0px;
	padding: 0.5ex 1em;
	border-bottom: 2px solid #bbf;
	color: #bbf;
	background: inherit;
}



/* news box upper right ; section works there too */
#news {
	float: 			right;
	right: 			0;
	bottom: 		0px;
	margin: 		0ex 0em 1ex 1em;
	padding: 		0.5em 2% ;
	background: 		#fff;
	border: 		1px solid #eef;
	color: 			#000;
	width: 			20%;
}

/* menu items are in a list of class menu */
#news ul {
        list-style-type: 	square;
        margin: 		1em;
        padding: 		0px;
}
.news li {
        padding: 		0em;
	margin:			0em;
	text-align:		left;
	font-weight:            bold;
}

/* some kinds of news is a warning */
.warning {
	font-weight:		bold;
	color:			#f00;
}

/* lists of links in newsbox of class tinylist */

.tinylist {
        list-style-type: 	none;
        margin: 		1em;
        padding: 		0px;
}

.tinylist > li { 
	display: 		block; 
	padding: 		1px 2px 1px 2px; 
} 


/* to introduce a new item in a newsbox */

.newsitem {
	border-top: 		1px solid #eef;
	border-right: 		0;
	border-bottom: 		0;
	border-left: 		0;
}

/* content styles: entry in a long list of things */
.listentry {
	border-top: 		1px dashed #bbb;
	border-left: 		1px dashed #bbb;
	border-right: 		0px ;
	border-bottom: 		0px ;
	padding: 		0em 8%;
	margin: 		2% 6% ;
}

/* listentries may need a title-box type thing, which is what boxlet is for */
.boxlet {
	float: 			left;
	background: 		#eef;
	padding: 		2%;
	margin: 		1em 2% 0.5em -5%;
	width: 			40%;
	font-weight: 		bold;
	text-align:		left;
}


/* when sequences of commands come into play */
.shellcode {
	border: 		1px solid #000;
	padding: 		0ex 1em 1.5ex 1em;
	margin: 		0.5em;
	background: 		#eef;
	font-family: 		courier; 
	white-space:            pre;
}

span.shellcode {
	display:                block;
}

/* to make the code in a shellcode really small */
.crunch { 
	font-size: 		50%; 
}

.navbar {
	font-size:		84%;
}

.dllink {
	float:		left;
	margin:		0em 2%;
}

.dllink ul {
	padding:	0em;
	margin:		0em;
	list-style:	none;
	position:	relative;
}

.dllink li ul {
	display:	none;
	position:	absolute;
	top:		1em;
	left:		75%;
	border:		1px solid #000;
	background:	#eef;
	width:		20em;
	padding:	0.5em 4%;
}

.dllink li:hover ul {
	display:	block;
}

.hoverup {
	float:		none;
	margin:		0em 2%;
	text-align:	left;
	font-size:	x-small;
	left: 		0px;
}

.hoverup ul {
	padding:	0em;
	margin:		0em;
	list-style:	none;
	position:	relative;
}

.hoverup li ul {
	display:	none;
	position:	absolute;
	top:		1em;
	left:		105%;
	border:		1px solid #000;
	background:	#eef;
	width:		20em;
	padding:	1em 0.5ex;
}

.hoverup li:hover ul {
	display:	block;
}

.menu li ul {
	display:	none;
	position:	relative;
	top:		-1em;
	left:		85%;
	border:		1px solid #000;
	background:	#fff;
	color:		#000;
	padding:	0.5em 4%;
}

.menu li:hover ul {
	display:	block;
}

h1.pagetitle {
	font-size: 24px;
	font-stretch: expanded;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 2px;
	border: 1px solid #eef;
	background: 		#bbf;
	color:	#fff;
}

/* For the lastfive lists */

.logentry { 
	margin: 1ex 1em; 
	min-height: 4ex; 
	clear: both;
} 

.revision { 
	background: #bbf; 
	float: left; 
	border: none; 
	padding: 0.5ex 0.5em; 
	min-height: 100%;
	height: 100%;
	margin-right: 1em;
	font-weight: bold;
	text-align: center;
	color: #fff;
	font-size: x-small;
}

.hidden {
	display: none;
}

.author, .date { font-size: x-small; display: inline; }

.msg {
	padding-left: 5em;
}

#comment .date { font-size: x-small; display: block; float: right; }
#comment .name { font-size: x-small; display: block; float: left; }
#comment { border-top: 1 px solid #eef; padding: 1ex 1em; }
#comment .comment { background: #eef; }
#comment .meta { padding: 0.2ex 1em; min-height: 3ex; background: #bbf; }
#comment .text { padding: 1ex 1em 1ex 5em; }
#comment a:link, a:visited, a:active, a:hover{
	color: #000;
}
#comment .actions { background: #f22; width: 4em; float: left; }
#comment .actions a { padding: 1ex; font-weight: normal; color: #fff; }
#comment .actions a:hover { text-decoration: underline; }


div#kpilotdiff { display: none; }

ul.index {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

ul.index span.faqsection {
	background: none;
	padding-left: 1em;
	font-weight: bold;
}

#footer {
	padding: 5px 5px;
	margin: 0 auto;
	margin-top: 40px;
	clear: both;
	border: 		1px solid #eef;
}

#footer p {
	margin: 0 0 5px 0;
	text-align: left;
	font-size: x-small;
	font-style: italic;
	border-bottom: 1px dashed #eef;
}

<!--[if IE 6]>
<style>
#menu a {height: 1em;}
</style>
<![endif]-->

<!--[if IE 5]>
<style>
#menu a {
height: 1em;
float: left;
clear: both;
width: 100%;
}
</style>
<![endif]-->