/*
Theme Name: Wahal Revolution 
Theme URI: 
Version: 1.0
Author: <a href="http://www.jonagored.com/">(c) 2009 jonagored</a> 
*/

/* -------------------------------------------------------------- 
Standardised Internet Explorer 6 stylesheet:
http://forabeautifulweb.com/blog/about/universal_internet_explorer_6_css/

Author: Andy Clarke
Web site: http://stuffandnonsense.co.uk
Web site: http://forabeautifulweb.com
Web site: http://transcending.com
Twitter: http://twitter.com/malarkey

Version date : 22nd May 2009
Version: 0.3 Alpha

License: Creative Commons CC Zero Declaration. No Rights Reserved.

Based on the work of:
Mark Boulton: http://markboulton.co.uk
Eric Meyer: http://meyerweb.com
Cameron Moll: http://www.cameronmoll.com/
Richard Rutter: http://clagnut.com
Khoi Vinh: http://subtraction.com

-------------------------------------------------------------- */

html, 			body, 
div,			span, 
object, 		iframe, 
h1, h2, h3, h4, h5, h6, 
p, 				blockquote, 
pre, 			a, 
abbr, 			acronym, 
address, 		code, 
del, 			dfn, 
em, 			img, 
q, 				dl, 
dt, 			dd, 
ol, 			ul, 
li, 			fieldset, 
form, 			label, 
legend, 		table, 
caption, 		tbody, 
tfoot, 			thead, 
tr, 			th, td { 
margin : 0; 
padding : 0; 
border : 0; 
font-weight : inherit; 
font-style : inherit; 
font-size : 100%; 
font-family : inherit; 
vertical-align : baseline; }

/* Body ---------------------------------------------------- */


