/*	======================================== 
				Peruser.net CSS 
	======================================== */


@import url("hacked_docstyle.css");



/* ---------- General page elements ---------- */

body {
	font-size: small;
	margin-left: auto;
	width: 96%;
	margin-top:0px;
	margin-bottom:0px;
	color: #222222;
	margin-right: auto;
	font-family: arial, sans;
	background-color: #000;

/*
	border: solid 1px black;
	background-color: #1b652d;
	padding:0;
	margin:0;
*/
}

p, li {
	/*font-size: medium;*/
	line-height: 140%;
}

a {
	/*font-family: times, serif;*/
	text-decoration: none;
	font-weight: bold;
	color: #822266;
	/*letter-spacing:0px;*/
	font-family:"Courier New", Courier;
}

a:active {
	color: #ffffff;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

img {
	border:none;
}



/* ---------- Custom content classes ---------- */

#content, div.section, table.layout {
/*	font-size: smaller;*/
	padding: 1em;
	margin: 0px;
	border: solid 1px white;
	background-color: #6EC08A;
}

div.title, #content h1 {
	font-weight: bold;
	font-size: x-large;
	color: #32004b;
	text-align: center;
	padding:0;
}

div.subtitle, #content h2 {
	font-size: large;
	color: #1b1464;
	font-style: italic;
	text-align: center;
}

.foreignphrase {
	font-style: italic;
}

.javaprogramlisting .xmlprogramlisting {
	font-family: "courier new", courier, monospace;
}

.sidebar {
	float: right;
	margin: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	align: right;
}

.tip {
	margin: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
}

.warning {
	font-weight: bold;
	color: red;
}

.layoutheader {
	font-size: small;
	vertical-align: top;
	font-family: arial, helvetica, sans-serif;
}

.sitenavigation {
	font-size: small;
	vertical-align: top;
	font-family: arial, helvetica, sans-serif;
}

.generalnavigation {
	font-size: small;
	vertical-align: top;
	font-family: arial, helvetica, sans-serif;
}

.leftsideblock {
	font-size: small;
	vertical-align: top;
	font-family: arial, helvetica, sans-serif;
}

.rightsideblock {
	font-size: small;
	vertical-align: top;
	font-family: arial, helvetica, sans-serif;
}

.recentchanges {
	font-size: small;
	vertical-align: top;
	font-family: arial, helvetica, sans-serif;
}

.default {
	font-size: small;
	vertical-align: top;
	font-family: arial, helvetica, sans-serif;
}

form {
	font-size: small;
	vertical-align: top;
	font-family: arial, helvetica, sans-serif;
}



/* ---------- Basic page layout ---------- */

div.docFamily {
	padding:0;
	margin:0;
	background-color: #1b652d;
	border: solid 1px black;
}

div.mainBorder, div.main {
	padding:0;
	margin:0;
}

div.main {
	height:95%;
}


div.docHeaderBorder {
	padding:0;
	margin:0;
	border-bottom:solid 1px #0b450d;
}

div.docHeader, div.docFooter, div.docFooter .section {
	background-color: #0b551d;
}

div.docHeader {
	margin:0;
	padding:0;
	padding-top:1em;
}

div.docBodyBorder {
	width:80%;
	float:right;
}

div.docContentBorder {
	background-color: #cacaca;
}

div.docFooterBorder {
	clear:both;
	padding:0;
	margin:0;
	border-top:solid 1px #2b753d;
}

div.docFooter, div.docFooter .section {
	background-color: #0b551d;
	border:0;
	margin:0;
	padding:0;
}

div.docFooter {
	padding:1ex;
	font-size: smaller;
}



/* ---------- Secondary Layout Elements ---------- */

div.docHeaderLogo {
	padding-top: 20px;
	padding-left: 10px;
}

div.docMainNav {
/*	padding-top:1em;*/
}

div.docContent {
	padding:1em;
}



/* ---------- Nav links ---------- */

