/*
Theme Name: La Fabrick Interactive
Theme URI: http://wordpress.org/
Description: Le theme du blog  <a href="http://www.lafabrick.com/blog/">lafabrick</a>.
Version: 1
Author: Lionel Breduillieard
Author URI: http://www.lafabrick.com/
Tags: dark, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	ce theme a été crée par Lionel Breduillieard
	pour le blog lafabrick: http://www.lafabrick.com/blog/

*/



/* Begin Typography & Colors */
body
{
	background:url(img/bg.png) repeat-x;
	padding:0;
	color:#444;
}

/**
*
* Navigation principale
*
*/

.menu
{
	position:absolute;
	left:50%;
	top:95px;
	margin:0 0 0 -250px;
}

.menu li
{
	float:left;
	width:130px;
	list-style:none;
	margin:0;
	
}

.menu a
{
	color:#ffb200;
	background:url(img/menu.png) no-repeat;
	display:block;
	padding-left:1em;
	height:40px;
	line-height:40px;
	text-decoration:none;
	font-size:.9em;
	font-weight:bold;
	text-transform:uppercase;
}

.menu a:hover
{
	display:block;
	padding-left:1em;
	height:40px;
	line-height:40px;
	background-image:url(img/over.png);
	color:#39C;
}

.menu .current_page_item a
{
	background-image:url(img/selected.png);
}

.menu .current_page_item a:hover
{ color:#ffb200;}


/**
*
* Layout
*
*/
#header
{
	height:135px;
	background:url(img/bandeau.png) no-repeat center 0;
}

#blog, #article
{
	width: 900px;
	margin: 0 auto;
}

#content
{
	float:left; 
	width:660px;
	line-height: 1.3;
}



#content h2 a
{
	color:#333;
}

#content h2 a:hover
{
	color:#666;
	text-decoration:underline;
}

#blog #content
{
	width:540px;
	margin-left:120px;
}

#sidebar
{
	float:left;
	width:220px;
	margin-top:3em;
	margin-left:20px;
}

#sidebar a
{
	color:#888;
}

.invisible
{
	position:absolute;
	text-indent:-9999em;
}
/**
 *
 * elements commun
 *
 */

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

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

img
{ padding:3px; border:1px solid #999;}

#sidebar  h3
{
	border-top:2px solid #333;
	border-bottom:1px dotted #333;
	color:#000;
	padding:.5em 0;
}
 

/**
*
* Home
*
*/

h2, #article h1
{
	border-bottom:1px dotted #333;
	color:#000;
	line-height:normal;
}

h2 a  { color:#000; text-decoration:none;  }
h2 a:hover  { color:#444;  }
.entry
{
	line-height:150%;
	border-bottom:1px dotted #333;
}
.infos
{
	position:absolute;
	width:100px;
	margin-left:-110px;
	margin-top:-3.1em;
	font-size:.85em;
	color:#666;
}
 
.infos small
{
	color:#C00;
	border-bottom:1px dotted #333;
	display:block;
	font-weight:bold;
	font-size:1.5em
}

.navigation
{
	margin-bottom:10px;
}

.navigation a
{
	color:#F60;
	font-weight:bold;
	font-size:1.2em;
}

.navigation li a
{
	color:#F60;
	font-weight:normal;
	font-size:.9em;
}

/*
	archives
*/

.post h3 a
{
	font-size:1.2em;
	text-decoration:underline;
	color:#F60;
}

.post h3 a:hover
{
	font-size:1.2em;
	text-decoration:none;
	color:#999;
}

/**
*
* Comments
*
*/

.commentlist li{
	border-bottom:1px dotted #333;
	margin-bottom:10px;
}

 /**
 *
 * Utiles
 *
 */
 
.cleaner
{
   clear:both;
   
}