/*
Theme Name: 9h21
Theme URI: http://9h21.net/
Description: Wake up theme
Version: 1.0
Author: Samuel Le Morvan
Author URI: http://www.babylon-design.com/
*/

 
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 

/* Reset */
html, body,
h1, h2, h3, h4, h5, h6,
div, span,
p, blockquote, cite, q, pre,
dl, dt, dd,
ol, ul, li,
abbr, acronym,
font, big, small, strike, s, strong, ins, del, em,
samp, kbd, dfn, code, tt, var, address,
a,
img,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
applet, object, iframe {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

:focus {
	outline:.1em dotted #999;
}


/* Mise en forme g�n�rale */
body {
	font:.75em/1.5 Georgia, "Times New Roman", Times, serif;
	color:#999; 	
	text-align:justify;
	background:#0D0C07;
}

a:link	 	{color:#BBB;text-decoration:underline;}
a:visited 	{color:#BBB;text-decoration:underline;}
a:focus,
a:hover 	{color:#FFF;text-decoration:underline;}
a:active 	{color:#BA9;text-decoration:underline;}
/*a[href^='http://']:visited */


h1, h2, h3, h4, h5, h6 {
	margin:1.5em 0 0;
	color:#FFF;
	font-weight:normal;
	line-height:1.2;
}
h1 {font-size:2em;}	
h2 {font-size:1.7em;}
h3 {font-size:1.6em;}
h4 {font-size:1.5em;}
h5 {font-size:1.4em;}
h6 {font-size:1.3em;}


strong {font-weight:bold;}
em {font-style:italic;}
ol, ul {list-style:none;}
table {
	border-collapse:separate;
	border-spacing:0; /* tables still need 'cellspacing="0"' in the markup */
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
abbr, acronym {
  	cursor: help;
  	border-bottom:.1em dotted #666;
}
pre, code, var {
	font-family:Courier, monospace;
}
kbd {
	padding:1px;
	color:#000;
	font-family:Courier, monospace;
	border:1px solid #EEE;
	border-top-color:#FAFAFA;
	border-left-color:#FAFAFA;
	border-right-color:#838383;
	border-bottom-color:#838383;
	background:#EEE;
}

/*
blockquote:before,
cite:before,
blockquote:after,
cite:after {content:"";}
q:before {content:'"';}
q:after {content:'"';}
blockquote, cite{quotes:"" "";}
q {quotes:'"' '"';}
*/

input, select, textarea, button {
	border:.1em inset #1F1B17;
	background:#12120d;
	color:#CCC;
	padding:.1em;
	font:.9em/1.2 Georgia, "Times New Roman", Times, serif;
}
textarea {
}
input.button, button {
	padding:0;
	color:#CCC;
	border:.1em outset #1F1B17;
	background:#1F1B17;
	cursor:pointer;
}
* html input.button, * html button {
	width:1%;
	overflow:visible;
}

/* Utiles */
.clear:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}
* html .clear {height:1%;}
*:first-child+html .clear{min-height:1%;}

.none {
	position:absolute;
	left:-9999px;
}


/* Gabarit */
#site {
	position:relative;
	z-index:10;
	min-height:328px;
	_height:328px;
	background:transparent url(images/photo.jpg) center top no-repeat;
}
#wrap {
	position:relative;
	width:575px;
	margin:0 auto;
}

/* Header */
#fond {
	position:absolute;
	top:0;
	left:50%;
	z-index:1;
	width:50%;
	height:228px;
	background:url(images/fond-hd.gif) 0 0 repeat-x;
}
#header {
	min-height:197px;
	_height:197px;
}

	
	/* Logo */
	#logo {
		float:left;
	}
	#logo h1 {
		margin:0;
		max-width:172px;
		padding:80px 0 0;
		line-height:.85;
		font-size:2.5em;
	}
	#logo h1 a {
		color:#FFF;
		text-decoration:none;
	}
	#logo #intro {
		max-width:172px;
		margin:4px 0 0;
		color:#333;
		font-size:.9em;
		text-align:right;
	}

	/* Tranverses */
	#tranverses {
		float:right;
		max-width:230px;
		text-align:right;
	}

	/* Nav */
	#nav {
		font-size:.9em;
	}
	#nav li {
		display:inline;
		margin:0 0 0 .3em;
	}
	#nav a:link,
	#nav a:visited {
		text-decoration:none;
	}
	#nav a:hover {
		text-decoration:underline;
	}
	
	/* Recherche */
	#quick-search {
	}
	#quick-search #qsearch {
		width:7em;
	}

/* Pagination */
#pagination {
	position:absolute;
	right:100%;
	width:2.7em;
	margin:.1em .7em 0 0;
	font-size:1.5em;
	word-spacing:-2px;
	text-align:right;
}
#pagination li {
	display:inline;
	color:#222;
}
#pagination a {
	text-decoration:none;
	color:#666;
}
#pagination a:hover {
	color:#FFF;
}



#content h2.post-title {
	margin:.15em 0 0;
}
#content h2 a {
	text-decoration:none;
}
#content h2 a:link,
#content h2 a:visited {
	color:#CCC;
}
#content h2 a:hover {
	color:#FFF;
}

