body {

  background-color:	#d3d3d3;
  padding:		10px;
  font-size:		13px;
  min-width:		760px;
  color:		black;

}

.blocks {

  background-color:	white;
  border:		2px solid #c3c3c3;
  margin:		2px;
  padding:		10px;
  clear:		both;

}

#container { }

#header {

  margin-bottom:	0px;
  overflow:		hidden;
  text-align:		center;
  background:		#000000 url(images/title.png) repeat-x;
  color:		#EEEEEE;
  font-family:		Palatino;
  font-size:		24px;
  border:		2px black solid;

}

#inner { 

  margin-right:		1px; 

}

#inner2 { 

  margin-left:		1px;
  padding:		10px 20px 10px 20px ;

}

#inner2 .navlinks {

  width:		100%;
  border:		2px solid #c3c3c3;
  padding:		5px;

}

#menu {

  float:		left;
  clear:		none;
  width:		20%;

}

#menu .menulist {

  margin:		0px;
  border:		0px;
  padding-left:		20px;

}

#menu .menulist li {

  margin:		2px 0px 2px 0px;

}

#menu .menulist li .menulist {

  padding-left:		8px;

}

.menulist li a {

  text-decoration:	none;

}

#main {

  clear:		none;
  float:		left;
  width:		80%;
  line-height:		150%;

}

#footer {

  overflow:		hidden;
  text-align:		center;
  margin-top:		0px;

}

#footer p {

  margin:		8px 0px 0px 0px;

}

#validate {

  float:		right;
  margin-left:		5px;

}

#licence {

  float:		left;
  margin-right:		5px;

}

#validate a img {

  border:		0px;

}

#inner2 pre {

  margin-left:		15px;

}

#inner2 img {

  margin-left:		25px;

}

#aboutlayout {

  margin-top:		5px;

}

#aboutlayout #photo {

  margin-right:		20px;

}

/* browser-specific hacks */

@media screen and (min-width: 0px) {

/* that's for Opera, which gets the alignment wrong either
   when the browser window is shorter than min-width or 
   when it's maximized. */

  #header,#footer {

    min-width:		800px;

  }

  #container {

    min-width:		828px;

  }

  #inner2 { 

    margin-right: 	1px;

  }

}
