/*  
Theme Name: wpBurn Blue
Theme URI: http://wpburn.com/wordpress-themes/wpburn-blue-theme
Description: Clean web 2.0 wordpress theme developed by wpburn.Valid XHTML, tested in IE6+, Firefox, Safari, Chrome. Traduction française par <a href="http://wordpress-tuto.fr">WordPress tuto</a>.
Version: 1.2
Author:wpBurn
Author URI: http://wpburn.com
Tags: blue, black, white, two-columns, fixed-width, right-sidebar, theme-options

*/

* {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}


body {
	background: url(images/bg.jpg) repeat-x left top;
	text-align: center;
	font-family: Arial, "sans serif";
	background-color:#30444d;
}

#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 900px; /*900*/
	background:url(images/header_bg.png) no-repeat;
}


h1{font-weight:normal;font-size:300%;letter-spacing:-.04em;line-height:100%;}
h2{font-weight:normal;font-size:220%;letter-spacing:-.04em;line-height:110%;margin:.7em 0 .2em;}
h3{font-size:180%;font-weight:normal;letter-spacing:-.04em;line-height:110%;margin:.7em 0 .2em;text-shadow:#fff 1px 1px 1px;}
h4{font-size:150%;font-weight:bold;margin:.7em 0 .2em;text-decoration:underline}
h5{font-family:Arial,"Sans Serif";font-size:150%;font-weight:bold;margin:.5em 0 .2em;letter-spacing:-.02em;}
h6{font-size:125%;font-weight:normal;text-transform:uppercase;margin:.5em 0 .2em;}

table{margin:5px;}
table td,table th{text-align:left;border-right:1px solid #fff;padding:5px;}
table th{background-color:#9999CC;color:#fff;text-transform:uppercase;font-weight:bold;border: 2px #CCC;}
table td{background-color:#eee;border: 2px #CCC;}
table th a{color:#d6f325;}
table th a:hover{color:#fff;}
table tr.even td{background-color:#ddd;}
table tr:hover td{background-color:#fff;}

table.nostyle td,table.nostyle th,table.nostyle tr.even td,table.nostyle tr:hover td{border:0;background:none;background-color:transparent;}

em {font-weight:bold; color:#B00000;}


blockquote {
	border: 1px dotted #CCC;
	padding:10px 10px 10px 20px;
	margin:10px 0;
	background:url(images/blockquote.png) no-repeat;
	background-color: #EEE ; /* fixe la couleur du fond de la citation */
}

em blockquote{font-weight:bold; color:#000000;}

/* @group img */
div.image {
width:480px;
padding:30px;
border:5px solid gray;
margin:10px;
}

div.imagesans {
width:480px;
padding:35px;
margin:10px;
}
/* @group Header */

#header {
	height: 257px; /* Hauteur du bandeau */
	position: relative;
	margin-bottom: 20px; /* marge en dessous du bandeau*/
}

#header h1 {
	padding-top: 70px; /*Placement du titre du blog depuis le haut de la page 35*/
	padding-left: 385px; /*Placement du titre à partir de la gauche 100*/ 
	width: 700px;/* largeur du titre du blog */
	color: #B00000; /* couleur du titre */
	font-family: "A Yummy Apology", serif;
}

#header h1 a {
	color: #B00000; /*Couleur du lien dans le header */
	text-decoration: none;
	font-size: 70px; /* taille du texte du lien dans le header */
}

#header h1 a:hover {
color: #B00000;
}

#header .blog_description{	/* Propriété du slogan du site */
	padding-top: 100px;
	padding-left: 500px;
	font-weight: bold;
	font-size: 20px;
	color:#00CCCC; /*#DDDDDD à l'origine*/
}



/* @end(header) */




/* @group Content */

#main {
	float: left;
	width: 626px;
	margin-bottom: 20px;
}


/* @group Navigation */

#navigation {
	width: 626px;
	height: 42px;
	background: url(images/nav-bg.gif) no-repeat left top;
	list-style: none;
}

#navigation li {
	float: left;
	background: url(images/nav-divider.gif) no-repeat right top;
}


#navigation li a {
	padding: 0 15px;
	line-height: 42px;
	height: 42px;
	font-size: 12px;
	display: block;
	float:left;
	color: #EEE;
	text-decoration:none;
}



#navigation li a:hover {
	background: url(images/nav-bg-hover.gif) repeat-x left top;
	text-decoration:none;
	color:#FFF;
}

#navigation li .whtup  a {
	padding: 0 15px;
	line-height: 42px;
	height: 42px;
	font-size: 14px;
	display: block;
	float:left;
	color: #B00000;
	text-decoration:none;
	font-weight:bold;
}


#navigation li.current_page_item a {
	background: url(images/nav-bg-hover.gif) repeat-x left top;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

#navigation li.current_page_item:first-child a {
	background: url(images/nav-bg-hover-left.gif) no-repeat left top;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

#navigation li:first-child a:hover {
	background: url(images/nav-bg-hover-left.gif) no-repeat left top;
}

/* @end(navigation) */



#content {
	padding: 8px;
	background: #86A0AA url(images/content-bg.png) no-repeat left bottom;
}

#single-content {
	padding: 8px;
	background: #86A0AA url(images/single-content-bg.png) no-repeat left bottom;
}

/* @group Post */

.post {
	background-color: #fff;
	padding: 20px;
	font-size: 12px;
	position: relative;
}

.post .post-date {
	position: absolute;
	left: -44px;
	width: 44px;
	height: 83px;
	background: url(images/date-tab.png) no-repeat left top;
	color: #fff;
	font-size: 15px;
}

.post-date .date-day {
	display: block;
	padding: 5px 0 2px;
	text-align: center;
	font-weight: bold;
}

.post-date .date-month {
	text-align: center;
	display: block;
	text-transform: uppercase;
}

.post h2 {
	color: #506874;
	font: bold 24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 4px;
}

.post h2 a:link, .post h2 a:visited, .post h2 a:active {
	color: #506874;
	text-decoration: none;
}

.post h2 a:hover {
	border-bottom: 1px dotted #86A0AA;
	color: #86A0AA;
}

.post .metadata {
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #878787;
	padding-bottom: 10px;
	border-bottom: 1px solid #dfdfdf;
}

.post .metadata a {
	color: #878787;
	text-decoration: none;
}

.post .metadata .feedback a {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

.post .entry {
	padding-top: 10px;
	line-height: 1.5;
}

.post .entry a {
	color: #506874;
	text-decoration: none;
	padding: 2px;
}

.post .entry a:hover {
	color: #86A0AA;
}

.post .entry p, .post .entry ul, .post .entry ol {
	padding-bottom: 10px;
}


.post .entry ol, .post .entry ul {
padding-left:10px;
}


pre{overflow:auto;white-space:pre-wrap;/* <- css3 */white-space:0;/* <- ff */font-size:12px;font-family:"Courier New", Courier, "Lucida Console", Monaco, "DejaVu Sans Mono", "Nimbus Mono L", "Bitstream Vera Sans Mono";background-color:#fff;padding:.4em;margin:1em 0;}
pre{width:80%;overflow:auto;border:1px solid #ddd;background-color:#fff;padding:.8em;margin:1em 0;}

/* @end(post) */




/* @group page-navigation */

.wp-pagenavi, .prev-next {
	background-color: #fff;
	padding: 10px 20px 20px;
	font-size: 13px;
}

.wp-pagenavi {
	text-align: right;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	border: 1px solid #717171 !important;
	color: #717171 !important;	
}

.wp-pagenavi a:hover {	
	border: 1px solid #717171 !important;
	color: #ffffff !important;
	background-color: #717171 !important;
}

.wp-pagenavi span.pages {
	color: #717171 !important;
	border: 1px solid #717171 !important;
}

.wp-pagenavi span.current {
	border: 1px solid #717171 !important;
	color: #FFFFFF !important;
	background-color: #717171 !important;
}

.prev-next .alignright {
	float: right;
	width: 300px;
	text-align: right;
}

.prev-next .alignleft {
	float: left;
	width: 300px;
}

.prev-next a {
	color: #717171;
}

/* @end */




/* @end(content) */



/* @group Sidebar */

#sidebar {
	width: 241px; /* largeur de la barre de navigation */
	float: right;
}

#sidebar .side-widget {
	margin: 0;
	padding:10px 0;
}

#sidebar .side-widget_bg{
	background: url(images/side-bg-bottom.png) no-repeat left bottom;
	font-size: 12px;
	line-height: 1.3;
	padding: 10px 15px;
}
#sidebar .side-rss {
	background: none;
	padding: 0;
}

.side-rss p {
	padding: 0 !important;
}

