/*  
Theme Name: Jillij
Theme URI: http://jillij.free.fr/
Description: Theme developped for my <a href="http://jillij.free.fr/">website</a>.
Version: 1
Author: Jillij
Author URI: http://jillij.free.fr/


/* Dbut typographies et couleurs */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #000000;
	color: #333;
	text-align: center;
	}

#page {background-color: white;border: 1px solid #FFFFFF;text-align: left;}
#header {background-color: #000000;}
#content {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 {background-color: #eeeeee;}

.titrePage {font-family: 'Trebuchet MS', Verdana, sans-serif; font-weight:600; font-size:20px; border: 0px solid #000000; display:block; padding: 0 0 0px 20px; padding-top: 5px;}
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: 4em;text-align: center;}
.description {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 {text-decoration: none;color: white;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #333;}
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 {color: #b85b5a;}
.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;}
.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: .07em;}
a, h2 a:hover, h3 a:hover{color: #CE8600;text-decoration: none;}
.titrePage a:hover{color: #333;text-decoration: none;}
a:hover {color: #8A5A00;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: 820px;
border: 1px solid #959596;}
#header {padding: 0;margin: 0 auto;height: 200px;width: 100%;background-color: #FFFF00;}
#headerimg {margin: 0;height: 200px;width: 100%;}

.narrowcolumn {
	//padding: 10px 0 20px 0;
	padding: 0;
	//margin: 5px 0 0 105px;
	margin-left: 30px;
	margin-top: 4px;
	width: 760px;
}

.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 {margin: 30px 0;}
#footer {padding:0;margin:0 auto;width: 820px;clear: both;border:1px solid green;}
#footer p {margin: 0;padding: 20px 0;text-align: center;}
/* Fin Structure */

/*	D�but Ent�tes */
h1 {padding-top: 70px;margin: 0;}
.description {text-align: center;}
h2 {margin: 30px 0 0;}
h2.pagetitle {margin-top: 30px;text-align: center;}
#sidebar h2 {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:#959596;background:#000000;display:block;margin-left:20px;text-align:left;top:220px;width:780px;height:26px;}
//.sidetable{width:800px;background: #000000;border: 0px;margin: 0px 0px 0px 0px;}

/* 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: 16px;padding-top: 5px;padding-bottom: 5px;padding-left: 20px;padding-right: 20px;color: #FFFFFF;text-decoration:none;}
#sidemenu h2 {color: #959596;font-size: 1.2em;weight:bold;}
#sidemenu ul li ul a {}
#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 {display: inline-block;}

/* define the consecutive colors */
#sidemenu ul li a{background: #000000;}
#sidemenu ul li a:hover {background: #f49306;}
#sidemenu ul li ul li a{background: #333333;}
.searchtable{background: #333333;}
#sidemenu ul li ul li a:hover {background: #f49306;}
#sidemenu ul li ul ul li a{background: #FFFFFF;}
#sidemenu ul li ul ul li a:hover {	background: #FFFFFF;
	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%;}

img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left}
/* 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 {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 {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 3px solid #ddd;background: #EEEEEE;}
blockquote cite {margin: 5px 0 0;display: block;}
.center {text-align: center;}
a img {border: none;}

.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 */