@charset 'utf-8';

/*
SITE STYLE SHEET  J-A-B.NET

________________________________________________________________________________
author: Jens Brueckmann
        http://www.j-a-b.net/

      created: 2004-05-15
last modified: 2009-12-04
________________________________________________________________________________
This CSS may contain some selectors and attributes from CSS3 which are not yet advanced
beyond Working Draft or Candidate Recommendation and should therefore be regarded 
as experimental.
________________________________________________________________________________
Validation:
http://jigsaw.w3.org/css-validator/validator?uri=http://www.j-a-b.net/css/site.css.php&warning=2&profile=css3&usermedium=all
________________________________________________________________________________
This style sheet is published under a Creative Commons License. For more information 
about this license visit http://creativecommons.org/licenses/by-sa/2.0/
________________________________________________________________________________
Comments are welcome :-) Use contact form or mail me at jens[at]j-a-b.net
________________________________________________________________________________
*/

/*__ MAIL ________________________________________________________ ~contact __*/
form#contactForm {
	width: 100%;
	font-size: 0.9em;
	}

form#contactForm fieldset {
	width: 100%;
	padding: 0 0 0 0.5em;
	}

form#contactForm fieldset table {
	background: transparent;
	}

td#contactData {
	width: 30%;
		}

td#messageData {
	width: 70%;
	text-align: center;
	}

form#contactForm label {
	padding: 0;
	margin: 0.2em 0;
	}

form#contactForm td#contactData input {
	width: 98%;
		padding: 0;
	margin: 0.2em 0;
	}

form#contactForm textarea#message {
	width: 99%;
	max-width: 100%;
	height: 39.5em;

	overflow: auto;
	}

form#contactForm div#headerPreview {
	position: relative;
	display: block;
	background: #ffc;
	}

form#contactForm div#headerPreview:hover {
	background: #ff6;
	}

form#contactForm div#headerPreview pre {
	display: none;
	position: absolute;
	top: 2em;
	width: 480px;
	padding-left: 1em;
	border: 1px solid #669;
	background: #fff;
	color: #000;
	}

form#contactForm div#headerPreview:hover pre {
	display: block;
	}

form#contactForm td#contactControl {
	padding-right: 2em; 
	text-align: right;
	}

/* repeat mail ___________________________________________________ ~confirm __*/
pre#repeatMessage {
	display: block;
	padding: 0 1.5em;
	border: 1px solid #eee;
	margin: auto;
	background: #fff;
	line-height: 1.3em;
	overflow: auto;
	}

/*__ IMPRESSUM _________________________________________________ ~impressum __*/

dl#impressum {
	width: 80%;
	padding: 1em;
	margin: 0 auto 2em;
	}

dl#impressum dt {
	margin: 2em 0 0 3em ;
	}

dl#impressum dd {
	margin: 1em 0 0 4em;
	}

/*__ SITEMAP _____________________________________________________ ~sitemap __*/

ul#listBody {
	display: list-item;
	padding-bottom: 0;
	margin: 0 auto;
	list-style: none !important;
	line-height: 25px !important;
	}

ul#listBody ul {
	list-style: none !important;
	line-height: 25px !important;
	border-left: 1px dotted #999;
	}

ul#listBody ul::before {
	display: none;
	}

ul#listBody li {
	margin-left: 2em;
	}

ul#listBody img {
	width: 10px;
	height: 17px;
	vertical-align: 5% !important;
	}

ul#listBody img[onclick] {
	cursor: crosshair;
	}

ul#listBody li:first-child img[onclick="twiddleLevel('N0E')"]+a {
	font-size: 1.1em;
	font-weight: bold;
	font-variant: small-caps;
	}

/*__ HAPPY ____________________________________________________ ~info/happy __*/

div#browseHappy {
	width: 80%;
	padding: 1em;
	border: 1px solid #ddd;
	margin: 4em auto 5em;
	background: #fff;
	color: #000;	
	}

div#browseHappy p {
	text-indent: 3em;
	font-family: 'Palatino', 'Palatino Linotype', 'Goudy Old Style', 'Clarendon Light', Georgia, 'Times New Roman', Batang, 'MS Mincho', Modern, Roman, serif;
	}

div#browseHappy p a {
	font-family: 'Palatino', 'Palatino Linotype', 'Goudy Old Style', 'Clarendon Light', Georgia, 'Times New Roman', Batang, 'MS Mincho', Modern, Roman, serif;
	font-weight: bold;
	}

div#browseHappy p:first-child {
	text-indent: 0;
	}

div#browseHappy img {
	width: 150px;
	height: 40px;
	}

/*__ FOLDERS _____________________________________________________ (~index) __*/

ol#listFolder {
	padding: 1em 0 1em 2em;
	margin: 0;
	list-style-position: outside;
	list-style-type: decimal-leading-zero;
	font-size: 0.8em;
	}

ol#listFolder li {
	border-bottom: 1px dotted #999;
	white-space: pre;
	line-height: 2em;
	}

ol#listFolder li,
ol#listFolder a,
ol#listFolder var {
	font-family: 'Lucida Console', 'Lucida Sans Typewriter Regular', 'Courier New', Courier, monospace;	}

ol#listFolder var,
ol#listFolder .folderListingData {
	color: #777;
	font-style: normal;
	}

ol#listFolder img {
	width: 16px;
	height: 16px;
	margin-left: 2em;
	vertical-align: middle;
	}

ol#listFolder li dfn {
	display: none;
	}

ol#listFolder li:hover dfn {
	display: inline;
	font-family: 'Lucida Console', 'Lucida Sans Typewriter Regular', 'Courier New', Courier, monospace;	font-weight: normal;
	}

ol#listFolder span {
	display: none;
	}

li#directoryListHead {
	display: block;
	list-style-type: none;
	}


/*__ LEFT COLUMN CONTENT __________________________________________________ ~~ __*/

dd#addColumn {
	display: block;
	border: 0;
	}

dl#settings dd#addColumn img#decToHexCol {
	width: 84px;
	height: 1280px;
	border: 1px solid #808080;
	margin: 4em 0 0;
	}

div#pageBody div.stretch_1280 {
	min-height: 1280px !important;
	}

/*__ 404 ERROR PAGE __________________________________________________ ~404 __*/

p#error404 {
	min-height: 10em !important;
	padding: 1em;
	margin: 0 auto 2em;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	font-family: 'Lucida Console', 'Lucida Sans Typewriter Regular', 'Courier New', Courier, monospace;	}

p#error404 a {
	display: block;
	margin-top: 1.5em;
	font-family: inherit;
	}