/*
Theme Name: Jeckel.fr
Theme URI: http://www.jeckel.fr/
Description: Version 2.3 du thème du site Jeckel.fr
Version: 2.3
Author: Julien MERCIER
*/
a {
	color: #d8d7d3;
}
a img {
	border: none;
}
a:visited {
	color: #d8d7d3;
}
a:hover {
	color: #fff;
}
acronym, abbr {
	border-bottom: 1px dashed #333;
}
acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
}
acronym, abbr {
	cursor: help;
}
blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}
body {
	background: #22201d; /*161410;*/
	background-image: url(images/bg.png);
	border-bottom: 1px solid #363430;
	border-top: 3px solid #363430;
	color: #bd934f;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	margin: 0;
	padding: 0;
	padding-top : 120px;
}
cite {
	font-size: 90%;
	font-style: normal;
}
h2 {
	border-bottom: 1px dotted #bd934f;
	font: bold 1em "Times New Roman", Times, serif;
	letter-spacing: 0.1em;
	margin: 15px 2em 2px 0;
	padding-bottom: 2px;
	padding-left: 0.5em;
	width: 300px;
	font-variant: small-caps;
}
h3 {
	border-bottom: 1px dotted #9c9890;
	font-family: "Times New Roman", Times, serif;
	margin-top: 0;
	font-variant: small-caps;
	color: #9c9890;
}

table { width: 100%; border-collapse: collapse; }

input, textarea, select {
	color: #d8d7d3;
	font-size: 0.9em; 
	text-decoration: none; 
	background-color: #161410; 
	border: 1px solid #363430;
	padding: 5px;
}

ol#comments li p {
	font-size: 100%;
}
p, li, .feedback {
	font: 90%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}
/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}
ul.post-meta span.post-meta-key {
	font-weight: bold;
}
.credit {
	background: #000; /* #161410; */
	border-top: 3px double #35302a;
	color: #fff;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 2;
}
.credit a:link, .credit a:hover {
	color: #fff;
}
.feedback {
	color: #ccc;
	text-align: right;
	clear: both;
}
.meta {
	font-size: .75em;
}
.meta li, ul.post-meta li {
	display: inline;
}
.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
.meta {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}
cite a, .meta a {
	text-decoration: none;
}
cite a:hover, .meta a:hover {
	text-decoration: underline;
}

.storytitle {
	margin: 0;
}
.storytitle a {
	text-decoration: none;
}
.listenTo {
	display: block;
	color: #808080;
	font-style: italic;
	font-size: 0.9em;
	margin-top: 10px;
}
.ratepost {
	color: #808080;
	border-top: 1px dotted #363430;
	padding-bottom: 10px;
	padding-top: 10px;
	font-style: italic;
	font-size: 0.9em;	
}
.post {
	margin: 0.5em 1em 2em 2em;
	padding: 4px;
	background: #161410;
	border-bottom: 1px dotted #363430;
	border-top: 1px dotted #363430;
}

a.external, a[href^="gopher://"] {
	background:transparent url(images/external.png) no-repeat scroll right center;
	padding-right:13px;
}
.storycontent h3 {
	margin-top: 5px;
	padding-left: 10px;
}

/*
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 100%;
}
*/
#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

#commentlist li {
	margin: 0.5em 1em 2em -0.5em;
	padding: 0px;
	padding-left: 1em;
	background: #161410;
	border-bottom: 1px dotted #363430;
	border-top: 1px dotted #363430;
	list-style-type: none;
}
#commentlist li cite {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}
#commentlist li .avatar {
	display: none;
	float: right;
	margin-right: 25px;
	border: 1px dotted #ccc;
	padding: 2px;
}
#content {
/*	margin: 30px 13em 0 3em; */
	margin: 0px 14em 3em 1em;
	padding-right: 10px;
}
#header {
	background: #000; /*#22201d;*/
/*	border-bottom: 3px double #35302a; */
	position: fixed;
	z-index: 2;
	top: 0px;
	left: 0px;
	width: 100%;
/*	border-left: 1px solid #35302a;
	border-right: 1px solid #35302a;
	border-top: 1px solid #35302a; */
	/*font: italic normal 230% 'Times New Roman', Times, serif; */
/*	font: italic bold 200% 'Courier New';*/
	letter-spacing: 0.2em;
	margin: 0;
/*	padding: 15px 10px 15px 60px; */
	padding: 0px;
}
#header h1 {
	font: italic bold 200% 'Courier New';
	letter-spacing: 0.2em;
	margin: 0;
	padding: 0px;
	padding: 15px 10px 15px 60px;
}
#header a {
	color: #bd934f;
	text-decoration: none;
}
#header a:hover {
	text-decoration: underline;
}
#header span {
	display: block;
	font: italic bold 50% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-variant: small-caps;
}

#topbar {
	border-top: 1px solid #35302a;
	border-bottom: 3px double #35302a;
	background-color: #161410;
	padding: 0px 0px 0px 50px;
	margin: 0px;
}

