/*  
Theme Name: Black
 */
body { font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "Lucida Grande", Verdana, Arial, Sans-Serif; text-align: center; }

#page {
	background-color: white;
	border: 1px solid #959596;
	text-align: left;
	}

#header {  }

#content { color: #dcdcdc; font-size: 1.2em
	 }

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }

.widecolumn {
	line-height: 1.6em;
	}
	
.narrowcolumn .postmetadata { text-align: center; }

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

#footer {
	y
	}
	
.titrePage /* Page titles */
{ font-family: "Trebuchet MS", Verdana, sans-serif; font-weight:600; font-size:20px; border: solid 0 #000000; display:block; padding: 5px 0 0 20px; }


small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }

h1, h2, h3 { font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif; font-weight: bold; }

h1 { font-size: 3em; text-align: left; padding-left: 65px; }

.description { color: #a9a9a9; font-size: 1.2em; text-align: center; }

h2 { font-size: 1.6em; }

h2.pagetitle { font-size: 1.6em; }

h3 { font-size: 1.3em; }

h1, h1 a, h1 a:hover, h1 a:visited, .description { color: #696969; text-decoration: none; }

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #828080;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, .titrePage, .titrePage a, .titrePage a:hover, .titrePage a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}
	


.entry p a:visited {
	
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}
/* selber erstellte class */
.termine { line-height: 1.6em; padding: 0; width: 680px; margin-right: 0; margin-bottom: 0; margin-left: 50px !important; }


hr {
  clear:both;
}
.zeilenabstand { line-height: 2em; padding: 0; width: 680px; margin-right: 0; margin-bottom: 0; margin-left: 50px; }
.leereseite { padding: 0 px 0 20px px 0 20px 0 px 0 20px px 0 20px 10px 0 px 0 20px px 0 20px 0 px 0 20px px 0 20px 10px 0; width: 720px; margin-right: 0; margin-bottom: 0; margin-left: 20px; }
/* selber erstellte class */

.igallery img
{ background-color: #408080; background-position: center; text-align: center; margin: 2px; padding: 1px; border: solid 1px #fff; }
.flvPlayer { margin: 20px 0 0; }
.tabelle
    { color: #dcdcdc; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; font-size: 16px; }

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

code { font: 1.1em "Courier New", Courier, Fixed; }

acronym, abbr, span.caps
{ font-size: 0.9em; letter-spacing: 0.07em; }

a, h2 a:hover, h3 a:hover{
	color: #c0c0c0;
	text-decoration: underline;
	}

.titrePage a:hover{ color: #a9a9a9; text-decoration: underline; }

a:hover { color: #f5f5f5; text-decoration: underline; }
	
#wp-calendar #prev a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* Fin typographie et couleurs */

/* D�but Structure */
body {
	margin: 0;
	padding: 0; 
	}

#page {
	background-color: white;
	margin: 10px auto;
	padding: 0;
	width: 760px;
	border: 1px solid #959596;
	}
	
#header { padding: 0; margin: 0 auto; height: 120px; width: 100%; }

#headerimg { margin: 0; height: 120px; width: 100%; }

.narrowcolumn { padding: 10px 0 20px; margin: 5px 0 0 105px; width: 550px; }

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 105px;
	width: 550px;
	}
	
.post {
	margin: 0 0 20px;
	text-align: justify;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata { padding-top: 5px; }

.widecolumn .postmetadata { color: #c0c0c0; margin: 30px 0; }
	
#footer { color: #606060; margin: 0 auto; width: 760px; clear: both; padding: 0 0 11px 0px; }

#footer p { color: #696969; margin: 0; padding: 20px 0; text-align: center; }
/* Fin Structure */



/*	D�but Ent�tes */
h1 { padding-top: 40px; margin: 0; }

.description { text-align: center; }

h2 {
	margin: 30px 0 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 { text-decoration: underline; position: fixed; margin: 5px 0 0; padding: 0; }

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Ent�tes */


/* Rolling Menu Styles */

#meniu { color: #ffffff; display: block; margin: 0; text-align: left; top: 220px; width: 720px; height: auto; }

.sidetable
{ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width:720px; border: 0; margin: 0 0 0 20px; }

/* for "Hello login" */
#ConnectStatus {
	background-color: #333333;
	width: 200px;
	font-weight: bold;
	padding-left: 16px;
	padding-right: 16px;
}

#sidemenu { display: block; }

#sidemenu ul { margin: 0; padding: 0; border: 0; list-style-type: none; }

#sidemenu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; }

#sidemenu a { display: block; height: 19px; color: #ddd; font-size: 14px; padding: 5px 16px; }

#sidemenu h2 { color: #ffffff; font-size: 1.2em; weight:bold; }

#sidemenu ul li ul a { width: 200px; }

#sidemenu li li { width: 100%; float: none; }

#sidemenu li li ul {
	top: 0px;
	left: 0;
}

#sidemenu li li:hover ul {
	left: 100%;
}

/* initialy hide all sub sidemenus */
#sidemenu li ul { display: none; position: absolute; z-index: 10; }

/* display them on hover */
#sidemenu li:hover>ul { display: block; }

/* this is needed if you want to style #sidemenu div - force containment of floated LIs inside of main UL */
#sidemenuList:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

#sidemenuList { color: #d3d3d3; display: inline-block; }

/* define the consecutive colors */
#sidemenu ul li a{ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; }

#sidemenu ul li a:hover { background: #333; }

#sidemenu ul li ul li a{ background: #323232; }

.searchtable
{
	background: #333;
}

#sidemenu ul li ul li a:hover {
	background: #666666;
}

#sidemenu ul li ul ul li a{
	background: #666666;
}

#sidemenu ul li ul ul li a:hover {
	background: #999999;
	filter:alpha(opacity=90); /* for IE */
		-moz-opacity:0.9; /* for mozilla */
		opacity: 0.9; /* for safari */
		khtml-opacity: 0.9 /* for konquerer and older safari */ 
}

.searchtable
{
	border: 0px;
	margin: 0px;
filter:alpha(opacity=90); /* for IE */
		-moz-opacity:0.9; /* for mozilla */
		opacity: 0.9; /* for safari */
		khtml-opacity: 0.9 /* for konquerer and older safari */
 
}

/* D�but Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	L'utilisation de 'class="alignright"' sur une image aligne l'image � droite (qui aurait pu penser �a ?!)
	Et 'class="centered' centrera bien entendu l'image. Ceci est pr�f�rable � l'utilisation de 
	align="center", �tant plus �volutif (et valide) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 8px;
	display: inline;
	}

img.alignleft {
	padding: 4px 10px 4px 4px;
	margin: 45px 0 2px -4px;
	display: inline;
	}

.alignright { float: right; margin: 0 0 2px 8px; padding: 4px 10px 4px 4px; }
	
.alignleft { float: left
	; margin: 0 8px 2px 0; padding: 4px; }
/* Fin Images */



/* D�but listes

	Puces stylis�es, incompatible IE
	Ne fonctionne pas sous Internet Explorer qui affichera des puces standard par d�faut. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
/* Fin listes */



/* D�but �l�ments de formulaires */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}
#searchform #s {
	width: 115px;
	padding: 2px;
	}
	
#searchsubmit {
	padding: 1px;
	}
	
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* Fin El�ments de formulaires */



/* D�but commentaires*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* Fin commentaires */


/* D�but calendrier */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Ne fonctionne pas sous IE */
	background-color: #fff; }
/* Fin calendrier */



/* D�but diff�rentes balises et classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote { border-left: 0 solid #999; background: #1c1c1a; margin: 15px 10px 10px 0; padding: 0 10px; }

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}



a img { border: solid 1px #f5f5f5; }

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* Fin diff�rentes balises et classes */

/* BEGIN QLC MOD */
.qlc
{
  text-align:right;
  padding : 4px;
}

.qlcLink
{
  border: 1px solid #000000;
}
/* END QLC MOD */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */