/*
Theme Name: Horatio
Theme URI: www.studio-horatio.fr
Description: First theme of Thomas "Horatio" Courtois
Version: 0.1
Author:  Thomas "Horatio" Courtois
 
Horatio Theme by Horatio || www.studio-horatio.fr
 
*/

body {
font-family: Lucida Grande, Arial, Helvetica, Sans-serif;
font-size: 0.8em;
text-align: left;
background: #302b23;
color: #006699;
margin: 0;
}

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

a:hover {
color: #777;
text-decoration: underline;
}


#page {
margin: 0 auto 0 auto;
width: 800px;
}

#header {
font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif;
float: left;

width: 800px;
height:300px;

background-image: url("images/header1.jpg");
}

#header h1 {
padding: 0 20px 0 0;
font-size: 2em;
text-align: right;
top:220px;
position: relative;
color: #ffaa00;

}
 
#header p {
padding: 0 20px 0 0;
font-size: 1em;
text-align: right;
}


#content {
float: left;
width: 550px;
margin-bottom: 20px;

}
 
 #content h2 {
font-size: 1.3em;
background:#000000;
background-image: url("images/headernews3.jpg");
width: 550px;
height:50px;
}
 
 #content h2 a{
 position:relative;
font-size: 1.2em;
font-family: Century Gothic, Lucida Grande, Verdana, Arial, Sans-Serif;
color: #ffaa00;
left:20px;
top:10px;
}

#content h2 a:hover{
color: #ffc95d;
}
 
 .post{
 background: #302b23;
 }
 
.sidebar {
float: right;
width: 225px;
margin: 20px 0 20px 25px;
}

.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px;
list-style-image: url("images/testpuce.png");
}

.sidebar h2 {
font-size: 1.2em;
}
.sidebar ul li{ color: #FFAA00;}
.sidebar ul ul li{list-style:none;
 }


.sidebar a{
color: #eeeeee;
}

.postmetadata {
font-size: 0.8em;
color: #999;

}

.post_content {
font-size: 1em;
color: #eeeeee;
}

.post_content a {
color: #006699;
}
 
.post_content a:hover {
color: #fff;
background: #006699;
}
 
.sidebar a:hover {
text-decoration: none;
border-bottom: 1px dotted;
}


#footer {

font-size: 1em;
background:#cccccc;
padding: 10px 10px 0 0;
clear: both;
width: 750px;
background: url("images/testheader.jpg") ;

}

#footer p{

text-align: right;
font-size: 1em;
padding: 0 10px 20px 0;
width: 750px;
height:200px;
background: url("images/testheader.jpg") ;
}


/*commentaire*/
.comments-template{
	margin: 10px 0 0 0;
}
 
.comments-template ol{
	margin: 10px;
	padding: 0 0 0 15px;
	list-style: none;
}
 
.comments-template ol p{
	font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;
	font-size: 0.9em;
}
 
.comments-template ol li{
	margin: 10px 0 0 0;
	line-height: 15px;
	padding: 0 0 10px;
}
 
.comments-template h2, .comments-template h3{
	font-size: 1.2em;
}
 
.commentmetadata{
	font-size: 0.9em;
}
 
.comments-template p.nocomments{
	padding: 0;
}
 
.comments-template textarea{
	font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;
	font-size: 0.9em;
}
 
.cadre_commentaires {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/*Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #988F81;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */