@charset 'utf-8';

/*
WEB TOPICS 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/web.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
________________________________________________________________________________
*/

/*__ WEB __*/

/*__ main ______________________________________________________ ~web/index __*/


ul#webMain {
	height: 260px;
	padding-top: 3em;
	margin: 2em 0;
	}

ul#webMain:before {
	display: none;
	}

ul#webMain li {
	float: left;
	width: 33%;
	list-style: none;
	text-align: center;
	}

ul#webMain li h2 {
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	}

ul#webMain li a {
	background: transparent;
	color: #336;
	text-decoration: none;
	}

ul#webMain li a:visited::after {
	display: none;
	}

ul#webMain li img {
	width: 160px;
	height: 160px;
	border-left: 1px outset #fff;
	border-bottom: 1px outset #886;
	border-right: 1px inset #fff;
	border-top: 1px inset #fff;
	}

/*__ calculation of bin, dez, hex, oct numbers __________ ~web/numbersystem __*/
table.calculateExample {
	table-layout: auto;
	font-family: 'Lucida Console', 'Lucida Sans Typewriter Regular', 'Courier New', Courier, monospace;	}

table.calculateExample td {
	padding: 0.5em 0;
	vertical-align: middle;
	white-space: nowrap;
	}

table.calculateExample td.bracketA,
table.calculateExample td.bracketB {
	width: 1ex;
	font-family: 'Palatino', 'Palatino Linotype', 'Goudy Old Style', 'Clarendon Light', Georgia, 'Times New Roman', Batang, 'MS Mincho', Modern, Roman, serif;
	font-size: 6em;
	}

table.calculateExample td.bracketB {
	font-size: 8em;
	}

table.calculateExample td strong {
	background: transparent;
	color: #808000;
	}

/*__ relationship between bin, oct, hex __*/
table.translateBits {
	width: 25em;
	text-align: center;
	vertical-align: middle;
	font-family: 'Lucida Console', 'Lucida Sans Typewriter Regular', 'Courier New', Courier, monospace;	}

table.translateBits th,
table.translateBits td {
	border: 1px solid #666;
	}

/*__ dez and hex numbers 0 to 255 __*/
table#DecToHex {
	margin-bottom: 6em;
	text-align: center;
	font-size: 0.75em;
	font-family: 'Lucida Console', 'Lucida Sans Typewriter Regular', 'Courier New', Courier, monospace;	}

table#DecToHex th,
table#DecToHex td {
	border: 1px solid #666;
	}

/*__ calculator __*/
form#translateNumbers, 
form#translateNumbers fieldset {
	margin: 0 auto;
	}

form#translateNumbers label, form#translateNumbers input {
	white-space: pre;
	font-family: 'Lucida Console', 'Lucida Sans Typewriter Regular', 'Courier New', Courier, monospace;	}

form#translateNumbers input[type='text'] {
	width: 30%;
	}

form#translateNumbers input#bina, form#translateNumbers input#binC {
	width: 96%;
	}

form#translateNumbers div#dohbControls {
	text-align: center;
	}

form#translateNumbers input#processNumbers {
	background: url(../graf/but/calc) no-repeat center center;
	color: #e0e0e0;
	}