/* ***** BEGIN LICENSE BLOCK *****
 * This is TreeGarden, a theme for DotClear derived from DoTParking
 * Copyright (c) 2004 Laurence Jacquet and contributors. 
 * Copyright (c) 2004 Aubanel Monnier. All rights
 * reserved.
 *
 * DotClear is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 * 
 * DotClear is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with DotClear; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 * ***** END LICENSE BLOCK *****
 */


* {
margin : 0 ;
padding: 0;
font: georgia, Century Schoolbook L, times new roman, times, serif;
}

body {
	border-left: 0px;
	color:#2f2005;
	font-size: 0.8em;
	padding:0;
	background : #d3eacb url(pics/page-right.png) repeat-y right top;
}

p { margin : 1em 0; }
h3 { font-size : 1.2em; }
a{ color:#2f2005; 
	font-weight: bold;
	text-decoration:none;
}



form {
	border: 0px;
}
fieldset {
	border: 0px;
}

/* Layout
-------------------------------------------------------- */

#page {
width:600px;  
margin:0;
padding:0;
background : #d3eacb ;
position:absolute;
left:10px;
top:10px;
}

#top {
	text-align:center;
	vertical-align : middle;
}
#top h1 {
	width:100%;
	margin-right : auto;
	margin-left : auto;
}
#top a {
	width:570px;
	height:185px;
	background:url(pics/logo.png) no-repeat 50% 5%;
	text-indent:-5000px;
	text-decoration:none;
	display:block;
	margin:0;
	position:relative;
	left:auto;
	right:auto;
}

#top a:hover {
	background-position: 50% 95%;
}

#prelude {
	display : none;
}

#main {
	position:absolute;
	top:10px;
	left:171px;
}

#sidebar {
	float:left;
	background:#d3eacb;
	padding:0;
	color:#54724a;
	width:170px;
position: absolute;
left:0px;
top:0px;
}

#sidebar div {
margin-top:1em;
}

#sidebar h2 {
display:none;
}
#sidebar ul, #sidebarli {
	margin: 0px;
	margin-left: 2px;
	padding: 0px;
	list-style-type: none;
}
#sidebar li:before {
	content : "...  ";
}
#sidebar li a {
	color: #54724a;
	text-decoration: none;
	font: 70% georgia, Century Schoolbook L, times new roman, times, serif;
}
#sidebar a:hover {
	text-decoration: underline;
}
#search {
width:166px;
background:url(pics/search.png) top no-repeat;
padding : 40px 0 0 0;
}
#search p {
text-align:left;
text-indent:0;
	margin: 20px 0 0 7px;
padding:0;
}

#sidebar input, #comment-form input, #comment-form textarea {
border:none;
	background-color: #e5f3e1;	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	-moz-border-radius:5px;
}

#links {
width:166px;
background: #d3eacb url(pics/links.png) no-repeat;
padding: 55px 0 0 0;
text-align:left;
}
#blogroll {
width:166px;
background: #d3eacb url(pics/blogroll.png) no-repeat;
padding: 90px 0 0 0;
text-align:left;
}


#categories {
width:166px;
background:#d3eacb url(pics/categories.png) no-repeat;
padding: 55px 0 0 0;
text-align:left;
}
#archives {
width:166px;
background:#d3eacb url(pics/archives.png) no-repeat;
padding: 55px 0 0 0;
text-align:left;
}
#tools {
width:166px;
background:#d3eacb url(pics/tools.png) no-repeat;
padding: 40px 0 0 0;
text-align:left;
}
#sidebar #tools li:before {
	content : "";
}
#inkscape {
height:32px;
padding: 8px 0 0 35px;
background:#d3eacb url(pics/inkscape.png) no-repeat;
}
#firefox{
height:32px;
padding: 8px 0 0 35px;
background:#d3eacb url(pics/firefox.png) no-repeat;
}
#dotclear {
height:32px;
padding: 8px 0 0 35px;
background:#d3eacb url(pics/dotclear.png) no-repeat;
}
#syndicate, #syndicate li a {
text-align:left;
color:#83b273;
}
/* Calendar */
#calendar {
height:114px;
width:165px;
background:url(pics/calendar.png) no-repeat;
padding-top:60px;
font: georgia, Century Schoolbook L, times new roman, times, serif;
}

#calendar table {
margin-left:auto;
margin-right:auto;
border-collapse : collapse;
font-size: 7px;
width:165px;
}

#calendar caption {
font-size : 11px;
text-align:right;
padding-right:20px;
}

#calendar abbr {
        border : none;
}

#calendar th {
	border: none;
	padding: 1px;
}

#calendar td {
        border : none;
	padding : 1px;
        text-align : center;
	-moz-border-radius:5px;
}

#calendar td.active {	
	background-color:#e5f3e1;	
}



#footer a{
display:block;

	text-indent:-5000px;
	width:64px;
	background:url(pics/dotClear.png) no-repeat;
	background-position: 100% 0%;
	height:62px;	
	text-decoration:none;
	
}

#footer a:hover{
background-position: 100% 100%;
}
/* Post
-------------------------------------------------------- */
.day-date {
	display : none;
}


.endpost{
background:url(pics/post-bottom.png) bottom right no-repeat;
height:25px;
text-align:right;
padding-right:1em;
margin-right:5px;
margin-top:-12px;
font-size: 8px;
}

