/* 
  File name:  styles
  Created on: feb 29, 2008
  Author:     Ruud Vlaming

  Based on a style created by Maxnix van Bochoven for switch-event.org.

*/

body
{ background: #0F1664;
  color: #F78610;
  font-family: Verdana;
  font-size: 12pt; }

/* div declarations: determining the position */

div.top_menu
{ position: absolute;
  left: 48px;
  right: 48px;
  top: 20px;
  display: block; }

div.sub_menu
{ position: absolute;
  left: 48px;
  right: 48px;
  top: 50px;
  display: block; }

div.float_menu
{ position: absolute;
  right: 2px;
  top: 0px;
  display: block; }

div.display_bar
{ position: absolute;
  left: 48px;
  right: 48px;
  top: 80px;
  display: block;  }

div.ganzekop
{ position: absolute;
  left:90px;
  top: 96px;
  z-index:2; }

div.page_title
{ position: absolute;
  left: 50px;
  top: 158px;
  right: 50px;  
  display: block; }

div.content
{ position: absolute;
  left: 50px;
  top: 210px;
  right: 50px;
  bottom: 100px;
  display: block; }

div.left_content
{ position: absolute;
  left: 50px;
  top:  210px;
  right: 230px;
  bottom: 100px;
  display: block; }

div.right_content
{ position: absolute;
  top: 220px;
  right: 52px;
  width: 160px;
  height: 600px;
  display: block; }


/* table definitions */

table.top_menu, table.features, table.sub_menu, table.page_title
{ width: 100%; }

table.float_menu
{ border-style: solid; 
  border-width: 1px; }

table.number_display table.features
{ border-spacing: 4px 2px; }

table.display_bar
{ width: 100%;
  height: 100%; }

tr.tube
{ vertical-align: top; }

th
{ padding: 0px 10px; }

td.top_menu, td.top_menu_active, td.sub_menu, td.sub_menu_active, td.bar_item, td.page_title, td.float_menu, td.float_menu_active, td.float_menu_absent
{ color: white;
  border-width: 2px;
  border-color: #EE7600;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: bold;
  text-align: center; }

td.float_menu_absent
{ color: grey; }

td.top_menu, td.top_menu_active
{ border-style: solid;
  width: 14%; }

td.sub_menu, td.sub_menu_active
{ border-style: solid;
  width: 10%; }

td.page_title
{ border-style: solid;
  font-size: 16pt;
  font-weight: normal;
  width: 100%; }

td.bar_item
{ border-style: none;
  width: 25%; }

td.top_menu_active, td.sub_menu_active, td.float_menu_active 
{ background-color: #BE4600; }

td.webnav
{ text-align: center;
  padding-left: 6px;
  padding-right: 6px;
  background: #1F2664; }

td.webnavimg
{ width: 50px;
  text-align: center;
  background: #EE7600; }

th,td.text,td.number,td.date,td.code,td.titletext,td.filltext,td.hex
{ background: #1F2664; }

td.break
{ background: #0F1664; }

td.text
{ padding: 0px 10px;
  text-align: left; }

td.titletext
{ padding: 0px 10px;
  font-weight: bold;
  text-align: left; }

td.filltext
{ padding: 0px 10px;
  font-style: italic;
  text-align: justify; }

td.date
{ padding: 0px 10px;
  text-align: left;
  width: 20%; }

td.code
{ padding: 0px 10px;
  text-align: left;
  width: 25%; }

td.hex
{ padding: 0px 10px;
  text-align: left;
  color: white;
  font-style: italic;
  width: 5%; }

td.number
{ padding: 0px 10px;
  text-align: right; }


/* Object en image definitions */

object.tube, img.tube, img.leds
{ float: right;
  clear: none;
  margin-left: 20px;
  margin-right: 0px;
  margin-top: 10px;
  margin-bottom: 10px; }

img.tube, img.ganzekop
{ border: 0; }

img.bar
{ border: 0; }

img.leds
{ margin-top: 20px; 
  border-style: solid;
  border-width: 1px; 
  border-color: #F78610;}

img.tube, img.ganzekop
{ border: 0; }

/* html style elements */
p,h2,h3,a
{ color: #F78610; }

div.clear
{ clear: both; }

p
{ font-family: Verdana;
  font-size: 12pt;
  text-align: justify; }

h2
{ margin-top: 40px;
  font-size: 14pt;
  font-weight: normal; }

h3
{ font-size: 12pt;
  font-weight: bold; }

code
{ color: white; }
/* link styles */

a
{ font-family: Verdana;
  font-size: 12pt;
  text-decoration: none;
  font-weight: normal; }

a.top_menu, a.top_menu:visited, a.sub_menu, a.sub_menu:visited, a.float_menu
{ font-family: Verdana;
  font-size: 12pt;
  color: white;
  text-decoration: none;
  font-weight: bold; }

a.top_menu:hover, a.sub_menu:hover, a.float_menu:hover
{ color: #F78610;
  font-weight: bold;
  text-decoration: none;  }

a.imglink, a.imglink:hover
{ border: none; }

a.webtit
{ font-weight: bold; }

a:hover
{ color: white; }

a.coderef
{ color: white; }

a.coderef:hover
{ color: #F78610; }

span.download
{ background-image: url('DownloadButton.png');
  width: 200px;
  height: 40px; 
  text-align:center;
  text-decoration:none;
  color: white;
  font-size: 16pt;
  font-weight: bold;
  float:right; }

span.download:hover
{ background-image: url('DownloadButtonHover.png');}

div.code, div.config, div.shell, div.assembler
{ background: #FDE0C3;
  font-size: 80%;
  font-family: monospace;
  padding-left: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #000099; }


span.change   { font-weight: bold;  font-style: italic; }

span.comment  { color: #999999; font-style: italic; }
span.precom   { color: #32981e; }
span.string   { color: #007599; }
span.char     { color: #007599; }
span.float    { color: #806200; }
span.int      { color: #806200; }
span.bool     { color: #800064; }
span.type     { color: #b12331; }
span.flow     { color: #23b1ad; font-weight: bold; }
span.keyword  { color: #981e81; font-weight: bold; }
span.function { color: #67141d; font-style:  italic; }
span.operator { color: #663300; font-weight: bold; }
span.compound { color: #23b1ad; font-weight: bold; }

span.prompt   { color: #32981e; }
span.command  { color: #000000; }
span.title    { color: #981e81; }
span.data     { color: #000099; }

span.funcdef  { color: #000000; }
span.address  { color: #981e81; }
span.opcode   { color: #000099; }
span.mnemonic { color: #67141d; }


</style>