/*  
Theme Name: Unnamed Lite
Theme URI: http://xuyiyang.com/wordpress-themes/unnamed/
Description: Unnamed is a three-column, widget-ready wordpress theme. It is easy to use and highly customizable.
Version: 1.0
Author: Xu Yiyang (deeply modified by Benjamin Marteau)
Author URI: http://xuyiyang.com/
Tags: Blue, custom header, fixed width, three columns, widgets, option page, easy-customization.

This theme uses the wonderful Sweetie Icons by Joseph North:
http://sweetie.sublink.ca/

The theme is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* General */
*, html {
	margin:0;
	padding:0;
margin-top:0px;

}
body {
	font:62.5% Arial;
	text-align:justify;


}
fieldset, select, img {
	border:0;
}
hr, #searchform br, .counter {
	display:none;
}
a, a:link, a:active, a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
p {
	margin:0 0 10px;
}
ol li {
	list-style:decimal outside;
}
acronym, abbr, span.caps {
	cursor:help;
}
acronym, abbr {
	border-bottom:1px dashed #fc0;
}
blockquote {
	border-left:3px solid #ccc;
	margin:20px;
	padding-left:10px;
}
cite, ins {
	text-decoration:none;
}
code, pre, kbd {
	font:1em Arial;
}
small {
	font:.8em Arial ;
	color:#777;
}
strike, del {
	color:#777;
	text-decoration:line-through;
}
label {
	cursor:pointer;
}
h1, h2, h3, h4 {
	font-family:Arial;
}
h1 {
	font-size:2.6em;
	text-align:left;
	padding:21px 0 5px 20px;
}
h2 {
	margin:5px 0;
	font-size:2.2em;
font-weight:bold;
}
h3, h4 {
	margin:15px 0 0;
	font-size:1.2em;

}


/* Container */
#container {
	position:relative;

margin-top:5px;
margin-left:auto;
margin-right:auto;
	font-size:1.2em;
	width:1050px;
padding-top:2px;
background-color:#FFFFFF;

}
#content {
	width:1040px;
	margin:0 auto;

}
/* Header and Navigation */
#header {
	margin:0 auto;
	line-height:1.2em;
	width:990px;

}
.description {
	text-align:center;
	padding:0 0 5px 20px;
	font:1em Arial;
}
#nav {
	display:block;
	height:32px;
font-weight:bold;
	margin:0 auto !important;
	padding-left:30px;
	text-align:center;
	letter-spacing:0.15em;
	text-transform:uppercase;
	width:1040px;
	list-style:none;
	z-index:8;
}
#nav li {
	float:left;
	padding:0;
	margin-left:10px;
}
#nav li a {
	display:block;
	line-height:32px;
	padding:0 10px;
	color:#B0C4DE;
	text-decoration:none;
font-size:15px;
}
#nav li a:hover {
	color:#6B4C37;
	background:#DADFEB;
}
#nav li li {
	width:200px;
}
#nav ul a {
	color:#fff;
	line-height:24px;
}
#nav ul {
	position:absolute;
	z-index:500;
	top:auto;
	list-style:none;
	display:none;
	width:200px;
	list-style:none;
	text-align:center;
	border:1px solid #333;

	background:#444;

}
#nav ul ul {
	top:0;
	left:100%;
}
#nav li:hover, #nav li.sfhover {
	color:#fff;
	background:#333;
	cursor:pointer;
	z-index:100;
}
#nav li:hover ul ul, #nav li li:hover ul ul, #nav li li li:hover ul ul, #nav li li li li:hover ul ul, #nav li.sfhover ul ul, #nav li li.sfhover ul ul, #nav li li li.sfhover ul ul, #nav li li li li.sfhover ul ul {
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	display:block;
}
/* Primary Content and Entries */

#primary-content {
	float:left;
	text-align:left;
	line-height:1.6em;
	margin-left:20px;;
	width:490px;
	display:inline;
	overflow:hidden;

}
.pagetitle {

	margin-top:0px;
color:#6B4C37;
text-align:left;
font-size:1.6em;
font-weight:700;
line-height:1.2;

padding:3px 0;
margin-bottom:20px;


}


.entry {
	text-align:justify;
	padding:10px 8px;

}
.entry ul, .entry ol {
	margin:0 0 0 40px;
}
.entry li {
	padding-bottom:8px;
}
.entry-header {
	font-size:1.6em;
	font-weight:700;
line-height:1.2;
	padding:0px 0px 20px 0px;
}

.entry-header a {
	text-decoration:none;
}

