/*  
Theme Name: Blurry Narcissus - Des vertes et des bien műres
Theme URI: http://blurry-narcissus.net
Description: v17 Des vertes et des bien műres
Version: 1.0
Author: Oz
Author URI: http://blurry-narcissus.net
*/

body {
margin: 0;
padding: 0;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffff33;
background-color: #ffffff;
}
#wrap {
width: 747px;
background: url(images/blurry.png) no-repeat;
background-position: bottom right;
}

#page {
position: relative;
margin: 0;
width: 707px;
background: url(images/fond.gif) repeat-y bottom left;
}

#header {
float: left;
width: 510px;
height: 415px; 
background: url(images/entete.gif) no-repeat top left;
}
#menu {
float: right;
width: 197px;
height:300px;
background: url(images/menu.gif) no-repeat top left;
padding-top: 30px;
text-align: right;
}
#content {
float: left;
width: 510px;
background: url(images/contenu.gif) no-repeat bottom left;
background-color: #006600;
margin: 0;
overflow: auto;
}

#sidebar {
float: right;
width: 197px;
background: url(images/sidebar.gif) no-repeat top left;
}

#footer {
background: url(images/pied.gif) no-repeat bottom left;
clear: both;
padding: 0.5em;
}
.wrap {
clear: both; /*dégagement des flottants si .navigation*/
margin-top: 10px;
}

.narrowcolumn .wrap,
.narrowcolumn h3,
.narrowcolumn .entry {
background-image: none;
padding-top: 10px;
}

div.entry {
}

hr {
display: none;
}

/* ________________ TEXTE */

/* Taille de texte */
/*/*/a{}
body h1 {
  font-size: x-large;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: xx-large;
}
html>body h1 {
  font-size: xx-large;
}  
body h2 {
  font-size: large;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: x-large;
}
html>body h2 {
  font-size: x-large;
}  

body h3 {
  font-size: medium;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: large;
}
html>body h3 {
  font-size: large;
} 
body h4 {
  font-size: small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: medium;
}
html>body h4 {
  font-size: medium;
} 
body,
body td,
body th,
body p, 
body small {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body,
html>body td,
html>body th,
html>body p,
html>body small {
  font-size: small;
}  
/* */

#header div.description {
display: none;
}
#header h1 {
/*text-indent: -5000px;*/
}
#headerimg {
position: relative;
left: 50px;
top: 250px;
/*width: 20em;*/
}

h1, h2, h3, h4, #menu {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
h2 {
/*padding: 0.25em;*/
/*font-variant: small-caps;
font-style: italic;*/
color: #fc0;
text-indent: 0.5em;
}

h3 {
/*padding: 0 10px;*/
text-transform: none;
color: #cf6;
text-indent: 2em;
}



h4 {
color: #ff9;
text-indent: 4em;
}

div.entry {
margin-top: 0;
}
.entry, form p {
line-height: 150%;
text-align: justify;
padding: 0 1em;
}

p.nocomments {
width: 70%;
margin: 0 auto;
border: 3px solid #339933;
padding: 1em;
text-align: center;
background-color: #cf6;
color: #000;
}
div.navigation {
	display: block;
	text-align: center;
	padding-bottom: 30px;
}
.alignleft {
float: left;
text-align: left;
}

.alignright {
float: right;
text-align: right;
}

small.commentmetadata {
display: block;
text-align: right;
}
#sidebar small {
font-size: 80%;
}

/* Liens */
a {
text-decoration: none;
color: #ffff33;
font-weight: bold;
}
a:hover {
/*color: #fff;*/
}

h1 a {
	color: rgb(239,165,0);

}
h1 a:hover {
color: rgb(244,182,24);
}

h2 a, .wrap h2 a:hover, h3 a, h3 a:hover {
border: 0;
}
h2 a{
color: inherit;
}
h2 a:hover {
color: #FF9900;
}

h3 a, .navigation a {
color: #cf6;
}
h3 a:hover, .navigation a:hover {
color: #fff;
}

.entry a {
text-decoration: underline;
font-weight: normal;
}
.entry a:hover {
text-decoration: none;
}

.postmetadata a {
color: orange;
}
.postmetadata a:hover {
color: #fff;
}

#menu a, #sidebar a {
display: block;
width: 100%;
color: #FFFFCC;
}
#menu a {
text-transform: uppercase;
/*padding-right: 1em;*/
}
#menu a:hover, #sidebar a:hover {
color: #FFFF00;
background-color: #060;
}


#footer a, #footer a img {
color: #000;
text-decoration: none;
border: 0;
}
#footer a:hover {
background-color: #ff0;
}

/* Fin des liens */

p.postmetadata {
width: 300px;
margin: 3em auto;
padding: 0.5em;
text-align: justify;
border: 1px solid #339933;

}

#footer p {
	text-align: center;
	color: #000;
	margin: 0 0 0 1.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
cite {
font-weight: bold;
font-style: normal;
letter-spacing: 0.3em;
font-variant: small-caps;
}


/* Listes */
#menu ul, #sidebar ul, #footer ul li {
list-style-type: none;
margin: 0;
padding: 0;
}
#menu ul li {
letter-spacing: 0.1em;
margin-top: 3em;
/*margin-right: 1em;*/
}
#sidebar ul li {
padding-bottom: 0.5em;
}
#content ul, #content ol {
/*margin: 0;
padding: 0;*/
list-style-position: inside;
}
#content li {
/*padding-left: 1em;*/
padding-bottom: 0.5em;
}

#content ul li {
list-style-type: square;
}

#content ol li {
list-style-type: decimal;
}

ol.commentlist  {
margin: 0;
/*padding: 0.5em 1em;*/
list-style-position: inside;
list-style-image: url(images/arrow.png);
}


ul li#linkcat-1, ul li#linkcat-2, ul li#linkcat-3, ul li#linkcat-4 {
list-style-type: none;
margin: 0;
padding: 0;
}

/* ________________ FORMULAIRES */

textarea, input {
margin: 0;
padding: 0;
background-color: #006600;
border: 2px solid  #ccff00;
color: #ccff00;
font: inherit;
}
textarea {
width: 98%;
}
input#searchsubmit, input#submit {
background-color: #ccff00;
color: #006600;
border: 2px solid #000000;
font-weight: bold;
}

form#searchform {
margin: 0;
}
form#searchform div {
text-align: center;
}

form#searchform input {
margin-top: 0.25em;
width: 80%;
}
#commentform label {
padding-left: 1em;
}
#commentform p {
text-align: left;
}

/* ________________ BALISES HTML */

blockquote {
border: 1px solid #ccff00;
border-left: 10px solid #ccff00;
padding-left: 0.5em;
color: #ff9;
}

q {
font-style: oblique;
color: #ff9;
}

abbr, acronym {
border-bottom: 1px dashed #fff;
cursor: help;
}

#content img {
border: 1px solid #ccff00;
margin: 10px;
}
#content img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
#content img.alignright {
	display: inline;
	}

#content img.alignleft {
	display: inline;
	}