/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Samuel Latchman and contributors. 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 *****
 *
 * Contributor(s):
 *  Franck Quélain
 */

/* General look 
----------------------------------------------------*/

p { 
	margin : 1em 0; 
}

img { 
	border : none; 
}

code,pre {
	font-family : "Courier New",monospace;
	font-size : 1em;
}

q { 
	font-style : italic; 
}

hr {
	background-color: #aaf;
	color: #aaf;
	height: 1px;
}

a {
	color : blue;
}
a:hover, a:focus, a:active {
	color: red;
}

a[hreflang]:after {
	content: "\0000a0(" attr(hreflang) ")";
	color : red;
}

body {
	font-family : Verdana,sans-serif;
	font-size : 0.8em;
    color : #006;
	background: #fff url(images/page_bg.jpg) no-repeat top right;
	margin : 0;
	padding : 0;
}

#page {
	margin: 0;
	padding:0;
}

h1 {
	position: absolute;
	top: 0.5em;
	right: 220px;
	margin:0;
	padding: 0;
	font-size : 35px;
	font-family: sans-serif;
	font-variant : small-caps;
	z-index: 20;
}

h1 a {
	color : #39455B;
	text-decoration : none;
}

h2 {
	font-size : 1.4em;
	margin : 0.83em 0;
}
h3 {
	font-size : 1.17em;
	margin : 1em 0;
}
h4 {
	font-size : 1em;
	margin : 1.33em 0;
}
h5 {
	font-size : 0.83em;
	margin : 1.67em 0;
}
h6 {
	font-size : 0.67em;
	margin : 2.33em 0;
}
h2, h3 {
	font-family : "Trebuchet MS",Arial,Helvetica,sans-serif;
}
h2 {
	font-weight : normal;
}

/* Header and Footer
-------------------------------------------------------- */
#prelude {
				display : none;
}
#footer {
	margin: 0;
	font-size : 0.8em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	background-color : black;
	position: fixed;
	width : 18em;
	bottom : 0;
	left: 0;
    z-index: 1;
}
#prelude a, #footer a {
	color : white;
}
#prelude a:hover, #prelude a:focus, #footer a:focus, #footer a:hover {
	color : yellow;
}

/* Content
-------------------------------------------------------*/
#main {
	margin-right : 100px;
	margin-top: 6em;
	margin-left: 16.2em;
}
#main h3 {
	color : #333;
	margin-top : 2em;
}

#content {
	padding : 1px 0 1em 19px;
}

/* Sidebar
-------------------------------------------------------- */
#sidebar {
	position: absolute;
	top:0;
	left:0;
	width: 16em;
	margin-top: 1em;
	margin-left: 5px;
	background-color: #ddf; /* #a4bede; */
	border: 2px solid black;
	z-index: 10;
}
#sidebar h2 {
	font-weight : normal;
	color : white;
	text-transform : uppercase;
	padding : 0;
	margin : 0;
	background: black url(images/title_bg.png) repeat-x;
}
#sidebar ul {
	padding : 0;
	margin : 0;
	list-style : none;
}

#sidebar li {
	padding: 0;
	margin:0;
}
#sidebar li a {
	display: block;
	padding : 0;
	margin:0;
	border: 1px solid gray;
	color: #006;
	background: #ddf url(images/button_bg.png) repeat-x;
}
#sidebar li a:hover, #sidebar li a:focus {
	color : white;
	background: #9be url(images/button_bg_hover.png) repeat-x;
}

#sidebar a {
	text-decoration : none;
}

/* Calendar */
#calendar {
}

#calendar table {
	border-collapse : collapse;
	font-size : 0.85em;
	margin : 0 auto;
}

#calendar caption {
	padding : 0 0 0.3em 0;
	font-size : 1.2em;
	margin : 0 auto;
}

#calendar abbr {
	border : none;
}

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

#calendar td {
	text-align : center;
}

#calendar td a {
	display: block;
	font-weight : normal;
	background: #ddf url(images/button_bg.png) repeat-x;
	border: 1px solid gray;
}
#calendar td.active a {
	font-weight : bold;
	color: red;
}
#calendar td:hover a {
	background-color: red;
	background: #9be url(images/button_bg_hover.png) repeat-x;
	color: white;
}

#calendar a {
	font-weight : bold;
}

