/*  
Theme Name: Jillij
Theme URI: http://www.jillij.com/
Description: Theme developped for my <a href="http://www.jillij.com/">website</a>. Support is <a href="http://www.jillij.com/forum/">here</a>.
Version: 9.0
Author: Jillij
Author URI: http://www.jillij.com/
	
/* Début typographies et couleurs */
body {font-size: 62.5%; /* Resets 1em to 10px */ font-family: Georgia;background-color: white;color: black;text-align: center;}
#page {background-color: white;text-align: left;border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;}
#topheader, #header, #footer{background-color: white;color: black;}
#content {font-size: 1.2em;}

/* 1�re lettre en grande majuscule */
.dropcap {
   display: block;
   float: left;
   font-size: 300%;
   font-family: "Times New Roman", Georgia, Times, serif; 
   font-weight: bold;
   height: .8em;
   margin-bottom: -.4em;
   padding: .2em .1em 0 0;}
p {font-size: 1.2em;letter-spacing: .04em;}
.narrowcolumn .entry, .widecolumn .entry {line-height: 1.5em;}
.widecolumn .entry p {font-size: 1.1em;}
.widecolumn {line-height: 1.5em;}
.narrowcolumn .postmetadata {text-align: center;}
.alt {background-color: #f8f8f;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}	
/* Page titles */
.titrePage {font-family: Verdana;font-weight:600;font-size:20px;border: 0px solid black;display:block;padding: 0 0 0px 20px;padding-top: 5px;}
.titrePage a:hover { color: dimgrey; text-decoration: none;}

small { font-family: Georgia; font-size: 0.9em; text-transform: normal; line-height: 3em; text-align:left; display:block;}

h1, h2, h3 {font-family: 'Times New Roman', Verdana, Arial, Sans-Serif;font-weight: normal;}
	
h1 {font-size: 4em; text-align: left;}

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

h2 {font-size: 1.2em;}
        
/* titre haut de page archives etc*/
h2.pagetitle {font-size: 1.5em;}
        
/* titres commentaire*/
h3 {font-size: 1.3em;}

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

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: black;}

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, #wp-calendar caption, cite {
	text-decoration: none;}
	
.entry p a:visited {color: grey;}

.commentlist li, #commentform input, #commentform textarea {
	font-size: 1.1em;
        font-family: Verdana;
	}
.commentlist li {
	font-weight: normal;
	font-style: normal;
	font-size: 1.1em;
        text-transform: none;
        color: black;
	}
.commentlist cite {
	font-weight: normal;
	font-style: normal;
	font-size: 1.1em;
        text-transform: uppercase;
        color: gray;
	}
.commentlist p {
	font-weight: normal;
        font-style: normal;
        font-size: 1.1em;
	text-transform: none;
        color: black;
	}
#commentform p {
	font-family: Verdana;
	}
.commentmetadata {
	font-weight: normal;
        font-style: normal;
	font-size: 1em;
        text-transform: none;
        color: grey;
	}
 
code {font: 1.1em Verdana;}

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

h2 a:hover, h3 a:hover{color: grey;text-decoration: none;}
a {color: dimgrey;text-decoration: none;}
a:hover {color: dimgrey;text-decoration: underline;}
	
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: 1.3em Verdana;text-align: center;}
#wp-calendar th {font-style: normal;text-transform: none;}

/* Fin typographie et couleurs */

/* Début Structure */

body {margin: 0;padding: 0; }
#page {margin: 0px auto;padding: 0;width: 950px;border: 0px;}
#topheader { margin-top: 0px auto;padding: 0;width: 950px; }	
#header {padding: 0;margin: 0 auto;width: 950px;}
#headerimg {margin: 0;width: 950px;background: url("") no-repeat bottom center;}

.narrowcolumn {padding: 10px 0 20px 0;margin: 5px 0 0 0;width: 950px;}
.widecolumn {padding: 10px 0 20px 0;margin: 5px 0 0 0;width: 950px;}

        /* Article*/	