.entry-date {
	text-align:left;
	font-size:1.3em;
color:#6B4C37;

}
.entry-footer {
	color:#ccc;
	font-size:1.2em;
	text-align:right;
	margin:0 0 5px;
	line-height:1.2em;
	padding:4px 0;

}
/* Sidebar */

#sidebar {



	float:left;

	line-height:1.4em;

	margin:0px 1.5% !important;

	width:497px;

	text-align:center;

	font-size:1em;

}

#sidebar h2 {

	font-size:1.2em;

	font-weight:400;

	margin:20px 2px 10 7px;

	padding-top:20px;

padding-right:0px;

padding-bottom:5px;

font-weight:bold;

color:#6B4C37;



}

#sidebar ul {

	text-align:justify; margin-top:10px;

	list-style:none;



}

#sidebar li {

	width:100%;



}

#sidebar ul ul li {

	width:100%;

	margin:10px 5px;

	padding:2px;



}

#sidebar ul ul li a, #sidebar ul ul li a:link, #sidebar ul ul li a:visited {

	padding:2px 4px;

}

.left-sidecolumn {

	clear:left;

	float:left;

	width:43%;

	padding:0% 4% 0% 3%;

margin-top:10px;

margin-right:0%;

margin-left:2%;

background-color:#DADFEB;

}

.right-sidecolumn {

	clear:right;

	float:right;

	width:40%;

	padding:10px 0px;

margin-left:0%;





}

.intro {

	font-size:.9em;

	color:#777;

	width:100%;

	margin:8px 4%;

	padding:0 0 15px 0;

	background:url(images/bg_meta.png) no-repeat center bottom;

	line-height:1.4em;



}

/* Shelf */

#shelf {

	float:left;

	line-height:1.2em;

	width:100%;

}

#toggle {

	width:990px;

	margin:0 auto !important;

	margin:0;

	text-align:left;

	background:#000;

	list-style:none;

	overflow:hidden;

}

#toggle h2 {

	color:#fff;

	font-size:1.2em;

	font-weight:400;

	margin:15px 2px 0;

}

#toggle ul {

	list-style:none;

	margin:10px 0 10px;

}

#toggle li {

	float:left;

	width:21%;

	background:transparent;

	margin-left:1.8% !important;

	margin-left:1.5%;

	padding:0 4px 6px 4px;

	display:inline;

}

* html #toggle li {

	width:20%;

}

#toggle ul li {

	width:100%;

	margin:2px 0;

	padding:0 8px;

}

#toggle ul li a, #toggle ul li a:link, #toggle ul li a:visited {

	display:block;

	background:transparent;

	color:#fff;

	padding:2px;

	border-top:1px solid #3465A4;

	border-bottom:1px solid #3465A4;

	text-decoration:none;

	white-space:nowrap;

}

#toggle ul li a:hover {

	border-top:1px solid #fc0;

	border-bottom:1px solid #fc0;

}

#toggle li.tags {

	width:45%;

}

#toggle li.tags a:hover {

	background:none;

	text-decoration:underline;

}

#sidebar ul ul, #toggle ul {

	margin:0;

	padding:0 0 10px;

}

/* Footer */

#footer {

	clear:both;

	height:64px;

	margin:0 auto;

	width:1000px;





}

#footer p {

	color:#black;

	text-align:center;

	font-size:1em;

	line-height:1.5em;

	padding:12px 0 0;

}

/* Search */

#search {

	width:100%;

	line-height:1em;

	display:block;

}

.searchinput {

	font-size:1em;

	width:88%;

	margin:5px 4%;

	padding:3px;

	border:1px solid #ccc;

	height:16px;

	background:url(images/bg_search.png) right 3px no-repeat #f4f4f4;

}

.searchinput:focus, .searchinput:hover {

	border:1px solid #fc0;

	background:url(images/bg_search.png) right -16px no-repeat #fff;

}



/* Comments and Trackbacks */

.comment-section {

	margin:50px;

	text-align:justify;

}

#leavecomment {

	margin:30px 25px 20px 0 !important;

	text-align:center;

	color:#ccc;

	font:1.8em Arial;

}

.section-title {

	font-size:1.5em;

	font-weight:400;

	text-align:justify;

	margin:5px 25px 5px 0;

line-height:1,2;

}

#commentform {

	margin:15px 0;

}

input#author, input#email, input#url, textarea#comment {

	border:1px solid #ccc;

	padding:1px;

	background:#f4f4f4;

}

