/*
Theme Name: Photo Nature Fr
Theme URI: http://www.feub.net/
Description: Le thème Photo nature de Fabien Amann.
Version: 1.3
Author: Fabien Amann
Author URI: http://www.feub.net/
Tags: custom 

photonature v1.4
http://www.feub.net/

This theme was designed and built by Fabien Amann.

The CSS, XHTML and design are copyrighted.

Vert
Très foncé		: 557401
Foncé 				: 90c501
Moyen					: 9ed40a
Clair	flashy	: ace414
Clair sâle		: dbf0b7
Clair					: e0fb96

Anthracite
Très foncé 		: 1b3849
Foncé					: 4f7388
Moyen					: 90abbb
Clair					: cfe1ed
*/

*,html,body {
	margin:0;
	padding:0;
	}
	
body {
	color:#000;
	background:#fff;
	font:12px arial, verdana;
}

h1, h2, h3 {
	letter-spacing: 0.09em;
}

p {
	margin-bottom:12px;
}

ol,ul {
	list-style:none;
}

blockquote {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:15px 25px;
}

img {
	border:0;
}

a,a:hover {
	text-decoration:none;
  color:#333;
}

a,a:hover,img {
	border:none;
	text-decoration:none;
	outline:none;
}

/*
	Custom tags		***/

.clearboth {
	clear:both;
}

.floatleft {
	float:left;
}
	
.floatright {
	float:right;
}
	
.ico-float-left {
	float:left;
	margin:0 10px 5px 0;
	border:none;
}

.ico-float-right {
	float:right;
	margin:0 0 5px 10px;
	border:none;
}

.tbl-ico-float {
	border-bottom:1px solid #999;
	margin-bottom:10px;
	padding-bottom:.5em;
}
.tbl-ico-float img {
	float:left;
	margin:0 10px 5px 0;
	border:none;
}
.tbl-ico-float div {
	margin-left:50px;
}
	
.bold {
	font-weight:bold;
}
	
.italic {
	font-style:italic;
}

.flickr_blue_color {
	color:#0063dc;
	display:inline;
	font-weight:bold;
}

.flickr_pink_color {
	color:#ff0084;
	display:inline;
	font-weight:bold;
}

#eXTReMe {
	display:none;
}

/*
	#header		***/

#header {
	width:100%;
  color:#333;
}

#header-centerer {
	width:980px;
  margin:0 auto;
	text-align:left;
}

/*
	#navbar		***/

#navbar {
	font-size:11px;
  line-height:normal;
  color:#333;
}

#navbar li {
	margin:0 0 0 10px;
	display:inline;
}

#navbar a {
	float:left;
  background:url(images/tableft.png) no-repeat left top;
  padding:0 0 0 16px;
	text-decoration:none;
}
	
#navbar a span {
	float:left;
  display:block;
  background:url(images/tabright.png) no-repeat right top;
  padding:2px 32px 5px 15px;
  color:#fff;
	font-weight:bold;
}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navbar a span {float:none;}
/* End IE5-Mac hack */

#navbar a:hover span {
	color:#000;
  }
	
#navbar a:hover {
	background-position:0% -22px;
  }
	
#navbar a:hover span {
	background-position:100% -22px;
  }
	
#navbar #flickr a span .flickr_blue_color,
#navbar #flickr a span .flickr_pink_color {
	display:inline;
}

/*
	#sitetitle		***/
	
#header #header-centerer #sitetitle h1 a {
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#333;
	letter-spacing:0.1em;
	text-align:left;
	text-indent:-9000px;
	width:483px;
	height:109px;
  margin:10px 0 0 0;
	background:url(images/logo.png) top left no-repeat;
}

/*
	#searchform		***/

#search_form {
	float:right;
	width:320px;
	text-align:right;
	margin:5px 0 0 0;
	font-size:11px;
  color:#333;
}

#search_form label {
	font-weight:bold;
  color:#333;
  display:inline;
}

#searchsubmit {
	display:none;
}

#s {
	background-color:f1f1f1;
	border:1px solid #ccc;
	font-size:11px;
	padding:2px;
  width:200px;
}

#icon_feed a {
	float:right;
	display:block;
	width:64px;
	height:64px;
  margin:10px 0 0 15px;
	background:url(images/icon_feed.png) top left no-repeat;
	text-indent:-9000px;
}

#icon_twitter a {
	float:right;
	display:block;
	width:64px;
	height:64px;
  margin:10px 0 0 15px;
	background:url(images/icon_twitter.png) top left no-repeat;
	text-indent:-9000px;
}

#icon_facebook a {
	float:right;
	display:block;
	width:64px;
	height:64px;
  margin:10px 0 0 15px;
	background:url(images/icon_facebook.png) top left no-repeat;
	text-indent:-9000px;
}

