/*
Theme Name: ether oekaki
Description: Adaptation for WordPress of <a href="http://e-kaki.net">e-Kaki.net</a> design. The design is fluid.
Version: 1.1
Author: Jori Avlis
Author URI: http://e-jori.com/
Tags: blue, dark, fluid width, two columns, widget ready, widgets, SEO friendly, valid XHTML, two columns, elegant, left sidebar, valid CSS, variable width

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

html, body
{
	padding: 0;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: small;
	margin: 0;
	background: #23232d;
	color: #8e9baa;
}

a
{
	text-decoration: underline;
	color: #d8e8f6;
}
a:hover
{
	color: #eac85d;
}
.noborder {
	border: none;
}

a:hover img.noborder {
	border: none;
	text-decoration: none;
}


/* HEADER */

#header
{
	margin: 0;
	height: 120px;
	min-width: 999px;
	background: url(images/header-fond.jpg) top left repeat-x;
}

#header-title 
{
background: #23232d url(images/header-title.jpg) top left no-repeat;
height: 120px;
width: 800px;
float: left;
}
#header-title h1
{
margin: 0;
font-size: 30px;
font-variant:small-caps;
}
#header-title h1 a
{
display: block;
margin: 40px 0 0 60px;
text-decoration: none;
color: #fff;
}

#header-title h1 a:hover
{
color: #eac85d;
}

.description
{
margin: 0 0 0 20px;
font-size: 14px;
font-weight: bold;
float: left;
width: 80%;
line-height: 50px;
height: 50px;
}


#searchbox
{
float: right;
margin: 0 20px 0 0;
padding: 20px 0 0 0;
text-align: center;
}

#s-header {
background:#23232d;
color: #fff;
font-size: 10px;
font-weight:bold;
border:1px solid #876c8d;
margin: 0;
}

#searchsubmit-header {
border:1px solid #876c8d;
background:#02070e;
color:#fff;
font-size: 10px;
cursor:pointer;
font-weight:bold;
text-transform:uppercase;
margin: 0;
}

#searchsubmit-header:hover {
background:#5a6070;
}

.pluton-contenu
{
	display: none;
}

#droite-plante
{
	display: block;
	float: right;
	height: 131px;
	width: 103px;
}

.pagetitle {
margin: 0  50px;
}

.menu-board {
	margin: 0 50px 0 50px;
	padding: 1px 0 3px 20px;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	border-right: 1px solid #937897;
	border-left: 1px solid #937897;
	background-color: #02070e;
	height: 17px;
}
.menu-board ul{
margin: 0;
padding:0;
}
.menu-board li{
float: left;
list-style: none;
margin-right: 10px;
}

.headerBlock
{
	margin: 0 51px;
	padding: 0;
}
.headerBlock p
{
	padding: 10px 25px 15px 25px;
	margin: 0;
}

.headerBlock.dark
{
	padding: 0;
}

#board-buttons
{
	margin: 0 50px;

}
#board-buttons a
{
	padding: 0 10px;
}


#board-buttons a.admin-prefix
{
	padding: 0;
}

.userGeneralMenu
	{
	    display:block;
	    float:right;
	    padding:18px 10px 0 0;
	}

.userGeneralMenu a {
	text-decoration: none;
}

.userGeneralMenu a:hover {
	text-decoration: underline;
}

#board-buttons .userGeneralMenu a#menuProfileLink
{
	padding-right: 1px;
}


/* PROFIL */
.box-flux
{
	text-align: center;
	min-width: 999px;
}

.box-flux img {
	margin: 20px;
}

#detail_2 {
	display: none;
}

#tabs-profil {
	margin: 0 0 0 50px;
}

.tabs-onglet {
	padding: 5px;
}


/* enveloppe des kakis et de la philosophie de la board - niveaux de couleur */

.blocL
{
	min-width: 999px;
}

.blocL0
{
	min-width: 999px;
}


.comment-link {
	text-decoration: none;
}

.date
{
	font-size: 16px;
	padding-bottom: 10px;
}
.nav-links
{
	font-size: large;
	font-weight: bold;
}