.post-info {
	color:#333;
	font-size:.9em;
	line-height:1.2;
}
.post-content {
	margin:1.5em 0 0;
}

.post-content p {
	margin:1em 0;
}
.post-content ul,
.post-content ol,
.post-content dl {
	margin:.7em 0;
	padding:0 1.5em 0 3em;
	text-align:left;
	list-style-type:square;
}
.post-content ol {
	list-style-type:upper-roman;
}
.post-content ol ol {
	list-style-type:upper-latin;
}
.post-content ol ol ol {
	list-style-type:decimal;
}
.post-content li {
	margin:.2em 0;
}
.post-content dt {
	color:#CCC;
	margin:.7em 0 0;
}
.post-content dd {
	margin:0 0 .7em 3em;
}

.post-content pre {
	padding:1em;
	overflow:auto;
	font-size:.6em;
	background:#222;
}

table {
	width:100%;
	margin:.5em 0 1.5em;
	border-collapse:separate;
	border-spacing:.15em;
}
th, td {
	padding:.2em .5em;
}
th {
	font-weight:bold;
	color:#FFF;
	background:#333;
}
td {
	background:#111;
}
caption {
	margin:.5em 0 0;
	color:#FFF;
	font-size:1.5em;
	text-align:center;
}


/* Sidebar */
#sidebar {
	position:absolute;
	left:100%;
	top:197px;
	margin:0 0 0 1.5em;
	padding:0 0 1.5em 1.5em;
	border-left:.1em solid #333;
	opacity:.3;
	text-align:left;
}
#sidebar:hover {
	opacity:1;
}
#sidebar h3:first-child {
	margin-top:0;
}
#sidebar h3 {
	margin:.5em 0 0;
	padding:0;
	line-height:1.2;
	font-size:1.4em;
}
#sidebar ul ul {
	margin:0 0 .7em 0;
	padding:0 0 0 1.2em;
	text-align:left;
	list-style-type:square;
}


/* Commentaires */
#commentaires {
	margin:4em 0 0;
	font-size:.9em;
}
#commentaires ol {
	margin:.7em 0;
	text-align:left;
}
#commentaires li {
	margin:2em 0;
}
#commentaires ol dt,
#comment-form-col-01 {
	float:left;
	width:40%;
	color:#666;
	text-align:right;
}
#commentaires ol dt a {
	text-decoration:none;
}
#commentaires ol dt a:link {
	color:#666;
}
#commentaires ol dt a:hover {
	color:#FFF;
	text-decoration:underline;
}
#commentaires ol dt .comment-date {
	display:block;
	color:#202020;
	font-size:.9em;
	line-height:1;
}
#commentaires ol dd,
#comment-form-col-02 {
	position:relative;
	float:left;
	width:60%;
	color:#666;
}
#comment-form-texte-conteneur,
#commentaires ol dd blockquote {
	min-height:2.5em;
	_height:2.5em;
	margin:0 0 0 .5em;
	padding:0 0 0 .5em;
	line-height:1.2;
	border-left:.1em solid #333;
}
#commentaires ol li.byuser dd blockquote {
	color:#999;
}
#commentaires ol dt a.comment-edit-link {
	font-size:.9em;
}


#comment-form-col-02 .comment-pointe,
#commentaires ol dd .comment-pointe {
	position:absolute;
	left:2px;
	top:.5em;
	overflow:hidden;
	width:4px;
	height:7px;
	background:url(images/commentaires-pointe.png) 0 0 no-repeat;
}

#comment-form label:after {
	content:" :";
}
#comment-form #comment-form-col-01 input {
	border:0;
	margin:0 0 .1em;
	color:#999;
	font-size:1em;
}
#comment-form textarea {
	width:99.5%;
	color:#999;
	font-size:1em;
	border:0;
	min-height:4.4em;
	_height:4.4em;
	line-height:1.2;
}
#comment-form-submit-conteneur {
	text-align:right;
}
#comment-form-submit {
	color:#999;
	font-size:1em;
}
#comment-form-submit:hover {
	color:#FFF;
}



/* Footer */
#footer {
	padding:2em 0 1em;
	font-size:.9em;
	color:#333;
}
#footer a {
	color:#333;
	text-decoration:none;
}
#footer a:hover {
	color:#DDD;
	text-decoration:underline;
}



/* Contenu */
.wp-caption {
	width:auto!important;
	margin:1em auto;
}
.wp-caption.aligncenter img {
	display:block;
	margin:0 auto;
	border:1em solid #222;
}
.wp-caption a:hover img {
	border-color:#FFF;
}
.wp-caption p.wp-caption-text {
	margin:0;
	text-align:center;
	font-style:italic;
}






/* Plugins */
dl.flickr-exif {
	padding:.5em;
	text-align:left;
	background:#111;
}
dl.flickr-exif dt,
dl.flickr-exif dd {
	padding:0;
	margin:0;
}
dl.flickr-exif dt {
	float:left;
	width:25%;
	margin:0 1% 0 0;
	text-align:right;
}
dl.flickr-exif dt:after {
	content:" :";
}
dl.flickr-exif dd {
	float:left;
	width:70%;
}

dl.flickr-exif:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}
* html dl.flickr-exif {height:1%;}
*:first-child+html dl.flickr-exif{min-height:1%;}