/*
Theme Name: Lair on Lille Theme
Theme URI: http://www.lairlille.net
Description: Template du blog du Lair on Lille
Version: 1.0
Author: Letjaz
 
Lair on Lille Theme || http://www.lairlille.net
 
*/

@import url(stylecolors.css);

* {margin: 0; padding: 0;}

body {
background: #e28710 url(images/fond.jpg) no-repeat top center;
}

img {
border: 0;
}

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

#header {
width: 668px;
height: 209px;
background: url(images/header.png) top center;
margin: 0 auto 0 35px;
position: relative;
}

#logo {
z-index: 2;
position: relative;

}

#header h1 {
padding: 0 20px 0 0;
display: none;
}

#header p {
padding: 0 20px 0 0;
display: none;
}

#mainconteneurtop {
width: 760px;
height: 48px;
background: url(images/bgposthaut.png) top center;
margin: -49px 0 0 0;
}

#mainconteneur {
width: 760px;
min-height: 950px;
background: url(images/bgpost.png) top center;
position: relative;
}

#content {
float: left;
width: 520px;
margin: 20px 0 20px 20px;
}

.headerpost {
background: url('images/headerpost.jpg') no-repeat top center;
height: 45px;
width: 520px;
margin: -20px 0 0 0;
}

.post {
background: url('images/content.png') repeat-y top center;
width: 520px;
}

.post_titre {
margin: 0 10px 20px 20px;
padding-right: 20px;
padding-top: 8px;
}

.post_titre_page {
margin: 0px 10px 20px 70px;
padding-right: 20px;
padding-top: 8px;
}

.endpost {
margin-left: 125px;
margin-right: 105px;
margin-top: 20px;
padding: 15px 0px;
}

.postmetadata {
padding: 10px 10px 10px 20px;
}

.postmetadata2 {
padding: 10px 10px 10px 20px;
margin-left: 125px;
margin-right: 105px;
margin-top: 20px;
}

.post_content {
padding: 20px 35px 10px 35px;
}

.post_content p {
margin: 25px 3px 25px 2px;
}

.post_content blockquote {
margin: 50px 25px;
}

.footerpost {
background: url('images/footerpost.jpg') no-repeat bottom center;
height: 70px;
width: 520px;
margin: 0 0 40px 0;
}

.cadre_commentaires{
margin: 10px 40px 40px 60px;
padding: 30px 20px 20px 20px;
}

#respond {
margin: 0px 40px 0px 70px;
padding: 0px 20px 0px 20px;
}

#commentform {
margin: 0px 40px 0px 76px;
padding: 30px 20px 20px 20px;
}

#email{
width: 175px;
}

#author{
width: 175px;
}

#url{
width: 175px;
}

#comment{
width: 325px;
}

.comments-template{
margin: 10px 0 0 25px;
width: 470px;
}

.comments-template ol{
margin: 10px;
padding: 0 0 0 15px;
}

.comments-template ol li{
margin: 10px 0 0 0;
padding: 0 0 10px;
}

.comments-template p.nocomments{
padding: 0;
}

#sidebarhaut {
background: url('images/sidebarhaut.jpg') no-repeat top center;
height: 59px;
width: 201px;
float: right;
}

.sidebar {
background: url('images/sidebar.jpg') repeat-y top center;
float: right;
width: 201px;
margin-right: 18px;
margin-top: 40px;
}

#sidebarbas {
background: url('images/sidebarbas.jpg') no-repeat top center;
height: 59px;
width: 201px;
float: right;
}

.sidebar ul{
padding: 0 15px 0 20px;
position: relative;
}

.sidebar li{
padding: 5px 0;
}

.widgettitle{
padding: 10px;
}

#search {
height: 60px;
}

#searchform {
margin: -5px 0 0 18px;
height: 10px;
z-index: 5;
position: relative;
}

#recherche {
margin: 0 0 0 552px;
position: relative;
top: 93px;
width: 180px;
height: 43px;
background: url('images/search.png') no-repeat top center;
z-index: 500;
}

#searchsubmit {
background:url('images/go.png') no-repeat top right;
width:35px;
height:22px;
position:relative;
left: -2px;
top: -1px;
}

#s {
position: relative;
top: -4px;
width: 115px;
}

.sidebar h2 {
}

.separation {
clear: both;
margin: 0;
padding: 0;
}

#footer {
background: url('images/footer.png') no-repeat top;
height: 80px;
border: none;
margin: 0 auto;
width: 760px;
clear: both;
}

#footer p {
padding: 27px 45px 0 0;
}

.copy {
display: none;
}

#testforum {
display:block;
background-image:url('images/forum.png');
width:190px;
height:43px;
border:none;
position: absolute;
top: -5px;
right: 24px;
z-index: 300;
}
#testforum:hover {
background-image:url('images/forum2.png');
}
#testforum img{
display:none;
}

#devise {
z-index: 200;
position: absolute;
top: 88px;
left: 148px;
}