/* --------------------------------------------------
CSS Document For Leaves v1.0 - Anthonyy @ OSWD.org
-------------------------------------------------- 

Document updated by adulau - adulau @ foo . be

*/

/* CONTAINER */


body {
background-image: url(http://www.foo.be/bg.gif);
background-repeat: no-repeat;
background-position: top left;
}


		#container {
			width: 750px;
			margin: 0 auto;
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-family: 'Lucida Grande', Verdana, sans-serif;
			/* font-size: 12px;*/
			font-size: 88%;
			line-height: 1.6em;
			color: #666;
/*			background-color: #FFF;*/
		}


		
/* GENERAL MOJO AND MULA */
		
		h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 32px;
			/*color: #CC6633;*/
			color: #79b511;
/*			color: #241DED;*/
			margin-bottom: 30px;
/*			background-color: #FFF;*/
		}
		
		h2 {
			/*color: #666666;*/
			color: #348DED;

			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFF;
		}
		
		a {
			/*color:#CC6714;*/
			color: #348DED;

			text-decoration: none;
		}

		a:hover {
			/*color:#CC6714;*/
			color: #548DED;

			background-color: #F5F5F5;
		}

		
		form {
			float:right;
			margin-top: -45px;
			font-size: 9px;
		}
		
		input {
			background-color: #FFF;
			color: #999999;
			border: 1px solid #CCC;
			font-size: 11px;
			padding: 3px;
		}
		
		.button {
			padding: 2px;
		}
		
/* HEADER ELEMENTS */

		#header {
			/* border-bottom: 4px solid #948979;*/
			border-bottom: 1px solid #CCC;
			padding-top: 10px;
			clear: both;
			margin-bottom: 10px;
		}
		

		/* the slogan */
		#header p { 
			margin-top: -20px;
			margin-left: 30px;
			color: #999999;
		}

/* NAVIGATION ELEMENTS */
	
		#navigation ul {
			margin-left: 0;
			padding-left: 0;
			list-style-type: none;			
			float: left;
			width: 140px;
		}

		#navigation a {
			display: block;
			padding: 5px;
			width: 140px;
			border-bottom: 1px solid #CCC;
		}

		#navigation a:link, #navlist a:visited {
			/*color:#CC6714;*/
			color: #348DED;

			text-decoration: none;
		}
		
		#navigation a:hover {
			background: #000000 url(arrow.png) 96% 50% no-repeat;
			background-color: #F5F5F5;
			/*	color:#CC6714;*/
			color: #79b511;
		}

/* THE SMALL BOX BELOW NAV */

		#navigation p {
			margin-top: 40px;
			padding: 5px;
			border-bottom: 1px dotted #CCC;
			border-top: 1px dotted #CCC;
		}

		#navigation img {

		}		
/* CONTENT ELEMENTS */

		#content {
			width: 362px;
			margin-left: 180px;
			margin-right: 200px;
		}

		#content-bis {
			width: 700px;
			margin-left: 60px;
			margin-right: 60px;
		}
		
		#content p {
			padding-bottom: 10px;
			text-align: justify;

		}

/* SIDEBAR ELEMENTS */

		#sidebar {
			float: right;
			width: 175px;
		}
		
		#sidebar p {
			padding-bottom: 10px;
			border-bottom: 1px solid #DDDDDD;
		}

		#sidebar img {

			border: #777777 0px solid;
			padding: 0.5em;
			margin-left: 1em;
			margin-right: 2em;
			background-color: #e6e6e6;
			color: black;

		}

/* FOOTER ELEMENTS */

		#footer {
			margin-top: 20px;
			clear: both;
/*			background-color:#575352;*/
			padding: 0px 5px 0px 5px;
		}
		
		#footer p {
			color:#89817f;
			padding: 5px;
		}
		
		#footer p a {
			color: #89817f;
			border-bottom: 1px dotted #89817f;
		        text-align: justify;
		}
		
		#footer p a:hover {
			color: #FFFFFF;
			background-color:#575352;
		}
		
		/* And they lived happily ever after. The End. */

/* Custom stuff by adulau */



p { 
        text-align: justify;
}


img {

}

pre {
    border: #777777 0px solid;
    padding: 0.5em;
    margin-left: 1em;
    margin-right: 2em;
    white-space: pre;
    background-color: #e6e6e6;
/*    color: black;*/
}



/* Table */

/* 
	Grey Suits you Sir. Please host the images on your own server.
	written by Stuart Colville http://www.muffinresearch.co.uk
*/

table,td
{
	border               : 1px solid #CCC;
	border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
table
{
	border                :none;
	border                :1px solid #CCC;
}
thead th,
tbody th
{
	background            : #FFF url(th_bck.gif) repeat-x;
  color                 : #666;  
	padding               : 5px 10px;
  border-left           : 1px solid #CCC;
}
tbody th
{
  background            : #fafafb;
  border-top            : 1px solid #CCC;
  text-align            : left;
  font-weight           : normal;
}
tbody tr td
{
	padding               : 5px 10px;
  color                 : #666;
}
tbody tr:hover
{
  background            : #FFF url(tr_bck.gif) repeat;
}

tbody tr:hover td
{
  color                 : #454545;
}
tfoot td,
tfoot th
{
  border-left           : none;
  border-top            : 1px solid #CCC;
	padding               : 4px;
  background            : #FFF url(foot_bck.gif) repeat;
  color                 : #666;
}
caption
{
	text-align            : left;
	font-size             : 120%;
	padding               : 10px 0;
	color                 : #666;
}
table a:link
{
	color                 : #fff;
	background	      :  #79b511;	
	text-decoration       : none;
}
table a:visited
{
	color                 : #fff;
	background	      :  #79b511;
	text-decoration       : none;
	border		      : 1px;
	border-style	      : dashed;
	border-color	      : #2f2;	
}
table a:hover
{
	color                 : #003366;
	text-decoration       : none;
}
table a:active
{
	color                 : #003366;
}