/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Olivier Meunier 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 ***** */
body{	margin : 0; padding : 0; font-family : "Trebuchet MS",Tahoma,Verdana,Arial,Geneva,Helvetica,sans-serif; font-size : 0.85em; background : #363636; color : #FFF;}
p { margin : 1em 0; }
img { border : none; }
form { display : block; margin : 0; padding : 0; }
h1 { font-size : 2em; margin : 0.67em 0; }
h2 { font-size : 1.5em; 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; }
code,pre { font-family : "Courier New",monospace; font-size : 1em; }
q { font-style : italic; }
a {color : #FFF;}
a:hover {text-decoration : none;}
h2, h3 {font-family : "Trebuchet MS",Tahoma,Georgia, serif;}

/* Prelude
-------------------------------------------------------- */
#prelude { position : absolute; top : 0; margin : 0; padding : 0; font-size : 0.85em;}
#logo { position : absolute; margin : 0;top : 0;padding : 0; background: #133649 url("img/timelessnetwork.jpg.jpg") no-repeat top right;background-position: top right; z-index: 1;}
/* Titre
-------------------------------------------------------- */
#top {height: 193px; font-family : "TREBUCHET MS", Tahoma,Georgia, serif; margin : 0; background-color: #363636; background-image: url("img/banner_timeless2.jpg"); background-repeat: no-repeat; background-position: left top;}
#top h1 { margin : 0;}
#top a {color : none; background : transparent; text-decoration : none; display:none;}

/* Page
-------------------------------------------------------- */
#page { width : 780px; height: 100%; margin: 0 auto;}

/* Main
-------------------------------------------------------- */
#main {width : 780px; }
#main h3 { color : white; margin-top : 2em;}
.day-date { font-size : 1em; font-weight : bold; margin-top : 2em; text-align : right; border-bottom : 1px solid #ccc; color : white; background : transparent;}
#main p {line-height : 1.6em;}
.post-title { margin : 1.5em 0 0 0; color : #ff9900;}
.post-title a { text-decoration : none;}
.chapo {margin-bottom : 2em;}
.post-info, .post-info-co { font-size : 0.85em;}
.post-info { margin : 0;}
.post-info-co { clear : both; margin-top : 0;}

/* Content
-------------------------------------------------------- */
#content { margin : 0 1em 0 0; padding : 1em; float : right; width : 500px;}
#content a { color : #ff9900; background: transparent;text-decoration : none;}
#content a:hover { color : #fff; text-decoration : none; background :#f90;}

/* Liste commentaires + formulaire -------------------------------------------------------- */
#comments, #trackbacks { margin : 0 2em;}
#comments blockquote, #trackbacks blockquote { display : block; margin : 0; padding : 1px 1em; font-style : normal; border : 1px solid #999; color : white; background : transparent;}
.comment-info { margin-bottom : 0; font-size : 0.85em;}
.erreur { border : 1px solid; padding : 0.5em;}

/* Menu -------------------------------------------------------- */
#sidebar { margin : 0 76% 0 0; width:200px; padding : 2em 0;}
#menu { float : left; width:200px; text-align:center;}
#menu h2 { letter-spacing:4px; font-size:1em; color:#FFF; font-weight:normal; margin:10px;}
#menu ul { list-style-type:none; margin-top:10px;}
#menu li { width:110px; height:25px; margin-left:15px;}

#menu a { display:block; width:110px; height:25px; text-decoration:none; color:black; padding-top:5px;}
#menu a:hover {display:block; width:110px;/ height:25px; background-color: red;}

#button{ float : left; width:200px; margin : 0em 1em 1em 1em; border-left: 1px solid #f90; font-family: Tahoma, 'Lucida Grande', Verdana, Lucida, Helvetica, Geneva, Arial, sans-serif; background-color: #363636;color: #FFF;}
#button ul{ border-bottom: 1px solid #80FF80; border-top: 1px solid #80FF80; margin: 0; padding: 0; list-style: none; list-style-image: none; border: none;}
#button li{ border-top: 1px solid #363636; margin: 0;}
#button li a{  text-indent: 1.7em; display: block; padding: 3px 0px 3px 0.5em; background-color: #363636; color: #fff; text-decoration: none; width: 96%; background-image: url(img/arro.jpg); background-repeat: no-repeat; background-position: left top;}

html>body #button li a{width: auto;}
#button li a:hover{background-color: #ff9900; color: #fff; background-image: url(img/arro-over.jpg); background-repeat: no-repeat; background-position: left top; font-weight: bold;}
#button h2{ letter-spacing: 4px; font-size: 1.3em; color:white; font-weight:bold; margin:0; padding :0; text-indent: 0.4em; background : #f90;}
#sidebar div {padding : 0 1em 0 1em;}
#sidebar .connexes ul {padding-left : 1.5em; margin-left : 0;}
#sidebar .connexes li { list-style : none; margin-top : 0.15em;}
#sidebar .connexes li a{ padding: 1px 0px 1px 2px; text-decoration : none; color : #FFF;}
#sidebar .connexes li a:hover {background : #CC0000;}

/* Footer
-------------------------------------------------------- */
#footer {color : white; margin : 0 0 2em 0; padding : 1em 1em 1em 1em; font-size : 0.8em; bottom: 0px; position: relative; text-align: right; width: 30%; float : right;}
#footer2 {position: absolute; bottom: 0; padding: 10px; width: 780 px;}
#footer a {color : #ff9900; text-decoration : none;}
#footer a:hover{color : #fff; background : #ff9900;}

/* Calendrier
-------------------------------------------------------- */
#calendar table { border-collapse : collapse; font-size : 0.8em; margin : 0 auto;}
#calendar caption { margin : 0 auto; padding : 0 0 0.3em 0; font-size : 1.2em;}
#calendar abbr { border : none;}
#calendar th, .cal td {border : none; padding : 1px;}
#calendar td {text-align : center;}
#calendar td.active a {font-weight : bold;}
#calendar a {}

/* Error messages
-------------------------------------------------------- */
.error {border : 1px solid #c00; background : #fee; padding : 0.5em;}
.error ul {padding-left : 20px;}
.error li { list-style : square;}


/* Formulaires
-------------------------------------------------------- */
fieldset {display : block; border : none; margin : 0; padding : 0;}
input, textarea { font-family : "Trebuchet MS",tahoma,Verdana,Arial,Geneva,Helvetica,sans-serif; font-size : 1em; border-width : 1px; border-color : #ccc;}
input[type], textarea[name] {background : #eee;}
input[type=submit], input[type=reset] {background : #ccc; color : #000;}
input[type=submit]:hover { background : #036; color : #fff;}
textarea { width : 100%;}
p.field {margin : 0.5em 0 0 0;}
p.field label {display : block; font-weight : bold; font-size : 0.85em;}
div.hl_cat_title { font-size : 1.4em; font-family : "Trebuchet MS", Tahoma, Georgia, serif; color : white;}