/*  
Theme Name: L'instant des...
Theme URI: http://www.instantdes.com
Description: Theme du blog L'instant des...
Version: 1.0
Author: Xuoan
Author URI: http://www.ragingfish.fr/
*/

/* -------------------------------------------------------
Reset Reloaded by Eric Meyer : http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ + Xu change
---------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
/* :focus {outline: 0;} Xu change */
body {line-height: 1; color: black; background: white;}
ol, ul { list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
/* Xu change */
a {text-decoration:none;}

/* -------------------------------------------------------
                     *** Global ***
---------------------------------------------------------- */

body { 
	background: black;
	cursor: default;
}

body, a {	color: white; /* testing purpose */ }

a {cursor: pointer}
p {cursor: text;}

strong {font-weight: 700;}
em {font-style: italic;}

#container {
	width: 770px;
	margin: 0 auto;
	/* background: url('images/fond-grid.gif') repeat-y 0 0; height: 1500px; testing purpose */
}

.clearer {clear: both;}
.clearer hr {display: none;}

h2 {
	margin-top: 12px;
	font: 23px Georgia, Times New Roman, serif;
	color: white;
	text-align: center;
	padding: 8px 0;
	border-top: 1px solid #3F3F3F;
	border-bottom: 1px solid #3F3F3F;
}

h2 a:hover {
	text-decoration: underline;
}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

/* -------------------------------------------------------
                     *** Header ***
---------------------------------------------------------- */

/* logo */
#container h1, #container h1 a {
	width: 309px;
	height: 55px;
	text-indent: -5000px;
}

#container h1 {
	float: left;
	margin: 16px 0 12px 0;
}
#container h1 a {display: block;}


/* header + footer nav */
.headfoot {
	float: right;
}
.headfoot li {
	float:left;
	margin-left: 10px;
}

.current_language_item {display:none;}

.headfoot li a, .language_item a {
	display: block;
	font: 9px Arial, Verdana, sans-serif;	
	padding: 4px 5px;
	text-transform: uppercase;
	color: #969696;
			
}
.headfoot li a:hover {
	border-color: white;
	background: white;
	color: black;
}

#headnav li a {
	border-bottom:1px solid #3F3F3F;
	border-left:1px solid #3F3F3F; 
	border-right:1px solid #3F3F3F; 
}
#footnav li a {
	border:1px solid #3F3F3F;
}


/* footer */

#footcredits {
	float: right;
	padding: 2px 5px 2px 0;
	font: 11px Arial, Verdana, sans-serif;	
	color: #969696;
}

#footcredits strong {
	font-weight: 700;	
}

#footcredits a {
	color: #969696;
	text-decoration: underline;
}

#footcredits a:hover {
	color: white;
}

#rss {
	padding-left:20px;
	background: url('images/rss.gif') no-repeat 6px 5px ;
}
#rss:hover {
	background: white url('images/rss-hover.gif') no-repeat 6px 5px ;
}



/* -------------------------------------------------------
                     *** Post ***
---------------------------------------------------------- */

#post {
	margin: 0 auto;
}

#photo_border {
	background: white;
	padding: 10px 10px 7px 10px;
}


#photo_container {
	position: relative;
}

#post h2, #post .entry-date, #post #author-link {
	margin: 0; padding: 0;
	display: none;
	}

#overs {
	position: absolute;
	top: 0;
	left: 0;
	z-index:10;
	width: 100%;
	
}

#overs a {
	position: relative;
	display: block;
	text-indent: -5000px;
	background: transparent url('images/blank.gif') no-repeat; /* Fuck IE6 */
	outline: none;
}


#over_previous_post, #over_next_post {
	position: relative;
	top: 0;
	width: 49%;
}

#over_previous_post {
	left: 0; 
	float: left;
}

#over_next_post {
	right:0 !important;
	right: 20px; /* Fuck IE6 */	
	float: right;
}


#photo_infos {
	height:27px;
	font: 15px Georgia, Times New Roman, Serif;
	color:black;
	}

