/* ***** BEGIN LICENSE BLOCK *****

 * Ce thême a réalisé spécifiquement pour le site caballitoblanco.com
 * sur la base du thème par défaut de dotclear 1.2.7 de Maurice Svay
 * Copyright (c) 2007 Guillaume Darras. All rights reserved pour les éléments particuliers au site.
 * Copyright (c) 2004 Maurice Svay and contributors. All rights reserved pour le thême par defaut de dotclear.
 *
 * 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 *****

/* Ce fichier définit le style visuel pour les différents éléments du blog.
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - les éléments HTML en général
 * - la page
 * - l'entête
 * - le prélude
 * - le contenu
 * - la barre de navigation
 * - le pied de page
 *
 * L'agengement des blocs est défini dans le fichier layout.css
 */

@import "layout.css";
 
/* Les éléments HTML en général
-------------------------------------------------------- */

body
	{
	background-color:#FFFFFF;
	color: #646464;
	font-size: 0.9em;
	line-height: 1.5em;
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

h1, h2, h3
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	}

h1{font-size: 1.9em;}
h2{font-size: 1.7em; color:#ff7400;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

pre, code{
	font-size: 1.2em;
}

pre{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}

fieldset{
	border: none;
}

label{
	cursor: pointer;
	cursor: hand;
}

.field label{
	display: block;
}

input,textarea{
	border: 1px solid #999;
}

textarea{
	width: 100%;
	font-size: 1em;
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a{
	color: #ff7400;
	text-decoration:none;
}

a:visited{
	color: #830984;
}

a:hover{
	text-decoration:underline;
}

.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}

a img
{
border:0;
}


/* La page
-------------------------------------------------------- */



/* L'entête
-------------------------------------------------------- */
#top
	{
	width:870px;
	height:260px;
	background:url(img/fond_header.png) 295px top no-repeat;
	}
	
#top h1
	{
	padding-top:35px;
	}

/* Le prélude
-------------------------------------------------------- */ 

/* La barre de navigation
-------------------------------------------------------- */

#sidebar
	{
	margin:0 60px 0 40px;
	position:relative;
	top:-80px;
	}
	
#sidebar h2
	{
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:black;
	text-align:center;
	}
	
#sidebar h2 a, #sidebar h2 a:visited
	{
	color:black;
	}

#calendar
	{
	border-bottom:1px solid #eaeaea;
	}

#calendar table caption
	{
	font-size:0.9em;
	font-weight:bold;
	text-align:left;
	}

#calendar table
	{
	width:195px;
	border-spacing:6px;
	margin-bottom:15px;
	}

#calendar table caption span
	{
	font-weight:normal;
	}

#calendar table thead th
	{
	text-align:center;
	}
	
#calendar table thead th abbr
	{
	font-weight:normal;
	color:black;
	font-size:0.7em;
	border:0;
	}
	
#calendar table tbody tr td
	{
	height:20px;
	width:20px;
	font-size:0.9em;
	line-height:1.3em;
	color:#bddb55;
	font-weight:bold;
	text-align:center;
	border:1px solid #d5f199;
	padding:0;
	}
	
#calendar table tbody tr td a
	{
	display:block;
	height:20px;
	width:20px;
	color:white;
	background-color:#a6d905;
	font-weight:bold;
	margin:0;
	}
	
#search
	{
	border-bottom:1px solid #eaeaea;
	}

#search form
	{
	margin-bottom:20px;
	}
	
#search form #q
	{
	border:1px solid #f07991;
	vertical-align:top;
	background: #fff url(img/loupe.png) no-repeat 4px 1px;
	padding-left:25px;
	margin:0 5px 0 4px;
	}
	
#search form input.submit
	{
	height:20px;
	width:20px;
	font-size:0.8em;
	color:white;
	background-color:#e61f48;
	text-align:center;
	border:1px solid #e61f48;
	vertical-align:top;
	}

#categories ul, #archives ul, #galleries
	{
	border-bottom:1px solid #eaeaea;
	}

#categories ul, #archives ul
	{
	padding:0 0 15px 0;
	}
	
#categories ul li, #archives ul li, #galleries h3
	{
	list-style-type:none;
	padding-left:15px;
	}

#categories ul li a, #archives ul li a, #galleries h3
	{
	font-size:0.8em;
	color:#646464;
	}

#categories ul li
	{
	background:url(img/puce_jaune.png) left 7px no-repeat;
	}
	
#galleries h3
	{
	background:url(img/puce_violette.png) left 7px no-repeat;
	margin:0;
	padding:0 0 0 15px;
	}
	
#galleries h3, #galleries h3 a, #galleries h3 a:visited
	{
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#646464;
	}

#galleries ul
	{
	padding:0 0 15px 28px;
	margin:0;
	}
	
#galleries ul li
	{
	font-size:0.8em;
	}

#galleries ul li a, #galleries ul li a:visited
	{
	color:#646464;
	}

#archives ul li
	{
	background:url(img/puce_verte.png) left 7px no-repeat;
	}
	
/* Le contenu
-------------------------------------------------------- */

#main
	{
	background-color:#eaeaea;
	}

#main .post
	{
	padding:0;
	margin:0;
	}
	
#main h2
	{
	padding-bottom:0;
	margin-bottom:10px;
	}
	
#main h2 a:visited
	{
	color:#ff7400;
	}
	
#main p
	{
	text-align:justify;
	}

.post-info
	{
	padding-top:0;
	margin-top:0;
	font-size:0.8em;
	}
	
.post-info a
	{
	color:#646464;
	}
	
.post-chapo
	{
	font-size:1.2em;
	font-weight:bold;
	font-variant:small-caps;
	}
	
.image_horizontale
	{
	position:relative;
	left:-20px;
	height:381px;
	width :532px;
	background:url(img/fond_image_horizontale.png) left top no-repeat;
	margin:25px 0 20px 0;
	padding:10px 0 0 107px;
	}

.image_horizontale img
	{
	height:300px;
	width:400px;
	}
	
.image_horizontale p
	{
	font-size:0.9em;
	line-height:1.1em;
	margin:7px 0 0 0;
	}

.image_verticale
	{
	height:484px;
	width :411px;
	background:url(img/fond_image_verticale.png) left top no-repeat;
	margin:25px 0 20px 34px;
	padding:14px 0 0 15px;
	}
	
.image_verticale img
	{
	height:400px;
	width:300px;
	}
	
.image_verticale p
	{
	font-size:0.9em;
	line-height:1.1em;
	margin:7px 0 0 0;
	}

#main .post-info-co
	{
	font-size:0.9em;
	text-align:right;
	}

#comments
	{
	width:465px;
	position:relative;
	left:-20px;
	background:url(img/fond_comment_haut.png) left top no-repeat;
	background-color:#dfdfdf;
	margin:0;
	padding:65px 0 0 0;
	}

#add-comments, #read-comments
	{
	padding:0 20px;
	}
	
#add-comments
	{
	background:url(img/fond_comment_bas.png) left bottom no-repeat;
	background-color:#dfdfdf;
	padding-bottom:35px;
	}

#add-comments h3
	{
	padding-top:15px;
	border-top:2px solid #c1bebe;
	}	
	
#comments .comment-info
	{
	font-size:0.8em;
	}
	
#comments blockquote
	{
	margin:0;
	padding:0.1em 20px 0.1em 20px;
	background:url(img/fond_commentaire.png) left top repeat-x;
	background-color:#f8f6f6;
	font-size:0.9em;
	}

#comment-form label
	{
	display:block;
	width:156px;
	float:left;
	font-size:0.9em;
	}

#comment-form input, #comment-form textarea
	{
	border:0;
	background-color:#f8f6f6;
	}

#comment-form .form-help
	{
	margin:0;
	padding:0 10px 0 10px;
	font-size:0.8em;
	line-height:1em;
	}

#comment-form .c_remember
	{
	display:inline;
	width:auto;
	float:none;
	}
	
#comment-form .preview, #comment-form .submit
	{
	font-weight:bold;
	color:white;
	background-color:#908a8a;
	}
	
#comment-form .preview
	{
	margin-left:110px;
	margin-right:5px;
	}
	
/* Le pied de page
-------------------------------------------------------- */

#footer
	{
	width:529px;
	height:27px;
	margin:50px 0 0 0;
	padding-left:0;
	padding-top:190px;
	background:url(img/fond_footer.png) left top no-repeat;
	font-size:0.8em;
	font-weight:bold;
	letter-spacing:0.02em;
	color:#b3b3b3;
	}
	
#footer a
	{
	color:#b3b3b3;
	}
	
#footer a:hover
	{
	color:#8f8f8f;
	}
	
#footer a.orange, #footer a.orange:hover
	{
	color: #ff7400;
	}