#icon_photos a {
	float:right;
	display:block;
	width:64px;
	height:64px;
  margin:10px 0 0 15px;
	background:url(images/icon_photos.png) top left no-repeat;
	text-indent:-9000px;
}

/*
	#wrapper		***/
	
#wrapper {
	width:980px;
	margin:0 auto 30px auto;
}

/*
	#content		***/

#content {
	float:left;
	width:700px;
	margin:0 10px 0 0;
	padding:15px 0 0 0;
}

#content a {
	font-weight:bold;
}

#content .headtitle {
	margin:0 0 20px 0;
  }

/* Pagination *****************/

.paginate {
	margin:0 0 10px 0;
}

.paginate,
.paginate a {
	font-size:11px;
	color:#90abbb;
}

.paginate .alignleft {
	float:left;
}

.paginate .alignright {
	float:right;
}

/*
	#blog
	***********************/

#blog .entry {
	border-bottom:1px solid #2682b2;
	margin:0 0 15px 0;
}

#blog .entry .date {
	float:left;
	width:70px;
	font-size:18px;
	text-align:center;
  margin-top:-11px;
}

#blog .entry .date a {
	font-size:66px;
	font-weight:bold;
	color:#4f7388;
}

#blog .entry .date a:hover {
	color:#90c501;
}

#blog .entry h2 {
	font-weight:bold;
	font-size:18px;
	color:#4f7388;
	border-bottom:10px solid #cfe1ed;
	margin:0 0 3px 80px;
	padding:0 0 5px 0;
}

#blog .entry h2 a {
	color:#4f7388;
}

#blog .entry h2 a:hover {
	color:#90c501;
}

#blog .entry h3 {
	margin:0 0 10px 80px;
	color:#cfe1ed;
	font-size:14px;
	font-weight:bold;
}

#blog .entry .body {
	margin:0 0 15px 80px;
}

#blog .entry hr {
	border:none;
	border-bottom:1px solid #2682b2;
	margin:0 0 13px 0;
}

#blog .entry .body a {
	border-bottom:1px dotted #258dc8;
}

#blog .entry .body h4 {
	font-size:14px;
	font-weight:bold;
	color:#90abbb;
	border-bottom:1px solid #90abbb;
	margin:15px 0;
	padding:2px 0 0 0;
}

#blog .entry .body p {
	line-height:1.5em;
	}

#blog .entry .body ul,
#blog .entry .body ol {
	margin:0 0 15px 0;
	}

#blog .entry .body li {
	list-style:square;
  margin:0 0 0 15px;
	}
  
#blog .entry .body .image {
	color:#90abbb;
	font-size:11px;
	margin:0 0 1em 0;
	}
	#blog .entry .body .image span {
		padding:5px 0 0 0;
		display:block;
		}
	#blog .entry .body .image a {
		text-decoration:none;
		border:none;
    font-weight:normal;
    font-size:11px;
    color:#90abbb;
		}

#blog .entry .related-links {
	border:1px dotted #ccc;
  padding:4px;
	}
  #blog .entry .related-links h4 {
  	font-size:14px;
    }

#blog .entry .body .div-center {
	text-align:center;
	margin:0 0 1.5em 0;
	padding:1em;
	border:1px solid #e5e5e5;
	}

#blog .entry .body .btn-freeware {
	margin-bottom:-2px;
}

#blog .entry .body code {
	font-family:"Courier New", Courier, monospace;
	color:#666;
	}

#blog .entry .body pre {
	margin:1em 0;
	padding:.5em;
	font-family:Verdana, Arial,"Courier New", Courier, monospace;
  font-size:11px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color:#333;
	color:#FFF;
	}
	
#blog .entry .body pre.bash {
	background-color:#e5e5e5;
}

#blog .entry .body .ico16 {
	margin-bottom:-3px;
}

#blog .entry .body .tabular {
	width:100%;
	border:none;
	background-color:#666;
}

#blog .entry .body .tabular tbody td {
	background-color:#fff;
	padding:2px;
	border-bottom:1px solid #666;
}

#blog .entry .body .tabular thead th {
	background-color:#e5e5e5;
	padding:2px;
	text-align:left;
	font-weight:bold;
}

#blog .entry .posted {
	font:10px lucida grande, verdana, arial, helvetica, sans-serif;
	color:#333;
	margin:10px 0;
	text-transform:uppercase;
	text-align:right;
}

#blog .entry .posted li {
	display:inline;
	font-size:11px;
	font-weight:bold;
	padding:2px 3px;
}

#blog .entry .posted li a {
	color:#fff;
}

#blog .entry .posted li a:hover {
	color:#333;
}

#blog .entry .posted li.comments {
	background-color:#557401;
	color:#fff;
}