/* Search form */
#search {
}
#search input[type=text] {
	width: 76%;
	margin: 2px;
}
#search input[type=submit] {
	width: 15%;
	margin: 2px;
}
#q {
}

/* Categories box */
#categories {
}

/* Archives box */
#archives {
}

/* Links box */
#links {
}

/* Syndication box */
#syndicate {
}

/* Post
-------------------------------------------------------- */
.day-date {
	display: none;
}
.post {
	margin-bottom : 2em;
	background-color: white;
	border: 1px solid black;
	background-color: #ddf;
}
.post img {
    border: 1px dashed #55c;
}
.post pre {
    color: black;
    background: #f0f0ff  url(images/shadow.png) no-repeat top left;
    border: 1px solid #aaa; 
    padding: 7px;
}

.post-title {
	margin : 0 0 0 0;
	color : white;
	background : black url(images/title_bg.png) repeat-x;
	padding-left : 12px;
}
.post-title a {
	color : white;
	text-decoration : none;
}
.post-info {
	font-size : 0.85em;
	clear : both;
	color : black;
	margin : 0;
}
.post-chapo {
	margin-bottom : 2em;
}
.post-content {
	padding-left: 1em;
	padding-right: 1em;
}
.post-info-co {
	font-size : 0.85em;
	clear : both;
	color : black;
	padding-left : 13px;
}

/* Trackbacks and comments
-----------------------------------------------------------*/

#trackbacks, #comments  {
	padding: 0;
	border: 1px solid black;
	margin : 20px;
	background-color: #ffd;
}
#trackbacks h3, #comments h3 {
	margin: 0;
}

#trackbacks blockquote, #comments blockquote, #comment-preview blockquote {
	display : block;
	margin : 0 10px 1em 10px;
	padding : 1px 1em;
	font-style : normal;
	border : 1px dotted gray;
	color : black;
	background: #ffd url(images/shadow.png) no-repeat top left;
}
#comment-preview blockquote {
	border : 1px solid black;
	background-color: #ffd;
}

.comment-info {
	margin : 0;
	padding-left : 13px;
}

/* Error messages
-------------------------------------------------------- */
.error {
	border : 1px dotted red;
	background : white;
	padding : 0.5em;
	color: red;
}
.error ul {
	padding-left : 20px;
}
.error li {
	list-style : square;
}

/* Forms
-------------------------------------------------------- */
fieldset {
	display : block;
	border : 1px dotted gray;
	margin : 10px;
	padding : 10px;
}

form { 
	display : block; 
	margin : 0; 
	padding : 0; 
}

input, textarea {
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	border : 1px solid gray;
}

input[type], textarea {
	padding: 1px;
	background : #eef url(images/shadow.png) no-repeat top left;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
	border: 2px solid red;
	padding:0;
}

input[type=submit], input[type=reset] {
	background : #002862 url(images/title_bg.png) repeat-x;
	color : white;
}

input[type=submit]:hover, input[type=submit]:focus {
	background : #a4bede url(images/button_bg_hover.png) repeat-x;
	color: #006;
	cursor: pointer;
}

textarea {
	width : 100%;
}

p.field {
	margin : 0.5em 0 0 0;
}

p.field label {
	display : block;
	font-weight : bold;
	font-size : 0.85em;
}

.form-help {
}

#comment-form {
}

input.preview {
}
input.submit {
}

#c_nom {
}
#c_mail {
}
#c_site {
}
#c_content {
}
#c_remember {
}

/* Extra blocks
-------------------------------------------------------- */
#block1 {
	top: -220px;
	left:0 ;
	width: 200px;
	height: 0;
	position: relative;
}
#block1 span {
    display: block;
    width: 200px;
    height: 200px;
	background: transparent url(images/yellow_devil_duckie.png) no-repeat right;
}

#block1 span:hover {
	background: transparent url(images/yellow_devil_duckie_back.png) no-repeat right;
}
#block2 {
	position: absolute;
    top: 0;
	right: 120px;
	margin: 5px;
	width: 86px;
	height: 84px;
	background: transparent url(images/small_red_devil.png) no-repeat;
	z-index: 5;			
}
#block2:hover {
	width: 160px;
	height: 160px;
	z-index: 20;
	background: transparent url(images/red_devil.png) no-repeat; 

}
#block3 {
}
#block4 {
}
#block5 {
}
#block6 {
}