/* Style Sheet for my home page */
/* Author: Daniel Cutter */
/* Date:   26.12.2004 */
/* For new Site started: 9.2.2006 */
/* 22.2.2006 */
/* 17.1.2009 */
/* didn't work with IE 6,7: 5.4.2009 */
/* support for analogue clock; 25.5.2010 */


body {
  color: white;
  background-color: #101020;

  /* background-image:url(pix/background.jpg); */
  font-family: Helvetica,Arial,sans-serif;
  margin: 0; padding: 3px; 
  min-width: 40em; 
}

p {
  text-align:justify;
  margin-bottom:6px;
  margin-top:3px;
  margin-left:10px;
  margin-right:10px;
}
p:first-letter {
  font-size:130%;
}

/* set this to get multi-column output on some browsers */
div#col {
  -moz-column-count:2;
  -moz-column-gap:50px;
  -webkit-column-count:2;
  -webkit-column-gap:50px;
  column-count:2;
  column-gab:50px;
}

p#info {
  text-align:center;
  margin-bottom:2px;
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  color:#50ff50;
}
p#info:first-letter {
  font-size:100%;
}

.clock {
  background-color: #ffffff;
}

.caption {
  text-align:center;
  font-size:130%;
  color:#ffff00;
  margin-bottom:0px;
}

.techdetails {
  text-align:center;
  font-size:80%;
  color:#faaa00;
  margin-bottom:20px;
  margin-top:0px;
}

.date {
  text-align:right;
  color: #E02525;
}

.quote {
  font-family: "Lucida Console", "Courier New", monospace;
  font-size: 8pt;
  white-space:pre;
  color: #0080CF;
}

h1, h2, h3{
  font-size:16pt;
  text-align:left;
  margin-bottom:3px;
  margin-left:10px;
  color:#FFAF50;
  font-variant:small-caps;
}

.center {
  text-align:center;
}
sub {
  font-size:80%;
  font-variant:small-caps;
  font-family: Helvetica, Arial, sans-sarif;
}

div#menu {
  /* background-image:url(graphics/fade.png); */
  /* background-repeat:repeat-y; */
  padding:5px; 
  background-color: black; /* #90B590; */
  color:white;
  border-width:2px;
  border-style:dashed;
  border-color:white;
  -moz-border-radius-topleft:15px;
  -khtml-border-radius-topleft:15px;
  -moz-border-radius-bottomright:35px;
  -khtml-border-radius-bottomright:35px;
  
}

div#navi {
  float: right; width: 20%;
  color: black; 
  font-family: Helvetica,Arial,sans-serif;
  font-weight: Bold;
  font-size:12pt;
  text-align:left;
}
div#info {
  margin: 0; padding: 0;
  vertical-align:bottom;
  text-align:center;
}
div#content {
  font-family: Garamond, "Times Roman", "New Times Roman", Sarif; 
  font-size:12pt;
  float: left;  width: 70%; 
  background-color: black;
  border-width:2px; border-style:solid; border-color:#909000;
  -moz-border-radius:20px;
  -khtml-border-radius:20px;
  margin-left:5px;
  margin-top:10px;
  margin-bottom:20px;
  padding: 50px; 
  color:yellow;
}
div#end {
  margin-top:10px;
  width:100%;
  font-size: 0.9em;
  clear: both;
  text-align:right;
  font-weight:bold;
}
div#refs {
  font-family: Garamond, "Times Roman", "New Times Roman", Sarif; 
  font-size:12pt;
  float: left;  width: 77%; 
  text-align:center;
  font-style:italic;
}
div#header {
  text-align:left;
}


a:link    { 
  color:#9999FF; 
  text-decoration:none; 
}
a:visited { 
  color:#AAAAFF; 
  text-decoration:none; 
}
a:hover   { 
  color:#0000FF; 
   background-color:#AAAA33;
  /* text-decoration:;  */
}
a:active  { 
  color:#EEEEFF; 
  text-decoration:none; 
}

a.menu {
  color:white;
  font-weight:bold;
  font-style:italic;
  text-align:left;
}