#blog .entry .posted li.cats {
	background-color:#557401;
	color:#fff;
	margin:0 3px 0 0;
}

#blog .entry .tags {
	text-align:right;
	color:#999;
	font-size:11px;
	margin:5px 0 5px 0;
}

#blog .entry .tags a {
	color:#999;
	font-style:normal;
}

/* .real-list */

#blog .entry .body .real-list {
	list-style:square;
	margin:0 0 0 15px;
}

#blog .entry .body .real-list li {
	list-style:square;
  margin:0 0 2px 0;
}

#blog .entry .body .real-list ul {
	margin:0 0 10px 15px;
	list-style:circle;
}

#blog .entry .body .real-list ul li {
	list-style:circle;
  margin:0 0 2px 0;
}

#blog .entry .continuereading {
	float:left;
	font: 10px lucida grande, verdana, arial, helvetica, sans-serif;
	color: #666;
	text-transform:uppercase;
	text-align:left;
  margin:3px 0 0 80px;
}

#blog .entry .continuereading li {
	display:inline;
	font-size:11px;
	font-weight:bold;
	padding:2px 3px;
	background-color:#2682b2;
	color:#e5e5e5;
}

#blog .entry .continuereading li a {
	color:#fff;
}

#blog .entry .continuereading li a:hover {
	color:#000;
}

/*
	.speech *******/

#blog .speech {
	border-bottom:1px solid #90abbb;
	margin:0 0 15px 0;
}

#blog .speech h2 {
	font-weight:bold;
	font-size:18px;
	color:#1b3849;
	border-bottom:10px solid #90abbb;
	padding:0 0 5px 0;
	margin:0 0 1px 0;
}

#blog .speech .body {
	background-color:#cfe1ed; /*cfe1ed*/
	padding:5px 5px 2px 5px;
}

#blog .speech p {
	line-height:1.5em;
}

/*
	.itw *******/

.itw_intro {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#1b3849;
	text-align:justify;
}

.itw_q {
	font-weight:bold;
	font-style:italic;
	color:#557401;
	margin-bottom:0;
	text-align:justify;
}

.itw_r {
	text-align:justify;
}

#blog .entry .body .itw_photo_r a,
#blog .entry .body .itw_photo_l a,
#blog .entry .body .itw_photo_double a {
	border:none;
}

#blog .entry .body .itw_photo_r img,
#blog .entry .body .itw_photo_l img,
#blog .entry .body .itw_photo_double img {
	padding:10px;
	border:1px solid #cfe1ed;
	background-color:#cfe1ed;
}

#blog .entry .body .itw_photo_r img {
	margin:0 0 10px 10px;
}

#blog .entry .body .itw_photo_l img {
	margin:0 10px 10px 0;
}

#blog .entry .body .itw_photo_l {
	float:left;
}

#blog .entry .body .itw_photo_r {
	float:right;
}

#blog .entry .body blockquote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	color:#4f7388;
	width:250px;
}

#blog .entry .body .itw_photo_double {
	margin:20px 0;
	width:100%;
	text-align:center;
}

#blog .entry .body .itw_photo_double li {
	text-align:center;
	display:inline;
}

#blog .entry .body .itw_photo_double a img {
	display:inline;
	text-align:center;
	margin:0;
}

/*
	Comments		***/

#blog h2.h2comments {
	font-weight:bold;
	font-size:14px;
  text-transform:uppercase;
	color:#333;
	margin:0 0 1px 0;
	padding:4px;
	background-color:#9ed40a;
}

#blog .round_comm_bottom {
	height:20px;
	background-color:#9ed40a;
	margin:1px 0 5px 0;
}

#blog h2.h2comments_dark {
	font-weight:bold;
	font-size:14px;
  text-transform:uppercase;
	color:#fff;
	margin:0 0 1px 0;
	padding:4px;
	background-color:#90abbb;
}

#blog .round_comm_bottom_dark {
	height:20px;
	background-color:#cfe1ed;
	margin:1px 0 5px 0;
}

#blog .comment {
	background-color:#dbf0b7;
	margin-bottom:1px;
	padding:5px 0 5px 0;
  color:#4f7388;
}

#blog .comment-author-admin {
	background-color:#cfe1ed;
}

#blog .comment .comment-author {
	font-weight:bold;
	color:#000;
}

#blog .comment .comment-author .avatar {
	float:left;
	display: block;
	margin:0 5px;
}

#blog .comment .comment-body {
	margin:10px 0 0 60px;
	line-height:1.4em;
}

#blog .commentpaginate,
#blog .commentpaginate a {
	font-size:11px;
	margin:15px 0;
}

/* .commentform */

#blog .nosms {
	margin:0 0 10px 0;
  color:#cfe1ed;
}