body {
margin : 0 0;
padding : 0;
background-repeat: repeat;
font : 88% Arial, Georgia, Times, serif;
line-height : 1.4;
/*background-color: #333;*/
color : #333; }


/* Headings ---------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { 
font-weight : normal; }

h1 { 
margin-bottom : .5em;
font-size : 3em; 
line-height : 1; }

h2 { 
margin: 0em;
font-size : 2.4em; 
line-height: 1em;
font-family: Arial Black; }
}


h5, h6 { 
margin-bottom : 1.5em;
font-weight : bold; 
font-size : 1em; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { 
margin : 0; }

/* Text elements -------------------------------------------------------------- */

p { 
margin : 0 0 1.5em; }

a {
color : #333; 
}

a:visited { 
color : #333; }

li a, h2 a { text-decoration: none;}


a:focus, a:hover { 
color : #00FF00; }

a img {
border : none; }

blockquote, q {
quotes : "" ""; }

blockquote { 
margin : 1.5em 1.5em 1.5em -1.5em;
padding-left : 1.5em;
border-left : 1px solid #666;
font : italic 1.2em "Times New Roman", Times, serif; }

blockquote:before, blockquote:after, q:before, q:after { 
content : ""; }

strong { 
font-weight : bold; }

em, dfn { 
font-style : italic; }

dfn { 
font-weight : bold; }

sup, sub { 
line-height : 0; }

abbr, acronym { 
border-bottom : 1px dotted #666; }

address {
margin : 0 0 1.5em;
font-style : italic; }

del { 
color : #666; }

pre, code, tt {
margin : 1.5em 1.5em 1.5em -1.5em;
padding-left : 1.5em;
border-left : 1px dotted #666;
font : 1em 'andale mono', 'lucida console', monospace;
line-height : 1.5; }

pre { 
white-space : pre; }

code { 
display : block; }


/* Lists -------------------------------------------------------------- */

li ul, li ol { 
list-style-type : circle;
margin : 0 1.5em .75em 1.5em; }

ul, ol {
margin : 0 1.5em 1.5em 0; }

ul { 
list-style-type : disc; }

ol {
list-style-type : decimal; }

dl {
margin-bottom: 1.5em; 
padding-top: 1.5em; 
border-top : 1px solid #ccc; }

dl dt {
margin-bottom : .75em;
font-size : 1.2em;
line-height : 1.25; }

dd {
margin-bottom: 1.5em; 
padding-bottom: 1.5em; 
border-bottom : 1px solid #ccc; }

/* Tables -------------------------------------------------------------- */

table {
border-collapse : separate; 
border-spacing : 0;
margin-bottom : 1.4em;
width : 100%; }

table, td, th { 
vertical-align : top; }

th, thead th {
font-weight : bold; }

th, td, caption {
padding : 4px 10px 4px 5px; 
text-align : left; 
font-weight : normal; }

th, td {
border-bottom : 1px solid #ccc; }

tfoot { 
font-size : .9em; }

caption {
margin-bottom : 1em;
font-size : 1.5em;
line-height : 1 ; }

/* Forms -------------------------------------------------------------- */

label { 
font-weight : bold; }

fieldset { 
margin : 0 0 1.5em 0; 
padding : 1.4em 1.4em 0 1.4em; 
border : 1px solid #ccc; }

legend {  
font-size : 1.2em; 
font-weight : bold; }

textarea { 
width : 390px; 
height : 250px; 
padding : 5px; }

/* Headings ---------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { 
font-weight : normal; }

h1 { 
margin-bottom : .5em;
font-size : 3em; 
line-height : 1; }

h2 { 
margin: 0em;
font-size : 2.4em; 
line-height: 1em;
font-family: Arial Black; }
}


h5, h6 { 
margin-bottom : 1.5em;
line-height: 1.25em;
font-weight : bold; 
font-size : 1em; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { 
margin : 0; }




/* Me page fav */

#header-fav { width: 950px; height: 80px; margin: 0px auto; padding: 25px; }
#page-fav {  background-color: #D7D7C8;  }
#page-fav-box { width: 1000px; margin: 0px auto; padding: 25px 0px; }
#page-fav-box .fav-box-one { margin: 12px 0px; }

/* Me searchform */

#searchform { margin: 1em 0em 0.3em 0em; }
#searchform input { background-color: #FFF; border: none; padding: 0.1em 0.3em; color: #BFBFBF;}


/* Me -------------------------------------------------------------- */


#page {
text-align: left;
background-color: white;
margin: 18px auto;
padding:0px 0px 15px 0px;
width: 1000px;
/*background: url('images/kubrickbgwide.jpg') repeat-y ;*/
}

#pre-header {  width: 975px; height: 24px; margin: 0px auto; padding: 0 0 0 25px;    }
.prebox {  width: 100%; }
#pre-header p {  text-align: right; padding: 0.4em 0px 0px 0px; font-size: 0.75em; color: #FFF; }
#pre-header a {  color: #FFF;  }
#pre-header a:hover {  color: #333;  }
#header-box { width: 100%;  
background-color: #333;
/*border-bottom: 5px #333 solid;*/
}
#header { width: 1000px; height: 230px; margin: 0px auto; padding: 18px 0px 22px 0px; color: #FFF;  }
#header a {color: #FFF;  }

.toutpost {}

#content {
font-size: 1.2em;
}
#allposts { width: 630px; float: left; padding: 4px 25px 10px 25px;}

.green { background-color: #00FF00; }
.beige { background-color: #F2F2E2; }
.beige { background-color: #333; color: #FFF; }
.beige a { color: #FFF; }
.beige a:hover { color: #00FF00; }

/*hr { display: none; }*/

#pre-footer{ padding: 0.5em 25px; margin: 0 auto; width: 950px;
clear: both; height: 30px;
}
#footer-beige { width: 950px; height: 19px; margin: 0px auto; padding: 3px 25px;   }
#footer-beige p { font-size: 0.8em; text-align: right;   }
#footer-box { padding: 0; margin: 0; width: 100%;
background-color: #00FF00; height: 100px;
}
#footer { padding: 15px 25px; margin: 0 auto; width: 950px; 
background-color: #00FF00; }


#logo-share {width: 210px; padding: 0px 20px; }
.div-head { height: 240px; float: left;}
#blabla { width: 220px; padding: 0px 15px; }
#favoris {width: 500px;  overflow-x: hidden; margin: 5px 0 0 0; /* background-color: #FFF;*/ }


#blabla p {margin: 0px; font-size:0.85em;}
#head-description { padding: 0.25em 0em; }
.p-english { color: #808080; }
.p-french { color: #333; padding: 0em 0.5em;}
#share-head { width: 100%; height: 30px; margin: 0px 0 0 0.3em; border: none; }
#share-head td, #share-head-mood td { border: none; }
#share-head td:hover { opacity: 0.5; cursor: pointer; }

#share-head-mood { width: 250px; border: none; margin: 0.5em 0em; height: 25px; }


#entete-cat { text-align: center; margin: 0px; padding: 0.5em 0em; }
#entete-cat ul, #entete-cat li{ list-style-type : none; float: left; margin: 0px; padding: 0px;  }
#entete-cat li { margin: 0.25em 0em; font-size: 0.85em; }
#entete-cat li a { background-color: #FFF; font-weight: bold; height: 20px; padding: 0.2em 0.4em 0.1em 0.4em; margin: 0.8em 0.8em 0.8em 0em  ; color: #333; text-transform: uppercase; }
#entete-cat li a:hover { color: #FFF; background-color: #00FF00;}

#vCard { margin: 0px auto; width: 950px; padding: 5px 25px 8px 25px; text-align: left;  }
/*#vCard-box hr, #addthis-header-box hr { display: none; margin: 0; padding:  0;}*/

#div-addthis-header { margin: 0px auto; width: 950px; padding: 5px 25px 8px 25px; }
#div-addthis-header p, #vCard p { margin: 0.3em 0em;  }

/* Box annuaire */

#titre-annuaire {  height: 29px; width: 100%;  background-color: #333; }
#titre-annuaire p {padding: 0.2em 20px; text-transform: uppercase; font-family: Arial Black; font-size: 1.1em; text-align: center;  } 
#fav-box-wide { 	width: 5000px; height: 187px; margin: 0px; color: #333; background-color: #BFBFBF;}

.fav-box-one { 	height: 185px; width: 500px; float: left; overflow: hidden; }
.fav-div { width: 250px; float: left;}
.fav-div-texte { width: 250px; }
.excerpt-annuaire { margin: 13px 15px 0px 0px;}
.excerpt-annuaire h5 { font-weight: bold; font-size: 1.5em; line-height: 1.2em;}
.excerpt-annuaire p { font-size: 0.85em; margin: 0px;}
.img-ex-annuaire {margin: 13px auto; padding: 0px 15px;}
#fav-box-wide .cat a {  color: #333; background-color: #FFF; font-size: 0.85em; float: left; margin: 0px 0.6em 0.5em 0px ; padding: 0.2em 0.4em; text-decoration: none;}
#fav-box-wide .cat a:hover {  color: #FFF; background-color: #00FF00;}
.excerpt-annuaire .cat ul li { color: #333; }
#header a:hover {  color: #00FF00;}

#nav-fav { width: 500px; height: 25px; margin: 0 0 4px 0 ; border: none; }
#nav-fav td { padding: 0;}
#nav-fav td, #nav-fav table { border: none; }
.bt-nav-fav { width: 25px; height: 25px; margin: auto ; }
#fav-more { text-align: right; float: right; }
#fav-more a { font-weight: bold; color: #333;}
#fav-more a:hover { color: #FFF;}


/* moodboard */

#moodboard { margin: 0; width:320px; background-color: #00FF00; padding: 0px; height: 1110px; }
#moodboard h2 { margin: 0px 0px 10px 0px; font-weight: normal; }
#moodboard h5 { font-family: Georgia, serif; font-size: 34px; font-style: italic; margin: 36px 0px 10px 0px; line-height: 0px;}
.mood-legend { font-size: 0.7em; margin: 20px 0px 1em 0px; }

.moodboard-each { width:100%; height: 90px; overflow: hidden; margin: 0px; background-color: #E6E6E6; border-bottom: 1px #FFF solid;}
.moodboard-each:hover { width:100%; height: 200px; overflow: hidden; margin: 0px; background-color: #E6E6E6; cursor: pointer; }
.eachimage p { margin: 0px;  }
.moodboard-post { width:320px; height: 200px; overflow: hidden; margin: 0px; background-position: center center; }
.moodboard-post p { }
.moodboard-post p {  }


#openedposts {  
position:  static;
top: 0px;
}

.closepost{ float: right;color: #FFF; }
.closepost:hover {cursor: pointer; color: #333;}

.mood-post, .boite_post {
	max-width: 650px;
	height: auto;
	overflow: hidden;
}
	/* Me page mood */
	
	#page-mood { min-height: 800px;
	/*background: url(images/box-mood.png) no-repeat center center; */}
	
	#page-mood .moodboard, .boite_post { max-width: 600px; overflow: hidden; 
	-moz-box-shadow: 0px 2px 20px #333; -webkit-box-shadow: 0px 2px 20px #333;
	background-color: #FFF; position: absolute;
	}
	.mood-hand { height: 20px;  background-color: #BFBFBF; cursor: move; margin: 0; padding: 0.2em 0.5em 0em 0.5em; text-transform: uppercase; color: #FFF;
	font-family: Arial Black; font-size: 0.85em; }
	
	.link-moodboard { position: relative;  top: 0px; left: 0px; padding: 12px; }
	#page-mood  p {margin: 0; }
	.link-moodboard a, .link-moodboard a:visited { color: #333; padding: 0.2em 0.5em;  }
	.link-moodboard a:hover { background-color: #00FF00; color: #000; opacity: 1;  }
	
	
/* lasidebar */

#lasidebar { width: 320px; margin: 0px 0px 0px 680px; background-color: #FFF;}

#titre-mood { background-image: url(images/titre-planche.png) ; margin: 0px 0px 0px 0px; padding: 0px;
width: 320px; height:50px;  overflow: hidden; }
#titre-mood a { }


/* Posts ------------------------------------------------- */
.chapeau, .post-content {float: left;}
.chapeau{width: 100%; padding: 0.75em 0em 0.2em 5px ;  }
#allposts-single {position: absolute; top: 20px; left: 250px; }

.auteur-date, .cat-nav  { width: 100px; float: left; text-align: center; font-size: 0.85em;}
.auteur-date p { margin: 0.4em 0.5em 0.65em 0.5em; }
.auteur-date a { font-weight: bold ; }
.titre { width: 505px; float: left; text-transform: uppercase;}

.post-cat-nav{width: 625px; float: left;}
.post-content{ width: 520px; overflow: hidden; float: left; padding: 0px 0px 0px 5px; margin: 0em 0em 2em 0em; }
.post-content img { padding: 0px; margin: 0px; }
.faux-titre {margin-bottom: 2em; background-color: transparent; height: 20px;}

.post-content-post { margin: 0em 0em 2em 0em ; padding: 0em 0em 0em 0em; background-color: white;  float: left; width: 100%;}

.post-content p img { margin: 0em ; padding: 0em;   }
.post-comment p { background-color: transparent; }
.post-content p {background-color: transparent; margin: 0em 0em 0.8em 0em; padding: 0;}
.post-comment { margin: 1em 0em; padding: 0em; width: 100%; }
.box-nav { margin: auto; width: 50px;  }

.nav { height: 25px;  padding: 0em 0em; text-align: left; float: right; width: 120px; border: none;}
.nav td, .nav tr, .nav table { border: none;}

.eachpost h2 { color: #333333; }
.bt-nav { width: 25px; height: 25px; cursor: pointer ; float: left; }
.bt-nav:hover { opacity:0.5;}
.bt-nav-addthis { background-image: url(images/picto-share-blanc.png); }
.bt-nav-com { background-image: url(images/picto-comment-blanc.png); }
.nav-addthis {  margin: 0px 0em; padding: 0.5em 0px 0.5em 13px; width:80px; background-color: #FFF ;}
.nav-addthis a { margin:0.2em; }
.bt-nav-close {  }

hr { margin: 0.1em 0em 0em 0em; display: block; color: #333;  background-color: #333; border: none; height: 1px; }
.cat-nav hr { background-color: #333; color: #333; margin: 0 4px;}

.cat li { list-style-type : none; float: center; margin: 0.6em 0em; padding: 0em 0em; }
.cat ul {  margin: 0em; padding: 0em; font-size: 0.85em; }
.cat li a {color: #FFF; }
.cat li a:hover {color: #00FF00; background-color: white; }
.cat { margin: 0.3em 0em; padding: 0em; text-transform: uppercase; width: 100px; }
.cat a { font-weight: bold;padding: 0.2em 0.5em; background-color: #00FF00; color: #333; text-align: center; height: auto;  }




h4 { margin-bottom : 0em; font-size : 1.75em; line-height : 1em; text-transform: uppercase; font-weight: bold; padding: 0em 0em; font-family: Arial Black; }
.admin h4 { color: #D9EBFF; }
.manu h4 { color: #D5F3CE; }


#div-next { margin: 0px 0px 4em 0px;  }


/*  aimons */

#aimons {
width: 320px;
margin-top: 25px;
}

#aimons p {
margin: 0px;
padding: 0px;
text-align: center;
}

#aimons a { font-size: 1.35em; color: #BFBFBF; font-weight: bold; text-decoration: none; line-height: 1.35em; }
#aimons a:hover { color: #333; }


/* Archives ------------------------------------------------- */

h3 { line-height: 1em;  font-size: 1.2em; font-weight: bold; text-transform: uppercase; color: #FFF ; text-align: center; padding: 0 25px;}

#arch-tit-box {      position:absolute;
     width: 100%;
     left: 0px; 
     top: 289px;
 }
#titre-arch {      
     background-color: #00FF00;
     padding: 0.22em 0.5em;
 }

#title-archives {
width: 1000px;
margin: 0px auto;
	text-align: left;
	cursor: default;
}
.archives .post-content {
}
/* IE hack 
.cat { width: 120px;}

>>> repasser en 110px 10px pour le decal car sinon ça va merdé sur les anciens FF et safari... et chrome, a cause du 300 px

*/