.post {
	width : 632px;
	margin : 0;
	padding : 0 0 0 30px;
	text-align : justify;
}
.post .startpost{	
	width : 632px;
	min-height:87px;
	background:url(pics/post-top.png) no-repeat bottom left;
	margin: 2em 0 0 -5px;
	padding: 2em 0 22px 0;
	
}
.startpost h2 {
	padding-left:70px;		
}

.post-content, .post-chapo{
	background:url(pics/post-body.png) repeat-y ;
	margin-left:22px;
	margin-bottom:0;
}
.post .frame2{
	padding:1em;
	margin: 0 10px 0 30px;
	background-color:#e5f3e1;
}
.post ul {
list-style-image:url(pics/bullet.png);
list-style-position: inside;
}
.post ol {
list-style: upper-roman inside;
}
.post-content p{
text-indent:2em;
}
#post1 div.startpost{
	width : 632px;
	height:140px;
	background: url(pics/post1-top.png) no-repeat bottom;
	margin-left:-5px;
	margin-top:0;
	padding-bottom:0;
}

#post1 .frame2{
margin-left:89px;
	background:url(pics/post1-content.png) bottom right no-repeat;
	background-color:#e5f3e1;
}
#post1 .frame1{
	background:url(pics/post1-frame1.png) bottom left no-repeat;
margin-left:11px;
}

#post1 h2 a{
	padding-left:100px;
}
#post1 .post-info{
	margin:10px 0 0 0;
	text-indent:90px;
}

#post1 .endpost{
background:url(pics/post1-bottom.png) bottom right no-repeat;
height:25px;
text-align:right;
padding-right:1em;
margin-right:5px;
margin-top:-12px;
}

#post2 .startpost{
	width : 605px;
	height:160px;
	background:url(pics/post2-top.png) no-repeat bottom left;
	margin-left:22px;
	margin-top:0;
	padding:0;
}


#post2 .frame2{
	background:url(pics/post2-content.png) 80% 100% no-repeat;
	background-color:#e5f3e1;
	margin-left:7px;
	margin-right:20;
}

#post2 .endpost{
background:url(pics/post2-bottom.png) bottom right no-repeat;
height:25px;
text-align:right;
padding-right:30px;
margin-right:-4px;
margin-top:-13px;

}
#post2 h2 a{
	padding-left:90px;
}
#post2 .post-info{
	margin:0 0 0 0;
}
#post3{
margin-left:-21px;
}
#post3 .startpost{
	width : 636px;
	height:184px;
	background:url(pics/post3-top.png) no-repeat bottom left;
	margin-left:22px;
	margin-top:0;
	padding:0;
}
#post3  .frame2{
	background:url(pics/post3-content.png) 0% 100% no-repeat;
	background-color:#e5f3e1;
	min-height:115px;
	margin-left:7px;

}
#post3 h2 a{
	margin-top:20px;
	padding-left:140px;
}
#post3 .post-info{
	margin:75px 0 0 0;
}

#thePost .startpost{
	width : 605px;
	height:316px;
	background:url(pics/thePost-top.png) no-repeat bottom left;
	margin-left:22px;
	margin-top:0;
	padding:0;
}

	
#thePost .frame2{	
	background-color:#e5f3e1;
	margin-left:7px;
	margin-right:12px;

}
#thePost h2 {
	padding-top:260px;
	text-indent:140px;
text-align:right;
margin:0 20px 0 0 ;
padding-bottom:0;

}
#thePost .post-info{
	margin:30px 0 0 0;
	text-indent:110px;
}
.post-title {
	margin : 0 0 1em -5px;
	padding : 2px 10px;
	text-align: center;
	color: #2f2005;
}
.post-title a , #thePost .startpost h2{
	color:#2f2005;
	font: 140% vivaldi, georgia, Century Schoolbook L, times new roman, times, serif;
	font-style:italic;
	font-weight:normal;	
	display:block;
}
.post-title a{
	text-align:left;	
}
.post-title a:hover {
	color: #83b273;
}
.post-info {	
	text-align:right;
	font-size: 10px;
	color:#54724a;
	margin:0 0 60px 0;
	padding: 0 0 0 0;
}
.post-info a {
	font-size: 8px;
	text-decoration:none;
	color:#54724a;
	border-top:1px solid #54724a;
	font-weight:normal;
}

.post-content, .post-chapo {
}

.comment-info {
	margin : 1em 0 0 0;
}
#trackbacks blockquote, #comments blockquote, #comment-preview blockquote {
	margin-left: 5px;
	color : #666;
}
#trackbacks blockquote p, #comments blockquote p {
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
}

/* Error messages
-------------------------------------------------------- */
.error {
	border : 1px solid #c00;
	color : #c00;
	padding : 0.5em;
}
.error ul {
	padding-left : 20px;
}

/* Formulaire
-------------------------------------------------------- */
.field label {
	display : block;
	float : left;
	width : 10.5em;
}


#block1 {
	/*position : absolute;
	top : 0;
	left : 0;*/
	width : 80px;
	height : 15px;
	margin : -20px 0 0 718px;
}
pre, blockquote {
	padding:0.5em;
	-moz-border-radius:1em;
	margin:0.5em;
	color:#54724a;
	background-color:#d3eacb;
	overflow:auto;
}