.clear
{
	clear: both;
	visibility: hidden;
	height: 0;
}
/* INTERFACE DES COMMENTAIRES */

.commG
{
	width: 70%;
	float: left;
}
.commD
{
	font-size: 14px;
	font-weight: bold;
	padding-left: 15px;
	width: 26%;
	float: left;
	padding-top: 20px;
}

.commD a {
text-decoration: none;
}
.commD p
{
	margin: 0;
}

.onglets
{
	font-weight: bold;
	text-align: center;
	height: 20px;
	width: 250px;
	margin: 20px 0 0 0;
}


.entry
{
	padding: 20px;
	font-size: 12px;
}
.entry p
{
	margin: 0 0 5px 0;
}

.comment a {
	font-weight: bold;
}

.reactions
{
	font-size: large;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
.info-comm {
	float: left;
	width: 40%;
}

.comment
{
	padding: 15px;
	font-size: 1em;
	margin-bottom: 8px;
}
.comment p
{
	margin: 0 0 5px 0;
}


.box-comment {
	width: 99%;
}

/* user profile */

.search-boxes {
	margin-bottom: 10px;
}



/* DIFFERENTS TYPES DE TEXTE */

.titres-interface
{
	margin: 0;
	font-size: large;
	font-weight: bold;
	font-variant: small-caps;
}

#q
{
	text-indent: 7px;
	width: 145px;
	height: 1.3em;
	font-weight: bold;
}

#submittop
{
	cursor: pointer;
	text-align:center;
	font-weight: bold;
}

#submittop2
{
	cursor: pointer;
	text-align:center;
	font-weight: bold;
}

#sbb
{
	cursor: pointer;
	text-align:center;
	font-weight: bold;
}
.submitbutton
{
	cursor: pointer;
	text-align:center;
	font-weight: bold;
}

.grey strong
{
	font-size: medium;
}

/* BOX KAKIS */

.kakiT
{
	height: 40px;
}
.kakiTL
{
	height: 40px;
}
.kakiTR
{
	height: 40px;
}
.kaki-image
{
	text-align: center;
	padding: 0 20px 20px 20px;
}

.kaki-image a
{
	text-decoration: none;
}

.kaki-image h2
{
font-size: 30px;
margin: 0;
}


/* BOX S */

.contentL
{
	min-width: 999px;
}

.closer-spacer
{
	margin: 0 50px;	
	padding: 43px 0 0 0;
}

.closer-spacer.fb
{
	padding: 26px 0 0 0;
}

.closer-borderer-spacer
{
	margin: 0 50px;	
	padding: 45px 0 0 0;
}

.content
{
	margin: 0 70px;	
	padding: 15px 0 0 0;
}

.contentB
{
	margin-bottom: -10px;
}
.contentBR
{
	padding-bottom: 105px;
}



/* USER PROFILE */
.header-pages {
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	margin: 0 10px 0 0;
}

.header-pages li{
float: left;
margin: 20px 20px 0 15px;
list-style: none;
}

.header-pages a{
text-decoration: none;
}
.kaki-details dt {
	display: inline;
	padding-right: 5px;
	margin: 0;
	font-weight: bold;
	font-size: small;

}

.kaki-details dd {
	display: inline;	
	padding-right: 15px;
	margin: 0;
	font-size: small;
}


#loginform {
	margin: 0 50px -20px 50px;
	padding: 0 0 20px 0;
}


#header ul {
	padding:0; 
	margin:0;
	list-style-type: none;
	position:absolute;
	left:182px;
	top:0;
	height:131px;
}

#header ul li a {
	display:block; 
	text-indent:-1000px; 
}

.fixwidth {
	width: 200px;
}
.fixwidth2 {
	width: 350px;
}

/* générique */

.noFloat
{
	float: none !important;
}

#wrapper h2{
	color: #d8e8f6;
}

/* HEADER */

#droite-plante
{
	background: url(images/plante-droite.jpg) top right no-repeat;
}
#plante-haut-gauche
{
	background: url(images/plante-gauche.jpg) top left no-repeat;
}
#plante-haut-droite
{
	background: url(images/plante-droite-2.jpg) top right no-repeat;
}