#photo_note {
	float:left;
	padding: 8px 0 1px 1px;
	text-align:left;
	font-style: italic;
	font-size:0.95em;
	}	

#author_cr {
	float:right;
	padding: 8px 1px 1px 0;
	text-align: right;
	}

#author_cr, #author_cr a, #photo_note, #photo_note a {color:black;}
#author_cr a:hover, #photo_note a:hover {text-decoration:underline;}

#over_previous_post, #over_next_post {}


/* -------------------------------------------------------
                     *** Middle nav ***
---------------------------------------------------------- */

#middle_nav {
	margin: 13px 0 0 0;
	position: relative;
}

#middle_nav a {
	display: block;
	text-indent: -5000px;
}

#middle_before {
	position: absolute;
	left: 0; top: 0;
	}
#middle_after {
	position: absolute;
	right: 0; top: 0;

}

#middle_before a {
	width: 57px;
	height: 19px;
	}

#middle_after a {
	width: 49px;
	height: 19px;
	}

#middle_archives-random {
	width: 190px;
	margin: 0 auto;
	/* background: white; height: 20px; testing purpose */
}

#middle_archives-random #archiveslink {
	float: left;
	width: 85px;
	height: 20px;
	background: url('images/middlenav_archives.gif') no-repeat top right;
}
#middle_archives-random #archiveslink:hover {
	background: url('images/middlenav_archives.gif') no-repeat bottom right;
}

#middle_archives-random #random {
	float: right;
	width: 85px;
	height: 20px;
	}


/* -------------------------------------------------------
                     *** Comments ***
---------------------------------------------------------- */

#comments {
	width: 760px;
	padding: 0 5px 30px 5px;
}

#comments h3 {
	margin: 32px 0 18px 0;
	padding-bottom: 5px;	
	border-bottom: solid 1px #3F3F3F;
	color: #E6E6E6;
	font : 17px Georgia, Times New Roman, serif;
	letter-spacing: 0.5px;
}

.commentlist {
	}

.comment_text {
	padding: 15px 15px 0 15px;
	background: #141215 url('images/comment_text.gif') repeat-x top left;
	font: 11px/18px Verdana, Arial, sans-serif;
}

.comment_text p {
	padding-bottom: 15px;
}

.comment_text p a {
	text-decoration: underline;
}

.comment_author, .commentlist small {
	float: right;
	font-family: Trebuchet MS, arial, sans-serif;
}

.comment_author {
	background: white url('images/comment_author.gif') repeat-x bottom left;
	padding: 4px 5px 6px 5px;
	margin-left: 5px;
	
}

.comment_author, .comment_author a {
	color: black;
	text-transform: uppercase;
	font-size: 10px;
}

.comment_author a:hover {
	text-decoration: underline;
}


.commentlist small {
	font-size: 9px;
	padding: 5px;
}

.commentlist small, .commentlist small a {
	color: #404040;
	
}
.commentlist small a:hover {text-decoration:underline;}

.commentlist li, .commentlist li .alt {
	width: 370px;
}

.commentlist li {
	margin-bottom: 20px;
	float: left;
}


.commentlist li.alt {
	margin-right:20px;
}

#wpspamfree input {
	display: none !important;
	}


/* respond */

h3.respond {
	}

#comments label, #comments form small, #comments input {
	display: block;
	float: left;
}

#comments form div {
	clear: left;
	margin-bottom: 18px;
}

#comments label {
	width: 275px;
	text-align: right;
	font: 11px/18px Verdana, Arial, sans-serif;
	color: #E6E6E6; 
}

#comments input[type=text], #comments textarea {
	margin-left: 10px;
	padding: 2px;
	border: none;
	background: white;
	font: 11px Verdana, Arial, sans-serif;
	color: black;
}

#comments form .input {
	height: 18px;
}
#comments input {
	width: 186px;
	height: 14px;
}

#comments textarea {
	width: 281px;
	height: 123px;
	margin-left: 10px !important;
	margin-left: 7px; /* Fuck IE6 */
	margin-bottom: -1px;
}

