/* -- global stuff -- */

BODY
  {
  background: #f2f2e4;
  margin-left: 5px;
  color: #000;
  font-family: "Bitstream Vera Sans", sans-serif;
  font-size: 86%;
  letter-spacing: 0.01em;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }

CODE
  {
  background: #f0cfcf;
  color: #000;
  }

IMG
  {
  border: 0;
  }

A:link
  {
  color: #960;
  text-decoration: none;
  }

A:visited
  {
  color: #960;
  text-decoration: none;
  }

A:hover
  {
  color: #960;
  background: #cdffcc;
  text-decoration: none;

  }

A:active
  {
  color: #fff;
  background: #000;
  text-decoration: none;  
  }

HR
  {
  border: solid #cfcfc2 1px;
  }

/* -- site logo -- */

.logo
  {
  display:block;
  margin: 10px auto 10px auto;
  }

/* -- windows -- */

.window
  {
  background: #ffdb9d;
  border: solid #000 1px;
  display:block;
  padding: 0;
  }

.window ul
  {
  list-style: none;
  padding: 0;
  margin: 0;
  padding: 0;
  }

.titlebar
  {
  background: #ffcc66;
  border-bottom: solid #000 1px;
  text-align: center;
  font-weight: bolder;
  margin: 0;
  padding: 0;
  }

/* -- menu and logos -- */

.hormenu
  {
  border: solid #000 1px;
  background: #f2f2e4;
  display: block;  
  float: left;
  margin-bottom:0px;
  margin-left: 17px;
  }

.hormenu ul
  {
  list-style: none;
  margin: 0;
  padding: 0;
  }

.hormenu li
  {
  float:left;
  margin: 0;
  padding: 0;
  }

.hormenu li a
  {
  padding: 0px 7px 0px 7px;
/*  border-right: solid #000 1px;  -- too blocky 
  border-top: solid #000 1px; */
  }

#menu_and_logos
  {
  margin: 0;
  padding: 0;
  display:block;
  float:left;
  background: #f2f2e4;
  text-align: center;
  width: 16%;
  }

.menu
  {
  list-style: none;
  padding: 0;
  }

.menu li
  {
  margin: 0;
  padding: 0;
  padding: 0.1em 0 0.1em 0;
  border-bottom: solid thin #bca276 ;
  }

a.menulink
  {
  display:block;
  font-size: larger;
  padding: 0;
  margin: 0;
  }

a.menulink:link
  {
  color: #000;
  background: #ffdb9d;
  text-decoration: none;
  }

a.menulink:visited
  {
  color: #000;
  background: #ffdb9d;
  text-decoration: none;
  }

a.menulink:hover
  {
  background: #000;
  color: #fff;
  text-decoration: none;
  }

a.menulink:active
  {
  color: #fff;
  background: #000;
  text-decoration: none;
  }

#menu_and_logos .window
  {
  margin-bottom: 10px;
  width: 80%; 
  margin-left: auto;
  margin-right: auto;
  }

/* -- general usefullness -- */

.features
{
  font-family: sans-serif;
}

.features LI
{
  padding-top: 1em;
}

.source
  {
  display: block;
  margin: 0px auto 0px auto;
  background: #dfd;
  color: green;
  width: 94%;
  border: solid #000 1px;
  }

.faq
  {
  margin-bottom: 20px;
  }

.centered
  {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  }

.thumb
  {
  width: 118px;
  height: 100px;
  display:block;
  float:left;
  margin: 10px 10px 10px 10px;
  }

.thumb img
  {
  width: 118px;
  height: 88px;
  display:block;
  float:left;  
  }

.thumb span
  {
  display:block;
  float:left;
  width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center;
  background: #000;
  color: #fff;
  }

.download
  {
  background: #f2f2e4;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 99%;
  border: solid #000 1px;
  }

.download h5
  {
  font-size: 12pt;
  font-weight: bold;
  margin: 0;
  padding: 0;
  }

.dlcontent
  {
  padding: 10px 10px 10px 10px;
  }

.projects
  {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

.projects th
  {
  margin: 0px;
  padding: 0.1%;
  border: solid #000 1px;
  background: #ddddd0;
  }

.projects tr td
  {
  margin: 0px;
  padding: 0.1% 0.3% 0.1% 0.3%;
  border: solid #000 1px;
  background: #fefee0;
  font-family: monospace, fixed;
  font-size: 80%;
  }
  
.title
  {
  font-size: 14pt;
  font-weight: bold;
  border-bottom: solid black 1px;
  width: 100%;
  background: #cfcfc2;
  text-align: center;
  padding: 2px 0px 2px 0px;
  letter-spacing: 0.1em;
  }

/* -- top header -- */

#header
  {
  background: #fff;
/*  background: #cfcfce; */
  text-align: center;  
  font-size: 3em;
  letter-spacing: 0.1em;
  font-family: verdana, "trebuchet MS", helvetica, sans-serif;
  text-transform: capitalize;
  font-weight: bold;
  border: solid black 1px;
  width: 90%;
  display:block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  margin-top: 10px;
  }

/* -- contents -- */

#content_group
  { 
  display:block;
  float: left;
  margin-left: auto;
  margin-right: auto;
  background: #f2f2e4;
  width: 84%;
  }

#contents
  {
  display: block;
  float:left;
  border: solid #cfcfc2 2px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 100px;
  margin: 0;
  background: #fffff0;
  width:97%;
  }

/* -- random entry -- */

.entry
  {
  font-size: 11pt;
/*  background: #f2f2e4; -- makes it look too blocky
  border: solid #cfcfc2 1px;*/
  border-bottom: solid #cfcfc2 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 99%;  
  }

.entry_image
  {
  width: 80px;
  height: 60px;
/*  border: solid #000 1px;*/
  margin: 10px 10px 10px 10px;
  }

.newsdate
  {
 font-size: 60%;
 text-align: right;
 }
 
.news
  {
 font-size: 90%;
 text-align: left;
 }
  
/* -- contact -- */

#contact
  {
  font-size: 11pt;
  }

#contact h1,h2,h3,h4
  {
  color: #530;
  letter-spacing: 0.1em;
  font-weight: bold;
  }

#contact h2
  {
  font-size: 20pt;
  }

#contact .window
  {
  width: 50%;
  text-align: center;
  display: block;
  margin: 20px auto 20px auto;
  }

/* -- tolipo -- */

#tolipo
  {
  font-size: 95%;
  }

#tolipo h1,h2,h3,h4
  {
  color: #530;
  letter-spacing: 0.1em;
  font-weight: bold;
  }

#tolipo h2
  {
  font-size: 20pt;
  }

.tolipo_screenie
  {
  display:block;
  float:right;
  margin-right: 10px;
  }

.mixdaemon_screenie
  {
  display:block;
  float:right;
  margin-right: 10px;
  border: solid 2px #ffffff;
  width: 50%;
  }  

.copyright
  {
  font-size: 80%;
  background-color: #fffff8;
  border: solid #000 1px;
  margin-right: 1%;
  padding: 0.5%;
  }
  
.article
  {
  font-family: "Bitstream Vera Sans", sans-serif; 
  font-size: 90%;
  background-color: #fffff8;
  border: solid #000 1px;
  margin-right: 1%;
  padding: 0.5%;
  }

.bigdesc
{
  font-size: 1.8em;
}

.tablea
{
  background-color: #fff;
  border: solid #000 thin;
  padding: 2px;
  border-spacing: 0;
}

.tablea th 
{
  padding: 0.5em;
  border-bottom: solid #000 thin;
}

.tablea td
{
  padding: 1em;
}