#blog .commentform {
	background-color:#4f7388;
  padding:4px;
  color:#fff;
}

#blog .commentform label {
	float:left;
	width:120px;
	font-weight:bold;
}

#blog .commentform .inputfield {
	width:300px;
	border:none;
	background-color:#cfe1ed;
	padding:4px;
}

#blog .commentform .tafield {
	border:none;
	background-color:#cfe1ed;
  padding:4px;
	width:681px;
}

#blog .commentform .commentcheckboxes {
	float:right;
}

#blog .commentnav {
	margin:15px 0;
	text-align:center;
	width:100%;
}

#blog .commentnav a.prev {
	display:inline;
}

#blog .commentnav a.previous {
	float:left;
}

#blog .commentnav li.next {
	float:right;
}

/*
	#archives		*******************************************/

#archives h2 {
	font-weight:bold;
	font-size:16px;
	color:#333;
	border-bottom:1px solid #cfe1ed;
	padding:0 0 5px 0;
}

#archives h3 {
	font-size:14px;
	font-weight:bold;
	color:#333;
  border-bottom:1px solid #cfe1ed;
  margin-left:70px;
  padding:4px 0;
}

#archives .archives {
	margin:7px 0 15px 110px;
  padding:0;
}

#archives .archives li a {
	font-weight:bold;
  padding:0;
}

/*
	#static		*******************************************/

#static a {
	font-weight:bold;
}

#static p {
	line-height:1.5em;
}

#static h2 {
	font-weight:bold;
	font-size:18px;
	color:#4f7388;
	border-bottom:1px solid #4f7388;
	margin:0 0 15px 0;
	padding:0 0 5px 0;
}

#static h3,
#static p strong {
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#333;
  border-bottom:1px solid #cfe1ed;
  padding:4px 0;
  margin:0 0 5px 0;
}

#static ul li a img {
	display:inline-block;
	padding:5px;
	margin:0 4px 0 0;
	background-color:#cfe1ed;
	border:1px solid #90abbb;
}

/*
	#sidebar *******************************************/
	
#sidebar {
	float:right;
	width:240px;
	color:#333;
}

#sidebar p {
	font-size:11px;
  text-align:justify;
  }
  
#sidebar img {
	margin-bottom:-4px;
  }

#sidebar h2 {
	background-color:#90abbb;
  color:#333;
  font:12px Arial, Helvetica, sans-serif;
  font-weight:bold;
  padding:4px;
  margin:0 0 1px 0;
  text-transform:uppercase;
}

#sidebar h2 .tog-btn {
	text-indent:-9000px;
	float:right;
  width:15px;
  height:16px;
  background:url(images/tog_btn.png) top left no-repeat;
  cursor:pointer;
  }
  
#sidebar h2 .tog-btn:hover {
  background:url(/werk/template_files/photonature/tog_btn_over.png) top left no-repeat;
  }

#sidebar .sb_block {
	margin:0 0 15px 0;
}

/* .form *******************/

#sidebar div.form {
	background-color:#cfe1ed;
  padding:5px 4px;
  margin:0 0 1px 0;
 	}

#sidebar div.form .selectfield {
	width:100%;
	font-size:11px;
	margin:0 0 5px 0;
	padding:4px;
}

#sidebar div.form .selectfield option {
	padding:0 0 1px 3px;
}

/* li *******************/

#sidebar ul {
	margin:0 0 15px 0;
}

#sidebar ul li {
  background-color:#cfe1ed;
  color:#333;
	margin:0 0 1px 0;
	padding:4px;
	font-size:11px;
}

#sidebar ul li a {
	font-size:11px;
	color:#333;
  
}

#sidebar ul li p {
	font-size:11px;
	color:#333;
}

#sidebar .tog-pioupiou li a,
#sidebar .get_recent_comments li a {
	xdisplay:block;
	font-weight:bold;
	font-size:11px;
}

/* flickr badge ***************/

#tog-flickr .flickr_imgs {
	text-align:center;
}
#tog-flickr .flickr_imgs a {
	display:inline-block;
	width:106px;
	height:77px;
	margin:1px 3px 3px 0;
	text-align:center;
}
#tog-flickr .flickr_imgs a img {
	margin-top:5px;
}

/*
	#footer		***/

#footer {
	position:fixed;
  bottom:0;
  left:0;
	width:100%;
	border-top: 1px solid #000;
	font-size:10px;
  background:url(images/bg-footer.png) top left repeat-x;
  color:#ccc;
}

#footer a {
	color:#999;
  font-weight:bold;
}

#footer-centerer {
	width:900px;
	margin:0 auto 0 auto;
	padding:3px 0 0 0;
}

#footer .minifooterbar {
	float:right;
  padding:2px 2px 0 0;
}