#commentform input:focus, #commentform textarea:focus, #commentform input:hover, #commentform textarea:hover {

	border:1px solid #fc0;

	background:#fff;

}

textarea#comment {

	width:99%;

}

#submit {

	float:right;

	margin:0 0 0 10px;

	border:1px solid #3465A4;

	color:#fff;

	background:#5D8BB3;

	padding:0 2px;

}

#submit:hover {

	border:1px solid #3465A4 !important;

	color:#fff !important;

	background:#3465A4 !important;

}

.comment-header {

	text-align:left;

	margin:4px 0;

	font:1.3em Arial;

}

.comment-content {

	margin:10px;

	text-align:justify;

}

.comment-footer {

	text-align:left;

	margin:4px 0 0;

	font-size:.9em;

}

#commentlist {

	list-style:none;

}

#commentlist li {

	margin:10px 0;

	list-style:none;

	padding:4px 0;

	line-height:1.8em;

	background:url(images/bg_meta.png) no-repeat top center;

}

#commentlist li .counter {

	display:none;

}

#commentlist li img {

	padding:0;

	border:0;

}

#commentlist li span.gravatar {

	float:right;

	margin:2px;

	border:1px solid #ccc;

	width:32px;

	height:32px;

}

#error {

	margin:2px;

	padding:2px;

	text-align:center;

	color:#FF0000;

	background:#FFFF99;

	border-left:1px solid #fc0;

	padding:2px 5px;

}

/* Images and float */

img {

	border:0;

}

p img {

	border:0;

	max-width:100%;

	padding:2px;

}



.aligncenter,div.aligncenter {

	display:block;

	margin-left:auto;

	margin-right:auto;

}



.alignleft {

	float:left;

}



.alignright {

	float:right;

}



.wp-caption {

	border:1px solid #ddd;

	text-align:center;

	background-color:#f3f3f3;

	padding-top:4px;

	-moz-border-radius:3px;

	-khtml-border-radius:3px;

	-webkit-border-radius:3px;

	border-radius:3px;

	margin:10px;

}



.wp-caption img {

	border:0 none;

	margin:0;

	padding:0;

}



.wp-caption p.wp-caption-text {

	font-size:11px;

	line-height:17px;

	margin:0;

	padding:0 4px 5px;

}



.feedlink img {

	display:inline;

	float:left;

	margin:0;

	padding:0;

}

/* Text align */

.center {

	text-align:center;

}

.item {

	text-align:right;

}

/* Float */

.floatright {

	float:right;

}

.floatleft {

	float:left;

}

/* Miscellaneous */

.content-top {

	font-size:.9em;

	text-align:right;

	width:988px;

	background:url(images/bg_content_top.png) transparent repeat-x top center;

	margin:0 1px;

	height:15px;

}

.content-top a {

	margin:0 15px 0;

}

.content-bottom {


	height:6px;

	margin:0 1px;

	width:988px;

}

.navigation {

	display:block;

	font-size:.9em;

	text-align:center;

	padding:10px 0;

}

.barregrise {

background:url(images/bg_content_bottom.png) repeat-x bottom left;

	height:6px;

	margin-bottom:15px;

	width:490px;

}

.barregrise2 {

background:url(images/bg_content_bottom.png) repeat-x bottom left;

	height:6px;
	margin-top:10px;
	margin-bottom:25px;

	width:490px;

}

.encadreleft {

float: left; 
width: 200px; 
color: white; 
margin-right: 15px; 
background-color: gray; 
padding: 10px;

}

.encadreright {

float: right; 
width: 200px; 
color: white; 
margin-left: 15px; 
background-color: gray; 
padding: 10px;

}

.alert {

	color:#FF0000;

	background:#FFFF99;

	border:1px solid #fc0;

	text-align:center;

	margin:10px auto;

	padding:5px;

}

.metacmt {

	background:url(images/comment.png) left center no-repeat;

	padding:2px 0 2px 20px;

font-weight:bold;

}



.metacmtune {

	background:url(http://peillon.site90.com/wp-content/uploads/2009/12/edit.png) left center no-repeat;

	padding:55px 0 40px 55px;

font-weight:bold;

}

.metacat {

	background:url(images/tag1.png) left center no-repeat;

	padding:2px 0 2px 16px;

}

.metatag {

	color:#ccc;

	background:url(images/tag2.png) left center no-repeat;

	padding:0 0 0 16px;

}

.metaedit {

	background:url(images/edit.png) left center no-repeat;

	padding:2px 0 2px 17px;

}

.clear {

	clear:both;

}