@import url(layout.css);
body {background:url("img/bg.png") repeat-x #800000;}
#header {height:169px;background:url("img/header.jpg") no-repeat;}
#page {background:url("img/page.png") repeat-y;position:relative;}
#header h1 {height:150px;margin:0;}
#header h1 a {display:block;width:350px;height:150px;overflow:hidden;text-indent:-5999em;}

/*TYPO*/
a:link, a:visited {color:#800000;}
a:hover {color:#FF0000;}
body {font-family:"trebuchet MS";font-size:12px;color:#444;}
.post p {line-height:150%;}

/*footer*/
p.copy {padding:50px 15px 15px 260px;text-align:left;}
p.copy a {color:#ffed76;text-decoration:none;}

/*search*/

#searchform {
position:absolute;
width:330px;
height:30px;
top:135px;
left:460px;
}
input.txt {
width:245px;
border:transparent;
background:#fff;
float:left;
margin-right:8px;
}
input.btnok {
margin-top:-3px;
margin-right:24px;
float:right;
}

/*sidebar*/
.sidebox {
background:url("img/sidebox.png") repeat-y;
width:220px;
color:#c3b0a1;
margin:0 15px 20px;
}
#sidebar p {
margin:0 15px 20px;
}
.sidebox-haut {
background:url("img/sidebox-haut.gif") no-repeat;
}
.sidebox h2 {
margin:0;
height:45px;
color:#FFF;
text-align:center;
font-family:"trebuchet MS";
text-transform:uppercase;
line-height:45px;
font-size:16px;
}
.sidebox-bas {
background:url("img/sidebox-bas.png") no-repeat;
height:16px;
}
.sidebox a {
font-weight:bold;
}
.sidebox ul {
margin:0 20px;
}
.sidebox li {
line-height:22px;
border-bottom:1px dotted #a19285;
}
.sidebox li a {
text-decoration:none;
}

/*posts*/
.post {
border-bottom:1px dotted #a19285;
margin-bottom:30px;
margin-left:10px;
}
.post img {
padding:4px;
border:1px solid #C4C4C4;
margin-left:50px;
}

.box {
height:57px;
}
.box-date {
float:left;
height:57px;
width:44px;
background:url("img/date.png");
color:#000;
text-align:center;

}
.box-date-day {
font-size:22px;
color:#FFF;
line-height:35px;
}
.box h2 {
font-size:18px;
font-weight:normal;
margin:0;
padding-top:10px;
}
p.soustitre {
margin:0;
font-size:11px;
color:#888;
}
.box h2 a {
text-decoration:none;
}
.box h2, p.soustitre {
margin-left:55px;
}
.tags {
color:#888;
font-size:11px;
}
.tags a {
text-decoration:none;
margin:0 5px;
padding-left:15px;
background:url("img/ico-tag.png") no-repeat left;
}

/* comments */
#commentform {width:100%;padding:15px;}
h3#comments, h3#respond {
color:#880000;
margin:10px 10px;
font-size:18px;
}
ol {
margin:0;padding:0;
}
form p {border-color:#666666;margin-bottom:10px;}
form label { font-weight:bold;display:block;}
form input {color:#000;}
#commentform input, #commentform textarea {
	font-size: 11px;
	border: 1px solid #DDD;
	padding:3px;
}
form textarea {overflow:auto;}
#commentform input {width:200px;}
#commentform textarea {width:325px;border:1px solid #CCC;}

form .button {
  width:90px;
  font-weight:bold;
  border:1px solid #FFF;
  background:#880000;
  cursor:pointer;
  font-size:18px;
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
}

ol.commentlist {
margin:10px 10px  15px 10px;
font-size:12px;
list-style-type:none;
}
ol.commentlist p {
margin:0;
}
ol.commentlist li {
padding:3px 3px 10px 15px;
margin-bottom:10px;

}

.commentlist li a {
}
.commentlist li em {
padding-left:12px;
}
ol.commentlist .alt {
background:#E1E1E1;
}

ol.commentlist p.headcom {
margin-bottom:5px;
color:#000;
}

/*CSS Sabrosus style pagination*/
div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
}


div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #DDDDDD;
	
	text-decoration: none; 
	color: #800000;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #DDDDDD;
	color: #800000;
	text-decoration:underline;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #DDDDDD;
	text-decoration:underline;
	color: #800000;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #DDDDDD;
	color: #800000;
}