.headerBlock
{
	background: url(images/water-repeat.jpg) top left repeat-x;
}
.water-box
{
	background: url(images/water.jpg) top left no-repeat;
	height: 60px;
}

.headerBlock.dark
{
	background-color: #729899;
}



/* profil */
.box-flux
{
	background: url(images/repeat-gauche.png) top left repeat-y;
	background-color: #5e5f6c;
}

.boxProfil h3
{
	/*background-color: #c4d8d9;
	color: #728a8a;*/
}


/* enveloppe des kakis et de la philosophie de la board - niveaux de couleur */

.blocR
{
	background: url(images/repeat-vertical-droite.png) top right repeat-y;
}
.blocL
{
	background: url(images/repeat-gauche.png) top left repeat-y;
}

.blocL0
{
	background: url(images/repeat-gauche.png) top left repeat-y;
	background-color: #aac9c9;
}
.blocL0 a
{
	color: #5f8686;
}
.blocL0 a:hover
{
	color: #fff;
}


/* INTERFACE DES COMMENTAIRES */
.onglets
{
	background-color: #c4d8d9;
	color: #728a8a;
}

.onglet-auteur
{
	background-color: #c4d8d9;
	color: #728a8a;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	height: 22px;
	line-height: 22px;
	width: 70%;
	margin: 0;
}
.entry
{
	border: solid 1px #927897;
	background: #30404d url(images/comms-BR.jpg) no-repeat right bottom;
}

.reactions
{
	color: #58898b;
}
.info-comm {
	background-color: #fff;
}

.comment
{
	border: solid 1px #22232c;
	background: url(images/comms-BR.jpg) bottom right no-repeat;
	background-color: #30404d;
}

.box-comment {
	background-color: #f0eef5;
}

.comment-rules {
	color: #0c0e29;
}

/* DIFFERENTS TYPES DE TEXTE */

#q
{
	background-color:#dce8e8;
	border:1px solid #bea07c;
}
#sbi
{
	background-color:#dce8e8;
	border:1px solid #bea07c;
}

#submittop
{
	background-color: #597f80;
	color: #bcd4d6;
	border: 1px solid #bea07c;
}
#submittop:hover
{
	background-color: #85b1b3;
	color:#fff;
	border: 1px solid #ebc1aa;
}
#submittop2
{
	background-color: #597f80;
	color: #bcd4d6;
	border: 1px solid #bea07c;
}
#submittop2:hover
{
	background-color: #85b1b3;
	color:#fff;
	border: 1px solid #ebc1aa;
}

.submitbutton
{
	background-color: #597f80;
	color: #bcd4d6;
	border: 1px solid #bea07c;
}
.submitbutton:hover
{
	background-color: #85b1b3;
	color:#eac85d;
	border: 1px solid #ebc1aa;
}

.borders
{
	border: 1px solid #96b8b9;
}
.borders:hover
{
	border: 1px solid #eac85d;
}

/* BOX KAKIS */

.kakiT
{
	background: url(images/kakiT.jpg) top left repeat-x;
}
.kakiTL
{
	background: url(images/kakiTL.jpg) top left no-repeat;
}
.kakiTR
{
	background: url(images/kakiTR.jpg) top right no-repeat;
}

/* BOX S */

.contentL
{
	background: url(images/contentL.jpg) top left repeat-y;
	background-color: #273a40;
}
.contentR
{
	background: url(images/contentR.jpg) top right repeat-y;
}
.contentT
{
	background: url(images/contentT.jpg) top left repeat-x;

}
.contentTL
{
	background: url(images/contentTL.jpg) top left no-repeat;
}
.contentTR
{
	background: url(images/contentTR.jpg) top right no-repeat;
}

.contentB
{
	background: url(images/contentB.jpg) bottom left repeat-x;
}
.contentBL
{
	background: url(images/contentBL.jpg) bottom left no-repeat;
}
.contentBR
{
	background: url(images/contentBR.jpg) bottom right no-repeat;
}
.contentBR-WOL
{
	background: url(images/contentBR-WOL.jpg) bottom right no-repeat;
}


p.author {
	color:#6b7787;
}