#comments form small {
	margin-left: 10px;
	font: 11px/18px Verdana, Arial, sans-serif;
	color: #404040;
}

#comments form #submit {
	width: 190px;
	height: 18px;
	background: black;
	border: 1px solid #3F3F3F;
	color: white;
	font: 9px Arial, Verdana, sans-serif;
	text-transform: uppercase;
	margin-left: 10px !important;
	margin-left: 7px; /* Fuck IE6 */		
}

#comments form #hidden {
	display: none !important;
}




/* -------------------------------------------------------
                     *** Archives ***
---------------------------------------------------------- */

#archives {
	margin-top: 24px;
	padding: 0;
}

#archives .thumbs {
	float: left;	
	margin: 0 6px 12px !important;
	margin: 0 5px 10px; /* Fuck IE6 */
}

#archives .thumbs img {
	width: 132px;
	height: 132px;
}

#archives .thumbs a {
	display: block;
	width: 132px;
	height: 132px;
	background: white;
	padding: 5px;
}

#archives .thumbs a:hover {
	background: #3F3F3F;
}

#archives #middle_nav {
	margin: 0 6px;
}

/* archives nav */

#archives_nav {
	padding: 52px 5px 30px 5px;
}

#archives_nav a {
	color: #E6E6E6;
}

#archives_nav a:hover {
	text-decoration: underline;
	color: white;
}


#archives_nav h3, #archives_nav #byphotographer {
	float: left;
}

#archives_nav h3 {
	width: 180px;
	text-align: center;
	color: #E6E6E6;
	font : 17px Georgia, Times New Roman, serif;
	letter-spacing: 0.5px;
}

#archives_nav #byphotographer {
	width: 288px;
	border-left: 1px solid #3F3F3F;
	border-right: 1px solid #3F3F3F;
	padding: 0 28px;
	margin: 0 27px;
}

#archives_nav #byphotographer h3 {
	text-align: left;
}

#archives_nav #byphotographer p {
	padding-top: 6px;
	clear: left;
	font: 11px/22px Verdana, Arial, sans-serif;
	color: white;
}




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

#page {
	width: 380px;
	margin: 0 auto;
	padding: 24px 0;
	font: 16px/24px Georgia, Times New Roman, serif; 
	}

#page small {
	font: 14px/21px Georgia, Times New Roman, serif; 
	}	

#page p, #links p {
	margin-bottom: 16px;
	}

#page a {border-bottom:1px solid #3F3F3F;}
#page a:hover {border-bottom:1px solid white;}

#page h3 {
	color: #E6E6E6;
	font : 17px Georgia, Times New Roman, serif;
	letter-spacing: 0.5px;
	margin-bottom: 11px;
	}


/* -------------------------------------------------------
                     *** Links + Sitemap ***
---------------------------------------------------------- */

#links {
	padding: 24px 5px;
	font: 16px/24px Georgia, Times New Roman, serif;	
	}

#links h2 {
	text-align: left;
	border: none;
	color: #E6E6E6;
	font : 17px Georgia, Times New Roman, serif;
	letter-spacing: 0.5px;
	padding: 0 0 6px 0; margin: 0;
	}
	
.linkcat {
	list-style: none;
	}

.linkcat ul, #page ul, #page ol {
	padding: 0 0 17px 18px;
	}	

.linkcat ul, #page ul {
	list-style: disc inside;
	}	

#page ol {
	list-style-type: decimal;
	}	

.linkcat ul li, #page li {
	color: #E6E6E6;
	}

.linkcat ul li a, #page li a, #col_right a, #col_right a {
	font: 12px Verdana, Arial, sans-serif;
	color: #E6E6E6;
	border: none;	
	}

.linkcat ul li a:hover, #page li a:hover, #col_right a:hover {
	color: white;
	text-decoration: underline;
	border: none;
	}	

/* columns */

#col_left, #col_right {
	float: left;
	}

#col_left {
	width: 380px;
	border-right: 1px solid #3F3F3F;		
	}

#col_right {
	padding-left: 51px;
	width: 286px;
	}

#col_right p {
/*	background: orange; tsting */
	}