/*
Theme Name: JoEyInBoX Theme
Theme URI: http://blog.joeyinbox.net
Description: Autoportrait vectoriel de <a href="http://joeyinbox.net">Joey Clouvel</a>
Version: 1.1
Author: Joey Clouvel (Aka. JoEyInBoX)
Author URI: http://joeyinbox.net
 
Th?me cr?? par Joey Clouvel (Aka. JoEyInBoX) || http://blog.joeyinbox.net
 
*/

html, body {
  font: 12px/1.5 verdana, sans-serif;
  background : #53a3df url(img/background.png);
  color: #000000;
  margin: 0px;
  padding: 0px;
}
a {
  text-decoration: none ;
  color: #000000;
}

img {
  border: none;
}

pre {
	border-width: 1px 1px 1px 8px;
	border-style: solid;
	border-color: #53a3df;
	padding: 1em;
	margin: 1em;
	background: #B3D5EF;
	width: 90%;
	overflow: auto;
	-moz-border-radius:5px;
	border-radius:5px;
}

h1#titre a{
  position: absolute;
  width: 225px ;
  height: 100px ;
  display: block ;
  background: url(img/titre.png) no-repeat ;
  left: 240px ;
  top: 97px ;
}
h1#titre a span{
  display: none ;
}

abbr, acronym{
	border: medium none;
	background: url(img/dotted.png) repeat-x bottom;
	cursor : help
}

fieldset {
  border: none;
}
.field label {
  display: block;
  cursor: pointer;
}
input, textarea {
  border: 1px solid #999;
  background: #FCFCFC;
}
textarea {
  width: 99%;
}

#rss {
margin-top: 10px;
}


#header {
  background: #53a3df url(img/header.png) top right no-repeat;
  width: 830px;
  height: 200px;
  top: 0px;
  left:0px;
}
#sub_header {
  background: #53a3df url(img/sub-header.png) top left no-repeat;
  width: 250px;
  height: 510px;
  position: absolute;
  top: 200px;
  left: 0px;
}


.billet {
  position: relative;
  color: #000000;
  font: 12px/1.5 Geneva, Arial, Helvetica, sans-serif;
  background: #ffffff url(img/billet-center.png) repeat-y;
  left: 240px;
  width: 550px;
  margin: 5px 0 5px 20px;
  } 
.billet_body {
  padding: 0px;
  margin: 5px 15px 0 15px;
  }
.billet_body a {
  text-decoration: underline ;
  color: #000000;
  }
.billet h2, #nav {
  font-size: 1.3em;
  padding: 15px;
  padding-left: 20px;
  margin: 0;
  color: #000;
  background: url(img/billet-top.png) no-repeat;
  }
.billet_footer {
  background: url(img/billet-bas.png) bottom no-repeat;
  font: 10px/1.2 Geneva, Arial, Helvetica, sans-serif;
  text-align: right;
  padding:15px;
  margin: 10px 0 0 0px;
}
.billet_body blockquote{
  font-style : italic;
  border-left : 5px solid #999;
  padding-left : 1em;
  margin-left: 1em;
}
.billet_body blockquote p{
  width: auto;
}
.billet_body ul{
	list-style-image: url(img/puce.png);
}
.navigation {
  margin-bottom: 20px;
}
#information {
  height: 85px;
  width: 150px;
  background: url(img/info-bulle.png) no-repeat;
  position: absolute;
  z-index: 20;
  left: -137px;
}



div#menu {
  position: absolute;
  top: 210px;
  color: #000000;
  font: 12px/1.5 Geneva, Arial, Helvetica, sans-serif;
  background: #ffffff url(img/menu-center.png) repeat-y;
  width: 230px;
  margin: 511px 10px 5px 10px;
  left: 0px;
  } 
div#menu_body {
  padding: 15px;
  margin: -25px 0 0 0;
  }
div#menu h2, h3 {
  font-size: 1.3em;
  padding: 10px;
  margin: 0;
  }
div#menu ul {
  margin: 0;
  }
#menu_body li {
  list-style: none;
}
#menu_body div li, #menu_body ul li {
  list-style: disc;
}
#menu_top {
  font-size: 1.3em;
  text-align: center;
  padding: 15px;
  margin: 0;
  background: url(img/menu-top.png) no-repeat;
  }
#menu_footer {
  background: url(img/menu-bas.png) bottom no-repeat;
  font: 10px/1.2 Geneva, Arial, Helvetica, sans-serif;
  text-align: right;
  padding:15px;
  margin: 10px 0 0 0px;
}
#a-propos {
  font: 10px/1.2 verdana, sans-serif;
  color: 4f4f4f;
}

#reactions blockquote {
  background: #E2E2E2;
  margin: 1em;
  padding: 1em;
  border: 1px solid #CECECE;
  font-style : normal;
}
.avatar {
  background: #fff;
  float: right;
  padding: 5px;
  margin: -20px -20px 0 5px;
  border: 1px solid #CECECE;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

#search p{
	text-align: center;
	margin: 0;
}

#search input{
	width: 15%;
}

#search input#s{
	width: 55%;
	background: #fff url(img/q.png) no-repeat 2% 50%;
	padding: 2px 20px;
}

#calendar table{
	color: #4F4F4F;
	background: transparent;
	margin: 0 auto;
	/* Desole pour la taille de fonte en pixel, mais IE craint trop */
	font-size: 10px;
	text-align: center;
}

#calendar table td a{
	color: #000;
	font-weight: bold;
}

/* Pour la mise en page au sein des billets */

.center {
	text-align: center;
}

.p_right {
	text-align: right;
}

.logo {
	margin: 0 5px 2px 0; 
}

.left {
	float: left;
}

.right {
	float: right;
}

.wikio {
	margin: 0;
	float:right;
}