#loginform {
	border: 1px solid #937897;
}



a img  {
	border: 1px solid #30404d;
}

a:hover img {
	border: 1px solid #eac85d;
}

.contentBoxL
{
	background: url(images/contentBoxL.png)  top left repeat-y;
	background-color: #273a3f;
}
.contentBoxR
{
	background: url(images/contentBoxR.png)  top right repeat-y;
}
.contentBoxT
{
	background: url(images/contentBoxT.png)  top left repeat-x;

}
.contentBoxTL
{
	background: url(images/contentBoxTL.png) top left no-repeat;
}
.contentBoxTR
{
	background: url(images/contentBoxTR.png)  top right no-repeat;
}

.contentBoxB
{
	background: url(images/contentBoxB.png)  bottom left repeat-x;
}
.contentBoxBL
{
	background: url(images/contentBoxBL.png)  bottom left no-repeat;
}
.contentBoxBR
{
	background: url(images/contentBoxBR.png)  bottom right no-repeat;
}

.contentBoxL2
{
	background: url(images/contentBoxL2.png)  top left repeat-y;
	background-color: #204349;
}
.contentBoxR2
{
	background: url(images/contentBoxR2.png)  top right repeat-y;
}
.contentBoxT2
{
	background: url(images/contentBoxT2.png)  top left repeat-x;

}
.contentBoxTL2
{
	background: url(images/contentBoxTL2.png) top left no-repeat;
}
.contentBoxTR2
{
	background: url(images/contentBoxTR2.png)  top right no-repeat;
}

.contentBoxB2
{
	background: url(images/contentBoxB2.png)  bottom left repeat-x;
}
.contentBoxBL2
{
	background: url(images/contentBoxBL2.png)  bottom left no-repeat;
}
.contentBoxBR2
{
	background: url(images/contentBoxBR2.png)  bottom right no-repeat;
}


/****************************************************************************** */

#content {
font-size: 12px;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 16px;
}
.commentlist p {
font-weight: normal;
text-transform: none;
}

.commentmetadata {
font-weight: normal;
}

code {
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps {
font-size: 0.9em;
letter-spacing: .07em;
}

#wp-calendar #prev a, #wp-calendar #next 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;
}


#page {
background-color: white;
margin: 20px auto;
padding: 0;
width: 760px;
border: 1px solid #959596;
}



.post {
margin: 0 0 40px;
text-align: justify;
}
.post hr {
display: block;
}
.widecolumn .post {
margin: 0;
}

.smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}
.widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}

.clear { 
clear: both; 
}
#last {
clear: both;
font-size: 10px;
padding: 0 50px;
margin-top: 30px;
background: #000;
height: 22px;
line-height: 22px;
}
#last a {
color: #5e5f6c;
}

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;
}
/* End Images */

.postmetadata small {
font-size: 12px;
font-weight: normal;
}

.postmetadata ul, .postmetadata li {
display: inline;
list-style: none;
}

#sidebar {
margin: 0 50px;
}

#sidebar h2 {
margin: 0 0 5px 0;
font-size: 16px;
}
#sidebar ul {
}

#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;

}
#sidebar ul li {
list-style: none;
margin-bottom: 15px;
float:left;
width: 150px;
font-size: 11px;
}

#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}
#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}
#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}
ol li, #sidebar ul ol li {
list-style: decimal outside;
}
#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}
#searchform {

}
#sidebar #searchform #s {
width: 108px;
padding: 2px;
}
#sidebar #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;
}
/* End Form Elements */
/* Begin Comments*/
.commentlist {
padding: 0;
text-align: justify;
}
.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
background-color:#5e5f6c;
border:1px solid #927897;
}
.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
.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;
}
/* End Comments */


/* Begin Calendar */
#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 {
/* Doesn't work in IE */
background-color: #fff;
}
/* End Calendar */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 20px auto;
padding-left: 20px;
font-style:italic;
color: #ccc;
width: 50%;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
.hidden { 
display: none; 
}
hr {
display: none;
}
a img {
border: none;
}
.navigation {
display: block;
text-align: center;
margin: 0 50px 20px 50px;
}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #729899;
text-align: center;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}