/*
Theme Name: EspritLibre
Theme URI: http://espritlibre.org/theme
Description: A 2 columns layout.
Author: Lorenzo Arcaini
Author URI: http://espritlibre.org
*/


html, body, #content, img {border: 0; margin: 0; padding: 0;}

body {
font-family: 'Century gothic', arial, tahoma, verdana, sans-serif;
font-size: 15px;
background: #221917;
width: 100%;
min-width:970px;
}
#myBody {
background: #443833;
border-bottom:5px solid #877065;
}


a {
	color: #877065;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #FFFFBB;
}

code {
  border:1px dashed #877065;
  border-left:4px solid #877065;
  background:#fef5f0;
  display:block;
  text-align:left;
  padding:5px 0 5px 5px;
  margin:5px 0;
  color:#666699;
}

form {margin: 0; padding: 0; display: inline;}

input, textarea, select {
  font:1em;
  line-height: 1.25em;
  padding: 0 0 0 2px;
}

.push {
margin:0;
padding:0;
clear:both;
display:block;
}

ul.no-style, #sidebar ul {
list-style:none;
margin:0;
padding:0;
}
ul.no-style li, #sidebar ul li {
list-style-type:none;
margin:0;
padding:0;
}
#sidebar ul li ul li {
margin-left:10px;
list-style-type:disc;
}

#linkbar {
text-align:center;
margin:10px 0;
}
#pub {
margin:0 20px;
}

#splash{
width:800px;
height:180px;
background:url(images/espritlibre.jpg) no-repeat 0 -10px;
}
#splash * {
margin:0;
text-align:right;
}
#splash h1 {
position:relative;
right:100px;
font-size:1.4em;
padding:10px 0;
font-style:italic;
}
#splash h1 a, #splash h1 a:hover{
color:#000;
}
#splash div {
color: #877065;
font-size:12px;
width:250px;
position:relative;
left:400px;
}

#top {
background:#221917;
display: block;
float: left;
clear: right;
width: 100%;
height: 25px;
border-bottom:5px solid #877065;
}

#content {
	clear:both;
	width:800px;
	margin:auto;
	border-left:5px solid #877065;
	border-right:5px solid #877065;
	position:relative;
	background:#fafafa;
	min-height:1000px;
}

#navi {
	position:relative;
	background: #443833;
	height: 30px;
	width: 800px;
	border-bottom:1px solid #000;
}
#navi ul {
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}
#navi ul li {
	list-style-type: none;
	float: left;
	border-right: 1px solid #000;
	line-height: 30px;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
}
#navi ul li.reverse {
	float: right;
	border-right:0;
	border-left: 1px solid #000;
}
#navi ul li a {
	display: block;
	color: #877065;
	text-decoration: none;
	background: #443833;
	padding: 0px 15px;
	line-height: 30px;
}
#navi ul li.current_page_item a {
	color: #FFFFBB;
	background: #56453e;
}
#navi li#home a {
	padding-left:32px;
	background:#443833 url(images/home.png) no-repeat 4px 2px;
}
#navi ul li a:hover {
	color: #FFFFBB;
	background: #56453e;
}
#navi li#home a:hover {
	background:#56453e url(images/home.png) no-repeat 4px 2px;
}
#navi li#rss a {
	padding-left:40px;
	background:transparent url(images/icons/Feed_32x32.png) no-repeat top left;
}
#navi li#twitter a {
	padding-left:40px;
	background:transparent url(images/icons/tweet_32x32.png) no-repeat top left;
}


#content a {
	color:#877065;
}
#content a:hover {
	text-decoration: underline;
	color:#000;
}

#page-content {
	float:left;
	width:568px;
	border-right:1px solid #ddd;
}
#sidebar {
	float:right;
	width:220px;
	font-size:12px;
	padding-left:10px;
	border-left:1px solid #ddd;
}

#content .post {
	padding:10px;
	font-size:.8em;
	width:559px;
}

#content .post-head{
	position:relative;
	width:499px;
}
#content .page-head{
	width:559px;
}

#content .post-date{
	position:absolute;
	top:0;
	left:0;
	background: url(images/calendar.jpg) no-repeat left top;
	width: 50px;
	height: 55px;
}

#content .post-date .post-month {
  display: block;
  clear: both;
  text-align: center;
  font-size: 14px;
  color: white;
  font-weight: bold;
  margin-bottom: 0;
  font-variant:small-caps;
}

#content .post-date .post-day {
  display: block;
  clear: left;
  text-align: center;
  font-size: 30px;
  color: #393939;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1px;
  position:relative;
  top:18px;
}

#content .post .entry{
  position:relative;
  left:60px;
}


#content .post .page-head .entry{
  position:relative;
  left:0px;
}


#content .post .entry h2 {
  position:relative;
  border-bottom:5px solid #877065;
  margin:0;
  padding:0;
}

#content .post .entry h2 a{
  color:#877065;
}
#content .post .entry h2 a:hover{
  text-decoration:none;
  color:#000;
}
#content .post .entry h2 img.editpost{
  position:absolute;
  right:0;
}

#content .post .entry .post-cat{
	display:block;
	background: url(images/category.png) no-repeat left 2px;
	padding:6px 0 2px 24px;
}
#content .post .entry .post-cat a{
	color:#877065;
	font-size:12px;
	font-weight:300;
}

#content .post-content {
	padding-right:10px;
}

#content .post-content a{
	text-decoration: underline;
}

#content .post .post-foot {
	background:#fef5f0;
	padding:4px;
	position:relative;
}
#content .post .post-foot .post-comments {
	position:absolute;
	right:10px;
}

div#notfound {
  padding:25px;
  height:200px;
}

#bottom {
clear:both;
background:#221917;
width: 100%;
height: 25px;
}

#content a.more-link{
display:block;
padding:5px 10px;
text-align:right;
text-decoration:none;
font-weight:600;
}

.myComments {
  border:1px dashed #877065;
  margin:0 1em;
  padding:1em;
	background:#fef5f0;
}

.myComments form, .myComments h2 {
  margin:0;
}

.myComments h2 {
	color:#877065;
	font-style:italic;
	font-size:16px;
}

.myComments p {
  font-size:12px;
}

.myComments textarea {
  border:1px solid #877065;
  margin:0 auto;
  width:100%;
}

.myComments input {
  display:block;
  margin:0 auto;
}

#viadeoBlog {
width:205px;
height:185px;
}

.widget_irrepressible {
width:180px;
height:200px;
}

div.navigation {
  font-size:12px;
  text-align:center;
  padding:.5em 0;
}