ul.docNav, ul.docSubNav, ul.detachedNav {
	margin:0;
	padding:0;
}

ul.docNav {
	float:left;
	width:20%;
}

ul.docSubNav {
	padding-left: 2em;
}

ul.detachedNav {
	border-top:solid 1px #0b450d;
	border-bottom:solid 1px #2b753d;
	background-color: #1b652d;
	text-align:right;
}

ul.docNav li, ul.detachedNav li {
	display:block;
	padding: 0;
	margin: 0;
}

ul.docNav li {
	list-style-type:none;
	width:99%;
}

ul.docSubNav li {
	width:100%;
}

ul.detachedNav li {
	display: inline;
}

ul.docNav li a, ul.detachedNav li a {
	background-color: #0b551d;
	border-top:solid 1px #2b753d;
	border-left:solid 1px #2b753d;
	border-bottom:solid 1px #0b450d;
	border-right:solid 1px #0b450d;
}

ul.docNav li a {
	display:block;
	padding: 4px 1.2ex;
}

ul.docSubNav li a {
	display:list-item;
	list-style-position: outside;
	list-style-type:disc;
	font-style:italic;
}

ul.detachedNav li a {
	padding-left: 1.2ex;
	padding-right: 1.2ex;
}

ul.docNav li a:hover, ul.detachedNav li a:hover {
	background-color: #0b350d;
	border-top:solid 1px #0b450d;
	border-left:solid 1px #0b450d;
	border-bottom:solid 1px #2b753d;
	border-right:solid 1px #2b753d;
}

/*
	IE6 is a dumb beast. It only allows the hover selector on a elements. This means our
	nice pure-css buttons lose their rollover effect. Luckily, IE *also* does not
	understand child selectors (ie, html>body). Thus, IE users get no rollover button,
	but do get links that are underlined. Hooray, IE users.
	
	There's a rumor that IE7 will handle :hover correctly. We shall see.

	... UPDATE! This no longer seems to be a problem on IE6 on WinXP. Is this exclusively a Win2k problem?
*/
a:hover {
		text-decoration: italic;
}
/*
li.navnode>a.navnode:hover, li.navnodeselected>a.navnodeselected:hover,
li.navgroup>a.navgroup:hover, li.navgroupselected>a.navgroupselected:hover {
		text-decoration: none;
}
*/
li.navnode a.navnode:hover, li.navnodeselected a.navnodeselected:hover,
li.navgroup a.navgroup:hover, li.navgroupselected a.navgroupselected:hover {
		text-decoration: none;
}

div.docHelpNav li.navnode, li.docHelpNav li.navnodeselected,
li.navgroup, li.navgroupselected {
	padding-top: 0;
	padding-bottom: 0;
}

a.navnode, a.navnode:visited, a.navgroup, a.navgroup:visited {
	font-weight:normal;
}

a.navnode, a.navnodeselected, a.navnode:visited, a.navnodeselected:visited,
a.navgroup, a.navgroupselected, a.navgroup:visited, a.navgroupselected:visited {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: small;
	color: #ffdd00;
	text-decoration: none;
	/*font-family:"Courier New", Courier;*/
}

a.navnodeselected. a.navnodeselected:visited, a.navgroupselected. a.navgroupselected:visited {
	font-weight: bold;
}

table.boxy, table.boxy th, table.boxy td {
	border: 1px solid black;
}

table.descTree  {
	width: 100%;
}

table.descTree,  table.descTree table  {
/*	font-size: smaller;
	padding: 1em;
	margin: 0px;
	background-color: #6EC08A;
	border: solid 1px black;
*/
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	margin-collapse: collapse;
}

table.descTree td, table.descTree th  {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin: 0px;
	border-collapse: collapse;
	margin-collapse: collapse;
	vertical-align: top;
}
table.descTree th  {
	border-right: 1px solid black;
	border-left: 1px solid black;
}
table.descTree td {
	padding-left: 2px;
	border-right: 1px solid black;
}