/****************************************************************************** 
original ouvriers de la moisson en Provence template
feel free to use this template in case you would wish to, in any way you desire
no author information or link back are required
Wed Nov 25 11:23:38 CET 2009
******************************************************************************/

/*****************************************

section 1 - general tags specifications

*****************************************/

body {
	background: #fff;
	color:#000; 
    font-family:Arial,sans-serif; 
    margin:0 auto; 
	padding:0;
}

/* img : let's get rid of any type of border */

img {
    align: left;
    margin: 0px;
    border: 0px;
}

/* lists */

ul {
    list-style-type: none;
    padding:0px 10px 0px 0px;
}

li {
	display:block;
	margin-bottom:2px;
}

/* links and paragraphs */

a:link {font-size:11px;font-weight:bold; color:#999; text-decoration:none;}
a:hover {text-decoration:underline;}
a images {border:0;}

p {
	margin:0 0 10px;
    font-family:georgia,serif;
	color:#381704;
	font-size:12px;
	font-weight:normal;
	line-height:150%;
	padding:0px; 
}

h2 {
    font-family:Georgia;
	font-size:18px;
	font-weight:bold;
}
h4 {
	margin:0 0 10px;
	background:#0cf;
    font-family:Arial;
	color:#eee;
	font-size:13px;
	font-weight:bold;
	line-height:150%;
	padding:0px 0px 0px 10px; 
}

pre {
    margin-bottom: 20px;
    padding-left: 10px;
	white-space: -pre-wrap;
	white-space: -moz-pre-wrap;
	font-size: 1.4em;
}

/*****************************************

section 2 - div 

*****************************************/

/* main layout and header */

#wrap {
	color:#999; 
	margin:30px auto 20px auto; 
	padding:0; 
	width:800px;
}

#header {
	background: url("base_odlm_mp.png") top left no-repeat #fff;
	text-align:left;
	height:350px; 
	width:800px;
	margin:20px 0px; 
	padding: 0px 10px 0px 500px;
}

#intro {
    width:300px;
}

#middle {
	text-align:left;
	width:800px;
	margin:10px 0px 10px 0px; 
	padding: 0px 0px 10 px 270px;
    color:#999;
}

#content {
clear:both;
}
#content p {
   padding:0px 20px; 
}
/* footer */

#footer {
    background:#fff;
	border-top:1px #666 solid;
	color:#999; 
	font-size:9px; 
	margin:10 auto;
	padding:8px 0;
	text-align:center;
	width:800px;
}

#footer p {margin:0; padding:0;}
#footer a {font-size:9px;background:inherit; color:gray; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* search box */

#searchbox {
    margin:6px 0 16px;
	padding:0;
}
#searchbox label,.hide {display:none;}

#searchform {
    background:#fff;
	border:1px solid #ccc;
	color:#505050;
	font-size:0.9em;
	padding:4px;
	width:116px;
}

/*****************************************
section 3 - classes
*****************************************/

/* various classes */
.announce h2 {margin:0 0 10px; padding:0;}
.textright {margin:-10px 0 4px; text-align:right;}
.center {text-align:center;}
.small {font-size:0.8em;}
.large {font-size:1.3em;}
.orange {color:#990;}
.highlighted {background:#f0f0f0; border:1px solid #b0b0b0; color:#303030; padding:3px;}
.button {background:url(images/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; font-weight:700; margin:0 0 15px; padding:7px 7px 7px 11px; width:120px;}
.left {float:left; margin:10px 10px 5px 0;}
.right {float:right; margin:10px 0 5px 10px;}

/* this is my tag cloud classes section */

.smallestTag { font-size: xx-small; }
.smallTag { font-size: small; }
.mediumTag { font-size: medium; }
.largeTag { font-size: large; }
.largestTag { font-size: xx-large; }