/*
Theme Name: E-criture
Theme URI: http://www.e-criture.be
Description: theme du blog d'e-criture
Version 1.0
Author: Valerie Cap
Author URI: http://www.e-criture.be/

Creation Theme by Valerie Cap || http://www.e-criture.be
*/

* { margin:0; padding:0; }

body {
font-family: "Verdana", Arial, Georgia, Sans-Serif;
font-size: 12px;
text-align: left;
background: #FFFFFF;
color: #000000;
margin: 0;
padding: 0;
}

#page {
margin: 16px auto;
width: 775px;
background: #FFFFFF;

}

#header {
margin: 10px 20px 10px 20px;
background-image: url(images/logoecriture.jpg);
height: 81px;
}

* html #header {
margin: 10px 20px 10px 20px;
}

h1{
position: absolute;
left: -5000px;
top: -5000px;
text-indent: -5000px;

}

h2 {
font-size: 16px;
}

#header p {
position: absolute;
left: -5000px;
top: -5000px;
text-indent: -5000px;
}

/* navigation */

#navbar {
display: block;
float: left;
background-color: #14A5D1;
margin-left: 20px;
margin-top: -10px;
margin-right: 10px;
width: 735px;
font: "arial" sans-serif;
}

* html #navbar {
margin-left: 10px;
height: 45px;
}

#nav {
font-size: 13px;
font: "arial" sans-serif;

}

#nav, #nav ul {
list-style: none;
float: left;
line-height: 1.5;
padding: 0;
margin: 0;
font: "arial" sans-serif;
}

#nav a,#nav a:hover {
display: block;
text-decoration: none;
border: none;
color: #FFFFFF;
font: "arial" sans-serif;
}
#nav li {
float: left;
list-style: none;
font: "arial" sans-serif;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 50px;
margin-right: 20px;
}

* html  #nav li{
margin-left: 35px;
margin-right: 25px;
}

#bloc {
float: left;
margin-left: 20px;
margin-top: 25px;
margin-bottom: 5px;
width: 195px;
border: 2px solid #01667B;
padding-left: 2px;
}

* html #bloc {
margin-left: 10px;
}

#bloc p {
margin-left: 3px;
margin-top: 3px;
margin-bottom: 3px;
}


#evidence {
width: 505px;
float: right;
margin-left: -5px;
margin-right: 20px;
margin-top: 25px;
margin-bottom: 0px;
border: 1px solid #000000;
background: #EFEAD1;
padding: 5px;
}

* html #evidence {
float: right;
margin-left: 15px;
}

#evidence p {
margin-top: 5px;
margin-bottom: 5px;
}



#evidence li {
margin-left: 20px;
}

#author {
width: 515px;
margin-right: 20px;
float: right;
margin-top: 15px;
margin-bottom : 15px;
}

* html #author {
margin-right: -10px;
float: right;
}

#author h2 {
font-size: 18px;
color: #01667B;
margin-top: 15px;
margin-bottom: 10px;
}

#author h3 {
margin-top: 15px;
margin-bottom: 8px;
}

#author p {
margin-top: 5px;
}

#content {
width: 515px;
margin-right: 20px;
float: right;
margin-top: 15px;
margin-bottom : 15px;
}

#content p {
margin-bottom: 15px;
margin-top: 15px;
}

#content li {
	margin-left: 15px;
}

h2 {
margin-top: 10px;
margin-bottom: 10px;
}

* html #content {
padding: 10px 20px 20px 5px;
width: 480px;
margin-right: 10px;
}

a {
color: #01667B;
text-decoration: none;
}

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

img {
	float: left;
	margin-left: 3px;
	margin-right: 5px;
	border: none;
}

.postmetdata {
margin-top: 10px;
margin-bottom: 15px;
font-size: 11px;
margin-left: 15px;
}

.post_content {
margin-top: 30px;
margin-bottom: 35px;
}

/*gestion des commentaires*/
.comments-template {
margin: 0;
}

.comments-template ol {
margin: 0;
padding: 0;
list-style: none;
}

.comments-template ol li {
margin: 10px 0 0 0;
line-height: 15px;
padding: 0;
display: inline;
float: left;
width: 480px;
border: 2px #CCCCCC solid;
}

.comments-template h2, .comments-tamplate h3 {
font-size: 1.5em;
margin: 0;
padding: 20px 0;
}

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

.avatar {
float: left;
border: 2px solid #ccc;
}

cite {
padding: 0 0 0 15px;
background-color: transparent;
font-weight: bold;
font-style: normal;
}

cite a {
background-color: transparent;
text-decoration: none;
}

small a {
padding: 0 0 0 15px;
background-color: transparent;
text-decoration: none;
}

.comment_info {
padding: 3px 0;
}

.comment_author {
padding: 20px 0 20px 10px;
float: left;
width: 200px;
}

.comment {
color: #555;
padding: 20px 20px 20px 20px;
}

.comment p {
margin-top: 5px;
margin-bottom: 2px;
padding-bottom: 10px;
}

h3#respond {
clear: both;
}

textarea#comment {
width: 480px;
}

ol.trackbacks-layout {
clear: both;
padding-bottom: 10px;
}

ol.trackbacks-layout li {
padding: 20px;
background: #ccc;
width: 540px;
}

* html #s {
width: 115px;
}

#searchno #searchform {
float: left;
}

.sidebar {
width: 200px;
margin: 0 20px 0 20px;
float: left;
}

* html .sidebar {
margin-top: 10px;
margin-right: 0px;
margin-left: 10px;
margin-bottom: 10px;
width: 200px;
float: left;

}

.sidebar ul {
list-style-type: none;
padding: 0;

}

* html .sidebar ul {
list-style-type: none;
padding: 2;

}

.sidebar ul h2 {
color: white;
background: #01667B;
font-size: 16px;
padding: 6px;
font-weight: normal;
font-size: 14px;

}

*html .sidebar ul h2 {
color: white;
background: #01667B;
font-size: 14px;
}

*html .sidebar li {
margin-left: 0px;
margin-bottom: 10px;
}

#tweetbox p {padding:10px;}


#footer {
clear: both;
margin: 0 20px;
text-align: center;
background: #14A5D1;
height: 20px;
margin-bottom: 10px;
font-size: 15px;
}

#footer a{
color: #26004F;
font-size: 15px;
}



#footer p {
color: #FFFFFF;
font-size: 15px;
}