/* RESET */

html, body {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}

/* Debug Reset */
* {
	}

/* LAYOUT ELEMENTS*/
#page{
	font-size : 80%;
	margin : 0 auto;
	margin-top : 10px;
	padding : 10px;
	width : 960px;
	background : #FFF;
	border : 1px solid #000;
}

#page h1 a img{
	border : 0;
}

#menu {
	display : block;
	background : #FFF;
	height : 20px;
}

#menu a{
	width : 96px;
	padding : 2px;
	padding-left : 10px;
	float : left;
	background : #FFF;
	border-right : 1px solid #000;
	text-decoration : none;
	font-weight : bold;
}

#menu a.selected{

	background : #ccc;
}

#sidebar {
	float : right;
	width : 256px;
	padding : 10px;
	font-size : 90%;
}

#sidebar a{
	display : block;
}

#sidebar h2 {
	/*font-size : 14px;*/
	border-top : 1px solid #888;
}

#sidebar li{
	list-style-image : url(img/avatar_link.jpg);
	min-height : 18px;
}

#sidebar fieldset {
	border : 0px;
	margin : 0;
	padding : 0;
}


#content {
	/* clear : both; */
	width : 640px;
	padding : 5px;
}

#footer{
	font-size : 80%;
	color : #888;
	text-align: center;
	clear : both;
	border-top : 1px solid #CCC;
}

/* STANDARD ELEMENT*/
body {
	background : #FFF;
	color :#000;
	font-family : arial, sans-serif;
	text-align : justify;
}

a{
	text-decoration : none;
	color : #B11;
}

a:hover {
	color : #000;
	text-decoration : underline;
}

a img{
	border : 0;
}

h2 {
	color : #B11;
	margin-right : 40px;
	margin-bottom : 5px;
	padding-left : 10px;
}

h3 {
	margin : 0;
	margin-top : 5px;
	margin-bottom : 2px;
	padding-left : 30px;
	font-style : italic;
}

h4 {
	padding-left : 10px;	
}

dd {
	text-align : justify;
}

ul {
	margin : 0;
	padding-left : 20px;
}



/* BLOG SPECIFIC */
p.day-date {
	color : #AAA;
	text-align : right;
	border-top : 1px solid #AAA; 
	margin-left : 200px;
	margin-top : 40px;
}

p.post-info {
	color : #AAA;
	margin : 0;
	margin-left : 40px;
}

p.post-info-co {
	color : #AAA;
	margin : 0;
	text-align : right;
}

p.post-info a, p.post-info-co a{
	color : #AAA;
}

ul.tags li {
	display : inline;
}
	
ul.post-tags {
	margin : 0;
	margin-left : 80px;
	padding : 0;
}

ul.post-tags  li{
	font-size : 12px;
	display : inline;
	background: transparent url(img/avatar_tag.jpg) no-repeat 0 50%;
	padding-left : 22px;
	padding-right : 10px;
}

ul.post-tags  li a{
	color : #000;
}

.dc-tags .tag0, .tags .tag0 { font-size: 60%; }
.dc-tags .tag10, .tags .tag10 { font-size: 70%; }
.dc-tags .tag20, .tags .tag20 { font-size: 80%; }
.dc-tags .tag30, .tags .tag30 { font-size: 90%; }
.dc-tags .tag40, .tags .tag40 { font-size: 100%; }
.dc-tags .tag50, .tags .tag50 { font-size: 110%; }
.dc-tags .tag60, .tags .tag60 { font-size: 120%; }
.dc-tags .tag70, .tags .tag70 { font-size: 140%; }
.dc-tags .tag80, .tags .tag80 { font-size: 180%; }
.dc-tags .tag90, .tags .tag90 { font-size: 200%; }
.dc-tags .tag100, .tags .tag100 { font-size: 240%; }


div.post-content {
	font-size : 14px;
}

div.post-content blockquote{
	background : #FAA;
	border : 1px solid #000;
	padding : 10px;
	text-align : justify;
}

#sidebar .syndicate li{
	list-style-image : url(img/avatar_RSS.jpg);
}

#sidebar .categories li{
	list-style-image : url(img/avatar_folder.jpg);
}

#sidebar .selected li{
	list-style-image : url(img/avatar_favorite.jpg);
}

#sidebar .tags li{
	list-style-image : url(img/avatar_tag.jpg);
}

#search input{
	font-size : 14px;
	margin : 0;
	padding : 0;
}

#search input[type=text] {
	background : transparent url(img/search.png) no-repeat;
	padding-left : 18px;
	width : 192px;
}

.post-syndication p{
	background : #FEC;
	border : 1px solid #AAA;
	padding : 5px;
}

.post-syndication a{
	font-weight : bold;
	color : #D72;
}

.post-bookmarks p{
	background : #CEF;
	border : 1px solid #AAA;
	padding : 5px;
}

#comments dt {
	/* height : 66px; */
	border-top : 1px solid #AAA;
}

#comments dt img {
	vertical-align : middle;
	border : 1px solid #000;
}

#comments dt.me { 
	background : #DEF;
}

#pr {
	background : #EEF;
	border : 1px solid #AAA;
	padding : 10px;
	margin-top : 10px;
}

#comment-form{
	background : #EEE;
	border : 1px solid #AAA;
	padding : 10px;
	margin-top : 10px;
}

#comment-form .field label{ 
	float : left;
	width : 200px;
}


/* MISCELLANEOUS */
/* messages d'erreur */
.error {
	border : 1px solid #c44;
	background : #df0;
	padding : 10px;
	}
.error ul {
	padding-left : 20px;
	}
.error li {
	list-style : square;
	}
	
.message {
	font-weight : bold;
	color : #0B0;
	background: transparent url(img/valid.png) no-repeat ;
	}