/*
Theme Name: 268 Miles
Theme URL: http://www.268miles.com
Description: 
Version: 
Author: Aline Keller
Author URL: http://blog.premier-regard.net
Tags: 

*/

html, body {height: 100%;}
.right {float:right;}
.left {float:left;}
.clear {clear: both;}

img.alignleft {
	float: left;
	margin: 0 5px 5px 0;
}
img.alignright {
	float: right;
	margin: 0 0 5px 5px;
}

#nav ul {
	list-style-type: none;
	margin:0;
}

#page {
	width: 970px;
	margin: 0 auto -85px;
	min-height: 100%;
}
#header{
	width: 910px;
	margin: 0 auto;
	padding: 35px 0 5px;
	height: 50px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}
#headerimg {
	float: left;
	width:500px;
}
#header h1 {
	margin: 0;
	font-size: 2.25em;
	line-height: 1em;
	height: 30px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	font-style: italic;
}
#header a:hover,
#header a:focus {
	text-decoration: none;
}
#header p.description {
	font-family: "Century Gothic", Helvetica, Arial, Verdana, sans-serif;
	margin: 2px 0 0;
	font-size: 1em;
	line-height: 1em;
	color: #666;
}
#nav {
	float: right;
	text-transform: uppercase;
	color: #999;
	padding: 30px 0 0;
	font-size: 1em;
	line-height: 1em;
	margin: 0 -10px 0 0;
}
#nav li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	border-right: 1px solid #ccc;
}
#nav a {
	color: #666;
	margin: 0 0 0 -3px;
}
#nav a:hover,
#nav a:focus {
	color: #0a7a84;
	border-bottom: 1px dotted #3c878e;
}
div.nav_prev {
	float: left;
	width: 30px;
	height: 27px;
	margin: 185px 0 0;
	background: transparent url(images/fleches.gif) no-repeat left 0px;
}
div.nav_next {
	float: left;
	width: 30px;
	height: 27px;
	margin: 185px 0 0;
	background: transparent url(images/fleches.gif) no-repeat right -90px;
}
div.nav_prev a {
	width: 16px;
	height: 27px;
	background: transparent url(images/fleches.gif) no-repeat left -30px;
	float: left;
}
div.nav_next a {
	width: 16px;
	height: 27px;
	background: transparent url(images/fleches.gif) no-repeat right -120px;
	float: right;
}
div.nav_prev span,
div.nav_next span {
	text-indent: -2000px;
}
div.nav_prev a:hover {
	background-position: right -60px;
}
div.nav_next a:hover {
	background-position: right -150px;
}
div.nav_prev a span,
div.nav_next a span {
	display: none;
}
#content {
	width: 970px;
	margin: 20px 0;
	overflow: hidden;
}
div.post {
	width:910px;
	float: left;
	overflow: hidden;
	margin: 0 0 20px;
}
.page div.post {
	margin: 0 auto 20px;
	float: none;
}
/*.page div.entry {
	width: 810px;
	padding: 0 50px;
	text-align: justify;
}*/
div.entry {
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px;
	/*height: 400px;*/
	padding: 0 0 5px;
	overflow: hidden;
}
div.entry img {
	margin: 0 5px 0 0;
}
div.entry img:last-child {
	margin: 0;
}
div.post h2 {
	font-size: 1.5em;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	font-style: italic;
	display: inline;
	margin: 0 5px 0 0;
	color: #0A7A84;
}
p.postmetadata {
	font-family: "Century Gothic", Helvetica, Arial, Verdana, sans-serif;
	font-size: 0.9em;
	color: #666;
	display: inline;
}
div.clearfooter {
	clear: both;
	height: 80px;
}
#footer {
	width: 910px;
	margin: 30px auto 0;
	font-size: 0.8em;
	height: 50px;
}
/*----- Commentaires -----*/
div#comments-container {
	width:910px;
	margin: 0 auto;
	clear: both;
	margin-top:20px;
}
div#comments,
div#respond {width: 455px;}
div#comments {margin-bottom: 40px;}
#comments ol,
#comments ul {
	list-style-type: none;
}
#comments ol {
	font-size: 0.9em;
}
#comments ul.children {
	padding-left: 1em;
}
#comments li.depth-1 {
	margin-bottom: 25px;
}
/*#comments ol {margin:0;}*/
#comments h3,
#respond h3 {
	font-family: "Century Gothic", Helvetica, Arial, Verdana, sans-serif;
	color:#666;
}
#comments .comment-body {
	margin: 0 0 15px;
}
#comments ul.children .comment-body:last-child {

}
#comments cite {
	font-style: normal;
	font-weight: bold;
	color: #0A7A84;
	/*margin-right: 5px;*/
}
#comments cite a {
	border-bottom: 1px dotted #3c878e;
}
#comments cite a:hover {
	text-decoration: none;
	color: #004c52;
}
#comments .comment-author {
	display: inline;
	color: #666;
}
#comments .commentmetadata {
	display: inline;
	font-size: 0.9em;
	margin-left: 5px;
	color: #666;
}
#comments .commentmetadata a {
	color: #666;
}
#comments .commentmetadata a.date {
	margin-left: 5px;
}
#comments li {
	overflow: hidden;
}
#comments li.odd {
	
}
#comments ol p {
	margin: 0.5em 0;
}
#comments div.reply {
	display: inline;
	font-size: 0.9em;
	color: #666;
}
#respond textarea {
	height: 150px;
	font-family: "Lucida Grande", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
#respond label {
	margin-left: 5px;
	color: #666;
}
#comments li.depth-1 #respond {
	margin: 1.5em;
}
#comments li.depth-1 #respond textarea {
	height: 50px;
}
#respond input {
	width: 40%;
}
#respond form p {
	margin-bottom: 5px;
}
.cancel-comment-reply {
	margin: -10px 0 0;
}
.required {
	color:#0A7A84;
}

/*----- Styles des pages -----*/

strong.name {color: #0A7A84;}
div.tiers {width: 290px;}
div.first {margin-right: 20px;} 
div.tiers {text-align: justify;}
div.tiers ul {margin-top:20px;}

/*----- Page liens -----*/

ul.liens {
	list-style-type: none;
	margin:0;
}
ul.liens li.linkcat {
	width: 290px;
}
li#linkcat-5 {
	float: left;
	margin-right: 20px;
}
li#linkcat-3 {float: left;}
li#linkcat-4 {float: right;}

ul.blogroll {
	margin-top: 0.5em;
	margin-bottom: 1.5em;
}
ul.liens h2 {
	/*border-bottom: 1px dotted #3c878e;*/
	color: #666;
	font-family: "Lucida Grande","Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size: 1em;
	font-style: normal;
	text-transform: uppercase;
}