.side-widget h3 {
	background: url(images/side-bg-top.png) no-repeat left top;
	height: 28px;
	font-size: 15px;
	color: #252525;
	padding: 10px 15px;
	margin: 0;
}

.side-widget p{
	padding: 10px 15px 15px 20px;
}

.side-widget p, .side-widget ul, .side-widget ol {
	line-height: 1.3;
}

.side-widget ul, .side-widget ol {
	list-style-position: inside;
}

.side-widget a {
	color: #B00000;/*30444D*/
	text-decoration: none;
}

.side-widget ul li, .side-widget ol li {
	padding: 8px 0;
	border-top: 1px solid #dfdfdf
}

.side-widget ul li:first-child, .side-widget ol li:first-child {
	padding: 0 0 8px;
	border-top: none;
}

/* @end(sidebar) */

/* @begin (search-bar) */

#search .search-bar {
	width: 130px; /* largeur de la barre de recherche */
	height: 15px; /* hauteur de la barre de recherche*/
	background: url(images/search.png) no-repeat left top;
	position: absolute;
	bottom: 0px;
	right: 0px;

}

.search-bar p {
	padding: 13px 5px 4px 15px;

}

.search-bar p input {
	height: 60px; /*25*/
	width: 140px; /*290*/
	font-size: 12px;/*18*/
	font-family: inherit;
	border: none;
	background-color:transparent;
	color:#000; /* Couleur de la police dans le rechercher */

}

.search-bar p button {
	margin-left: 5px;
	margin-top:-5px;
	width: 35px;
	height: 35px;
	border: none;
	background-color:transparent;

}

.search-bar p button img {
	vertical-align: middle;
}

/* @end(search-bar) */


/* @group Comments */

.comments-show {
	padding: 20px;
}

h3#comments, h3#respond {
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #2a3a0e;
	padding-bottom: 10px;
}

ol.commentlist {
	list-style: none;
}

ol.commentlist li {
	background-color:#EEE;
	border:1px solid #666;
	margin-bottom: 30px;
}

ol.commentlist li .comment-gravatar {
	float: left;
	width: 44px;
	text-align: center;
	padding-top: 10px;
	margin:1px 0 1px 1px;
	background-color:#FFF;
	background: url(images/comment-bg.png) repeat-x;
}

ol.commentlist li .comment-body {
	float: right;
	padding-top: 10px;
	padding-left:5px;
	width: 505px;
	padding-right: 10px;
	margin:1px 1px 1px 0;
	background-color:#FFF;
	background: url(images/comment-bg.png) repeat-x;
}

ol.commentlist li .comment-body .comment-head {
	color: #7c7e5c;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 10px;
}

ol.commentlist li .comment-body .comment-head a {
	color: #7c7e5c;
}

ol.commentlist li .comment-body .comment-text  {
	color: #464734;
	font-size: 13px;
	line-height: 1.4;
}

ol.commentlist li .comment-body .comment-text p, ol.commentlist li .comment-body .comment-text ul, ol.commentlist li .comment-body .comment-text ol {
	padding-bottom: 15px;
}

ol.commentlist li .comment-body .comment-text a {
	color: #464734;
	font-weight: bold;
}

ol.commentlist li .comment-body .comment-text a:hover {
	text-decoration: none;
}

.comment-form {
	
}

.comment-form p {
	padding-bottom: 15px;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.comment-form p input, .comment-form p textarea {
	color: #1a1a1a;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.comment-form p input {
	height: 18px;
	padding: 2px;
}

.comment-form p textarea {
	padding: 2px;
	width: 550px;
}

/* @end(comments) */



/* @group Clearer */

#footer {
	clear: both;
}

#navigation:after, .prev-next:after, #footer:after, ol.commentlist li:after {
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
	clear: both;
}

#navigation, .prev-next, #footer, ol.commentlist li {
	min-height: 0;
}

* html #navigation, * html .prev-next, * html #footer, * html ol.commentlist li {
	height: 1%;
}

/* @end(clearer) */

/* @group Footer */


#footer {
	color: #fff;
	font-size: 12px;
	padding: 20px 0;
}

#footer a {
	text-decoration: none;
	color: #ffffff;
}


.copy-note {
	float: left;
	width: 600px;
	color:#CCC;
}


.copy-note a:link, .copy-note a:visited, .copy-note a:active{
color:#EEE !important;
}
.copy-note a:hover{
color:#FFF !important;
}

/* @end(footer) */


.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   margin-left:5px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}