.post {margin: 0 0 40px;text-align: left;}
.post p {font-family: Georgia; margin:5px 0 8px 0}              
.post h2 {text-align:left;font-size: 2.5em;}
.post h3 {text-align:left;font-size: 2.5em;}
.post small {font-family: Georgia;font-size: 0.9em;line-height: 3em;text-align:left;display:block;}
.post small a {color: black;}
.post small a:hover {text-decoration: none;color: grey;}
        
.entry {text-align: justify;padding-left: 0;}
.entrytext {text-align: left;padding-left: 0;}
.entry small {font-family: Georgia;font-size: 0.9em;line-height: 3em;text-align:left;display:block;}

.widecolumn .post {margin: 0;}
.narrowcolumn .postmetadata {padding-top: 5px;}
.widecolumn .postmetadata {margin: 0px 0;}
.postmetadata {text-align: center;}
.postmetadata .alt {text-align: center;}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 950px;
	height: 63px;
	clear: both;
        font-family: Verdana;}
#footer p {
	margin: 0;
	padding: 0;
	text-align: center;
        font-size: 1.2em;
        font-family: Verdana;}
#footer a {
        color: grey;
	margin: 0;
	padding: 0;
	text-align: center;
        font-size: 1.2em;
        font-family: Verdana;}
#footer a:hover {
        color: dimgrey;
	margin: 0;
	padding: 0;
	text-align: center;
        font-size: 1.2em;
        font-family: Verdana;}
/* Fin Structure */

/*	Début Entêtes */
h1 {padding-top: 55px;margin: 0;}
.description {text-align: center;}
h2 {margin: 30px 0 0;font-size: 2em;}
h2.pagetitle {margin-top: 30px;text-align: center;}
h3 {padding: 0;margin: 30px 0 0;}
h3.comments {padding: 0;margin: 40px auto 20px ;}
/* End Entêtes */

/* Rolling Menu Styles */
#sidebar {
	display: block;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 50px 0px;
	z-index: 5;
	position: relative;}
#sidebar ul {
	width:950px;
	min-height: 20px;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index: 500;}
#sidebar li {
	display: inline;
	float: left;
	min-height: 20px;
	position: relative;
	text-align: left;
	padding: 5px 16px 5px;
	margin: 0px 0px 0px 0px;}
#sidebar h2 {
	font-size: 1.4em;
        font-weight: bold;
        text-transform: uppercase;
	padding: 0;
	margin: 0;
	weight: bold;}
#sidebar li ul {
	width: 150px;
	height: auto;
	top: 100%;
	left: 0px;
        color:white;}
#sidebar li.LargeMenu ul {
	width: 200px;
	height: auto;
	top: 100%;
	left: 0px;}
#sidebar li ul li {
	text-align: left;
	width: 118px;	
	height: auto;
	min-height: auto;
	display: block;}
#sidebar li.LargeMenu ul li {
	text-align: left;
	width: 198px;	
	height: auto;
	min-height: auto;
	display: block;}
#sidebar a {text-decoration: none;}
#sidebar li li ul {top: 0;left: 0;}
#sidebar li li:hover ul {left: 150px;}

/* initialy hide all sub sidemenus */
#sidebar ul ul,
#sidebar ul li:hover ul ul,
#sidebar ul ul li:hover ul ul,
#sidebar ul ul ul li:hover ul ul,
#sidebar ul ul ul ul li:hover ul ul {position: absolute;display:none;}

/* display them on hover */
#sidebar li:hover ul,
#sidebar ul li:hover ul,
#sidebar ul ul li:hover ul,
#sidebar ul ul ul li:hover ul,
#sidebar ul ul ul ul li:hover ul,
#sidebar ul ul ul ul ul li:hover ul {display: block;}
#sidebar #PhpWebcontent {display:none;}	