#topbar li {
	display: inline;
	padding: 0px 5px 0px 10px;
	margin: 0px !important;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	border-left: 3px solid #363430;
}
#topbar a {
	color: #D8D7D3;
	/*border-left: 1px solid white;*/
}

#topbar li:hover a {
	color: white;
}



#sidebar {
	background: #161410;
	border-left: 1px dotted #35302a;
	border-bottom: 1px dotted #35302a;
	padding: 110px 10px 10px 10px;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 13em;
	
}
#sidebar ul,
#sidebar li
{
/*	color: #ccc;
	font-weight: bold; */
	list-style-type: none;
	margin: 0;
	padding: 0px;
/*	padding-left: 3px;*/
/*	text-transform: lowercase; */
}
#sidebar ul { 	border-bottom: 1px solid #363430; }
#sidebar h2.widgettitle,
#sidebar h3 {
	display: block;
	color: #bd934f;
	margin: 0px !important;
	padding: 20px 0px 3px 0px !important;
	font-variant: small-caps;
	border-bottom: 1px solid #363430;
/*	width: 100%; */
	width: auto;
	font: italic bold 1em /*'Courier New'*/;
	letter-spacing: 0.1em;
}
#sidebar a {
	margin: 0px;
	padding: 0px;

}
#sidebar li.widget ul,
#sidebar ul.navigation {
	padding: 0px;
	margin: 0px;
}

#sidebar li.widget ul li a { display: block; text-decoration: none; font-size: 0.9em;}
#sidebar li.widget ul li { display: block; padding: 1px 10px; background: #22201d; margin: 1px 0; }
#sidebar li.widget ul li:hover { background: #363430; }

#sidebar li.widget_calendar #wp-calendar {
	background: #22201d;
	border-bottom: 1px solid #363430;
}
#sidebar li.widget_calendar #wp-calendar td,
#sidebar li.widget_calendar #wp-calendar th
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	font: normal 0.9em 'Courier New';
}
#sidebar li.widget_calendar #wp-calendar caption {
	font: normal bold 1.1em 'Courier New';
	border-bottom: 1px solid #363430;
	padding: 1px;
	/*font-size: 1.1em; padding: 1px; font-weight: bold; border-bottom: 1px solid #363430;*/
}
#sidebar li.widget_calendar #wp-calendar thead {
	border-bottom: 1px solid #363430;
}
#sidebar li.widget_calendar #wp-calendar thead th { text-align: center; }
#sidebar li.widget_calendar #wp-calendar tbody td { text-align: center; padding: 3px; }
#sidebar li.widget_calendar #wp-calendar tbody td a { font-weight: bold; background: #363430; width: 100%; display: block;}
#sidebar li.widget_calendar #wp-calendar tbody td#today { color: white; }

#sidebar li.widget_search {
	padding-right: 10px;
	padding-top: 10px;
}

#sidebar input,
#sidebar textarea,
#sidebar select {
	width: 100%;
}

#searchform {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	font-size: 1em;
}

.wp-pagenavi {
	font-size: 0.9em;
}
.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.wp-pagenavi span.pages,
.wp-pagenavi span.current,
.wp-pagenavi span.extend
{
	background-color: transparent !important;
	border: 0px !important;
	color: #808080 !important;
}
.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi a:active {
	color: #d8d7d3 !important;
	text-decoration: underline !important;
}
.wp-pagenavi a:hover {
	color: #fff !important;
	text-decoration: underline !important;
}

.ngg-gallery-thumbnail-box {
	float: left;
	height: 150px !important;
	width: 150px !important;
}
img.ngg-center {
	margin-left: auto !important;
	margin-right: auto !important;
}

/*
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;
}
27.wp-pagenavi a:visited {
28 padding: 2px 4px 2px 4px;
29 margin: 2px;
30 text-decoration: none;
31 border: 1px solid #0066cc;
32 color: #0066cc;
33 background-color: #FFFFFF;
34}
35.wp-pagenavi a:hover {
36 border: 1px solid #000000;
37 color: #000000;
38 background-color: #FFFFFF;
39}
40.wp-pagenavi a:active {
41 padding: 2px 4px 2px 4px;
42 margin: 2px;
43 text-decoration: none;
44 border: 1px solid #0066cc;
45 color: #0066cc;
46 background-color: #FFFFFF;
47}
48.wp-pagenavi span.pages {
49 padding: 2px 4px 2px 4px;
50 margin: 2px 2px 2px 2px;
51 color: #000000;
52 border: 1px solid #000000;
53 background-color: #FFFFFF;
54}
55.wp-pagenavi span.current {
56 padding: 2px 4px 2px 4px;
57 margin: 2px;
58 font-weight: bold;
59 border: 1px solid #000000;
60 color: #000000;
61 background-color: #FFFFFF;
62}
63.wp-pagenavi span.extend {
64 padding: 2px 4px 2px 4px;
65 margin: 2px;
66 border: 1px solid #000000;
67 color: #000000;
68 background-color: #FFFFFF;
69}
 */