/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* Two-column with sidebar on left from the /examples/ folder  */
@import url('examples/1c-b.css');

/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}



body {
	background:black url("img/body-fond.png") no-repeat top center;
	font-family:Helvetica, "Myriad Pro", "Arial";
	margin:0;
	padding:0;
}

div#wrapper {
	/*width:780px;
	margin:0 auto;*/
	
	position:absolute; 
 	left: 50%;  
  	width: 780px; 
  	margin-left: -390px; /* moitié de la largeur */ 
}



div#header{
	position:relative;
	background: #1e1c18 url("img/header-fond.png") repeat-x;
	height:175px;
}

	h1 {
		margin:0;
		padding:0;
	}

	h1 a {
		color:#eaeaea;
		text-decoration:none;
		font-size:50px;
		text-transform:uppercase;
		letter-spacing: -0.08em;
		margin:0 0 0 35px;
		padding:0;
		line-height:140px;
	}

	#blog-description {
		position:relative;
		top:-40px;
		color:#bea68b;
		font-weight:bold;
		margin-left:35px;
	}

	#brief {
		position:absolute;
		top:0px;
		right:0px;
		width:279px;
		height:175px;
		padding:0 0 0 0;
		background:#d54200 url("img/header-brief-fond.png") no-repeat;
		color:white;
		font-size:0.7em;
		font-weight:bold;
	}

		#brief p {
			margin:14px;
		}




div#menu {
	background:url("img/menu-fond.png");
	margin:0;
	height:42px;
	width:100%;
	font-size:0.7em;
}

	div#menu ul a {
		background:url("img/menu-separateur.png") no-repeat top right;
		display:block;
		text-decoration:none;
		line-height:42px;
		padding:0 14px;
		color:#9c958b;
		font-weight:bold;
	}

	div#menu ul a:hover {
		background:url("img/menu-fond-actif.png");
		color:white;
	}

	div#menu ul,div#menu ul ul {
		line-height:1;
		list-style:none;
		margin:0;
		padding:0;
	}


	div#menu ul ul ul a {
		font-style:italic;
	}

	div#menu ul li ul {
		display:none;
		position:absolute;
	}

	div#menu ul li:hover ul {
		display:block;
	}


.article {
	border-left: 1px solid #151515; 
	border-right: 1px solid #151515; 
	padding:20px;	
	background:#0a0908 url("img/article-fond.png") repeat-x bottom;
	color:#dcdcdc;
	font-size:0.8em;
}

	.entry-title,.entry-meta {
		clear:both;
		color:#ff7200;
		font-size:1.1em;
	}

	.article p {
		margin:10px 0;
	}

	.article a {
		color:#ffd8a5;
		text-decoration:none;
	}

	.article a:hover {
		color:#ffe7a5;
	}

	img {
		border:none;
	}



div#footer {
	text-align:center;
	height:230px;
	background:#100f0d url("img/footer-fond.png") no-repeat;
}

	.footer-div {
		
		width:260px;
		float:left;
		padding:17px 0;
	}

		.footer-titre {
				display:block;
			margin-bottom:40px;
			color:white;
			font-weight:bold;
		}

		.footer-div p {
			
			font-size:0.8em;
			text-align:left;
			color:#ffffff;
			padding:0 30px;
		}

		.footer-div ul {
			margin-top:40px;
			font-size:0.8em;
			text-align:left;
			list-style:none;
		}

		.footer-div a {
			text-decoration:none;
			color:#ffd8a5;
		}

		.footer-div a:hover {
			text-decoration:none;
			color:#ffffff;
		}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}


input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}