/* define the consecutive colors */
#sidebar {color: #FF0000;font-family: 'Times New Roman', Verdana, Arial, Sans-Serif;}
#sidebar ul{background: #FFFFFF;-moz-opacity:5; /* for mozilla */opacity: 5; /* for safari */khtml-opacity: 5 /* for konquerer and older safari */}
#sidebar ul ul {background: black;font-size: 1.2em;text-transform: uppercase;}
#sidebar ul li {background: white;}
#feeds li {background: url(images/feed.png) top left no-repeat;padding-left: 18px;}
#sidebar h2 {color: black;}
#sidebar h2:hover {color: dimgrey;}
#sidebar a {color: black;}
#sidebar a:hover {color: dimgrey;}
#sidebar ul li:hover {background: white;}
#sidebar ul li ul {}
#sidebar ul li ul li {background: white;}
#sidebar ul li ul li:hover {background: white;}
#sidebar ul li ul ul li{background: dimgrey;}
#sidebar ul li ul ul li:hover {background: dimgrey;}
#wp-calendar #next a {background: none;}
#wp-calendar #prev a {background: none;}

/* Début Images */
p img {
	padding: 0;
	max-width: 100%;
        border-top: solid 1px #eee;
	border-left: solid 1px #eee;
	border-right: solid 2px #ddd;
	border-bottom: solid 2px #ddd;
	padding: 10px;
	background: #fff;
	margin: 0 0 0 0;
	}

p img.shadow {	border-top: solid 1px #eee;
	border-left: solid 1px #eee;
	border-right: solid 2px #ddd;
	border-bottom: solid 2px #ddd;
	padding: 10px;
	background: #fff;
	margin: 0 0 0 10px;
	float: right;}

/*	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 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 { /* 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: 70%; height: 60px;padding: 2px;}
#commentform #submit {margin: 0;float: left;}
#commentform #submit p {font-family: Verdana;font-size: 1.1em;}
/* Fin Eléments de formulaires */

/* Début commentaires*/
.alt {margin: 0;padding: 10px;}
.commentlist {
        width: 100%; 
        height: 95px;
        overflow: auto; 
	padding: 5px 2px;
        margin: 5px 5px 1px 0;
	text-align: left;
        background-color: #f8f8f;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        }
.commentlist small {font-family: Georgia;font-size: 0.9em;line-height: 1em;text-align:left;display:inline;}
        
.commentlist li {margin: 0;padding: 5px 10px 3px;list-style: none;}
.commentlist p {display:inline;margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;font-size: 1.1em;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {display:inline;margin:0;text-align:left;}
/* 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;background: #000000;}
#wp-calendar caption {text-align: center;width: 100%;}
#wp-calendar td {padding: 3px 0;text-align: center;}
/* 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;}
#content_start {position: absolute; left: -10000px;}
/* Fin différentes balises et classes */

/*---------- DIGG-STYLE-PAGINATOR ----------*/
.pagination { /* fond */ margin: 23px 0px 4px 0px; /* +3px en haut et +4px en bas */ text-align: center; color: black; font-weight: bold; font-family: Verdana;}
.pagination p { color: black; }
.pagination a { /* liens pages */ margin: 2px 2px 2px 2px; padding: 2px 5px 3px 5px; background-color: white; border: 1px solid white; color: black; font-weight: bold; font-family: Verdana;}
.pagination a:hover, #righter-bottom .pagination a:active { /* liens pages */ background-color: gray; border: 0px solid #000000; font-family: Verdana}
.pagination span.current { /* liens pages en cours */ margin: 2px 2px 2px 2px; padding: 2px 5px 3px 5px; background-color: white; border: 1px solid #FFFFFF; color: gray; font-weight: bold; font-family: Verdana}
.pagination span.disabled { /* liens autres pages */ margin: 2px 2px 2px 2px; padding: 2px 5px 3px 5px; background-color: white; border: 1px solid white; color: #333333; font-weight: bold; font-family: Verdana;}
							
/*---------- SLIDESHOW ----------*/						
ul#portfolio {padding:0;list-style:none;margin:0 0 1em;overflow:hidden; height:425px;}
ul#portfolio li {list-style:none;padding:0;}
ul#portfolio li h4 {margin: 0 0 .5em 0;text-transform:uppercase;padding:0 16px;}
ul#portfolio li img { width:950px;text-align:center;margin:0;}