/*
Theme Name: Custom Fluid Based
Theme URI: http://room34.com/downloads/wppi
Description: A simple baseline WordPress theme built with HTML 5 and Fluid CSS.
Version: 1.5
Author: Scott Anderson
Author URI: http://room34.com/
Tags: white, silver, light, two-columns, fixed-width

	This is a barebones, yet elegantly designed theme written in valid (X)HTML 5
	and using the Blueprint CSS framework.  It works well on its own and is also
	an excellent starting point for custom theme development.
	
	The theme is suitable for use with a standard WordPress blog, but is also
	designed for sites that use WordPress as a CMS, with a horizontal navigation
	bar in the header area, with drop-down menus for secondary navigation.
	Secondary navigation also appears in a sidebar menu when viewing appropriate
	primary and secondary pages.
	
Credits and license:

Uses the Blueprint CSS framework:
http://www.blueprintcss.org/

Design, CSS and HTML are released under LGPL version 3:
http://www.gnu.org/licenses/lgpl-3.0-standalone.html

Last update: August 20, 2009
*/

/* STANDARD HTML TAGS */

body {
	color: #111;
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif;
}

a, a:visited {
	/*color: #069;
	color:#8C2301;*/
	color:#000;
	text-decoration: none;
}

a:hover {
	/*color: #036;*/
	color:#FF2A2B;
	text-decoration: underline;
}

a:active, a:focus {
	outline: none;
}

blockquote {
	border-left: 0.5em solid #ccc;
	font-size: 0.9em;
	font-style: normal;
	padding: 0 0 0 1em;
}

h1, h2, h3, h4, h5, h6 {
/*	line-height: 1.2em;*/
	margin:0; padding:0;
}

hr {
	background: #eee;
	color: #eee;
}

small {
	color: #555;
	font-size: 0.9em;
}

th {
	background: #eee !important;
}

ul.inline {
	display: block;
	margin: 1em 0;
	padding: 0;
}

	ul.inline li {
		display: inline;
		margin: 0 0.5em 0 0;
	}

ul, ol{ margin:0;}

/* CUSTOM CSS CLASSES */

.alignleft {
	float: left; display: inline; /* IE6 fix */
	padding: 0 1em 0.5em 0;
	text-align: left;
}

.aligncenter {
	display: block;
	margin: 1em auto;
	text-align: center;
}

.alignright {
	float: right; display: inline; /* IE6 fix */
	padding: 0 0 0.5em 1em;
	text-align: right;
}

.alignjustify {
	text-align: justify;
}

.commentlist {
	clear: both;
	list-style: none;
	margin: 1em 0;
	padding: 0;
}

	.commentlist li {
		border-bottom: 1px solid #eee;
		margin: 0.5em 0;
	}

	.commentlist cite {
		font-size: 1.2em;
		font-style: normal;
	}

	.commentlist img {
		border: 1px solid #eee;
		float: left; display: inline; /* IE6 fix */
		margin: 0 1em 0.5em 0;
		padding: 4px;
		text-align: left;
	}

	.commentlist p {
		clear: both;
	}
	
	.commentlist .bypostauthor {
		background: #eee;
		border-left: 0.5em solid #ccc;
		border-color: #ccc;
		padding-left: 1em;
	}
		
.commentmetadata {
	color: #555;
	font-size: 0.9em;
}

.entry {
}

.input label {
	display: block;
	font-size: 0.9em;
	font-weight: normal;
}

.post {

}

.postmetadata {
	clear: both;
	color: #555;
	font-size: 0.9em;
}

.wp-caption {
	background: #eee;
	border: 1px solid #ccc;
	padding: 0.5em;
}

	.wp-caption img {
		border: 0;
		margin: 0;
		padding: 0;
	}
	
	.wp-caption p.wp-caption-text {
		margin: 0;
		padding: 0;
	}

/* DOM ELEMENTS */

#page {
	position:relative;
}

	#header {
/*		height: 180px;
		overflow: hidden;*/
	}
	
		#header * {
			/*color: #555;
			line-height: 1.3em;
			text-decoration: none;*/
		}
		
		#headerimg {
			background: transparent;
/*			height: 180px;
			width: 950px;*/
		}
		
		#header h1 {
	/*		margin: 2em 0 0 0;*/
		}
				
	#nav {
/*		border-bottom: 1px solid #eee;*/
	}
	
		#nav ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		#nav li {
			background: #eee;
			float: left; display: inline; /* IE6 fix */
			margin: 0;
			padding: 0;
			position: relative;
		}
		
		#nav li:hover {
			background: #ddd;
		}
		
			#nav li a {
				display: block;
				padding: 0.2em 0.6em;
				text-decoration: none;
			}
			
			#nav li ul {
				display: none;
				position: absolute;
				z-index: 99;
			}
	
			#nav li:hover ul {
				background: #fff;
				border: 1px solid #999;
				display: block;
				left: 0;
				min-width: 150px;
				top: 1.9em;
				white-space: nowrap;
			}

			#nav li:hover li {
				background: #fff;
				display: block;
				float: none;
				font-size: 0.9em;
				margin: 0;
				padding: 0;
			}
			
			#nav li:hover li:hover {
				background: #eee;
			}
			
			#nav li:hover li a {
				padding: 0.3em 0.5em;
			}
	
	#content {
/*		margin: 1.5em 0;
		overflow: hidden;*/
	}
	
		#content h1 {
			font-size: 2em;
			line-height: 1.7;
/*			margin: 0 0 0.5em 0;*/
		}
	
		#content h2 {
			font-size: 1.8em;
			line-height: 1.5;
/*			margin: 0 0 0.5em 0;*/
		}
		#content h2 a{ color:#FFF;}
	
		#content h3 {
			font-size: 1.5em;
			line-height: 1.2;
/*			margin: 1em 0 0.5em 0;*/
		}
	
	#sidebar {
		font-size: 0.9em;
		margin: 0;
		overflow: hidden;
	}
	
		#sidebar ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		#sidebar li {
/*			margin: 0 0 0.5em 0;*/
		}
		
		#sidebar h2 {
			font-size: 1.2em;
/*			margin: 0.5em 0;*//
		}
		
		#sidebar h2 a {
			color: #111;
			text-decoration: none;
		}
		
		#sidebar form {
			margin-bottom: 1.5em;
		}
		
		#sidebar div {
			line-height: 1.5em;
			margin: 0;
			padding:0;
		}

		#sidebar div a {
			padding: 0 0.5em 0 0;
			white-space: nowrap;
		}

		#sidebar div a:hover {
		/*	color: #036 !important;*/
		}
	
	#footer {
		border-top: 1px solid #eee;
		color: #555;
		font-size: 0.9em;
		margin: 0 0 1.5em 0;
		overflow: hidden;
		display:inline-block;
		width:100%;
	}
	
		#footer p {
			margin: 0.5em 0;
		}
	
		#footer ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		#footer li {
			display: inline;
			margin: 0 1em 0 0;
		}
ul, ol{ list-style:inside!important;}

/*

http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FCanalCoffee%2F110233744172&width=270&colorscheme=light&connections=10&stream=true&header=false&height=555

*/
/*
.category-actualite{background-color:#F9F8F9;}
.category-design{background-color:#F8F8F8;}
.category-ergonomie{background-color:#F7F7F7;}
*/
#Trigger{display:none;}

#headerimg{padding:10px 0 0 0;position:relative;}
#headerimg .description{ padding:0 0 10px 10px;}

#text-6{position:absolute;top:10px;right:10px;}

body{/*background:url(images/bg_canal1.jpg) top center repeat fixed;}
body{background:url(images/dandelion.jpg) top center repeat fixed;*/}

#CollaborativeProfil,
#LastWorks,
#Twitter,
#BlogRoll,
#HomeIntro,
body.single #content,
body.page #content,
body.category #content,
.widget_categories,
.widget_links,
#sidebar .widget_pages
{background:#242422;padding:1px 0; margin-bottom:10px;}

body.single .comment-sidebar{padding:10px 0;}

#CollaborativeProfil .inner,
#LastWorks .inner,
#Twitter .inner,
#BlogRoll .inner,
#HomeIntro .inner,
body.single #content .post,
body.single .comment-sidebar #comments,
body.category #content .post,
body.category .comment-sidebar #comments,
body.page #content .post,
body.page #content .page,
body.page .comment-sidebar #comments
{margin:5px;border:1px solid #4E4E49;}

body.page #content .post,
body.page #content .page,
body.single #content .post,
body.category #content .post
{padding:10px;}

body.page .navigation,
body.single .navigation,
body.category .navigation{display:inline-block; width:97%;background:none repeat scroll 0 0 #242422;padding:5px;margin-bottom: 10px;}

body.page .navigation,
body.single .navigation,
body.category .navigation,
body.page .navigation h3,
body.single .navigation h3,
body.category .navigation h3,
body.page .navigation h4,
body.single .navigation h4,
body.category .navigation h4,
body.page .navigation a,
body.single .navigation a,
body.category .navigation a,
body.category #content .category-info,
body.category #content .category-info h2,
#CollaborativeProfil h2,
#LastWorks h2,
#Twitter h3,
#BlogRoll h2,
#BlogRoll h3,/*
#Blog h2,
#Blog h3,*/
#CollaborativeProfil h2 a,
#LastWorks h2 a,
#LastWorks .inner ul li h3 a,
#LastWorks .inner ul li h3,
#Twitter h3 a,
#BlogRoll h2 a,
#BlogRoll h3 a,/*
#Blog h2 a,
#Blog h3 a,*/
#HomeIntro h1,
#HomeIntro h2,
#HomeIntro h3,
#HomeIntro h4,
#CollaborativeProfil .inner ul li h3,
#CollaborativeProfil .inner ul li .entry,
.link-contact h1 a,
#sidebar .widget_categories, #sidebar .widget_links, #sidebar .widget_pages,
#sidebar .widget_categories h3, #sidebar .widget_links h3, #sidebar .widget_pages h3
{color:#FFF;}

body.page .navigation h4,
body.single .navigation h4,
body.category .navigation h4{padding:5px 0;}

.navigation ul{margin-left:15px; padding:10px 0;}

body.single .comment-sidebar,
body.page #content .post,
body.page #content .page,
body.single #content .post,
body.category #content .post
{background: none repeat scroll 0 0 #F2FFFA;border: 5px solid #DAC494;}

textarea#comment{height:140px;width:306px; margin:0 auto}

body.single #content .post .background,
body.page #content .post .background,
body.category #content .post .background{ height:150px; }

#HomeIntro .inner
{margin:10px;border:1px solid #4E4E49; padding:10px;}




#CollaborativeProfil h2,
#LastWorks h2,
#Twitter h3,
#BlogRoll h3,
#Blog h2,
#HomeIntro .inner h3
{padding:0 0 0 5px;}


#content .entry a{ background:#000; color:#FFF;}
#content .entry a:hover{ background:#FFF; color:#000;}

#comments h2, 
#commentform, 
#comments .commentlist{padding:0 0 0 5px;}
#comments ul, #comments ol,
#comments .commentlist ul, #comments .commentlist ol, #comments .commentlist li{list-style:none;}

body.category #content .category-info{padding:10px;}
body.category #content .category-info h1{margin:5px 0 10px 0;}
body.category #content .category-info p{ margin:5px 0;}

#CollaborativeProfil .inner ul li,
#LastWorks .inner ul li,
#Blog .inner ul li,
#Twitter .inner ul li,
#BlogRoll .inner ul li
{list-style:none; font-size:0.9em;}


#CollaborativeProfil .inner ul li h3{cursor:pointer; padding:4px;border-bottom:1px solid #4E4E49;}
#CollaborativeProfil .inner ul li h3:hover,
#CollaborativeProfil .inner ul li h3.ui-state-active{}
#CollaborativeProfil .inner ul li .entry{padding:5px 10px;border-bottom:1px solid #4E4E49;}

#LastWorks{}
#LastWorks .inner ul li{margin-bottom:2px;}
#LastWorks .inner ul li h3{padding:4px;}
#LastWorks .inner ul li h3:hover{}

#Blog{background:#444440; padding:10px;}
#Blog .post{margin:0 0 2px 0;padding:10px;}
#Blog a .post *{color:#000;}
#Blog .post h2{position:relative;}
#Blog .post .postmetadata{position:relative;}

#Blog .post .facebook{position:absolute;bottom:-6px;right:0px;width:110px;overflow:hidden;}

#Blog .post h2,
#Blog .post .entry,
#Blog .post .postmetadata
{
background:#FFF;
opacity : 0.1;
-moz-opacity : 0.1;
-ms-filter: "alpha(opacity=10)"; /* IE 8 */
filter : alpha(opacity=10); /* IE < 8 */
padding:5px;
}
#Blog .post:hover h2,
#Blog .post:hover .entry,
#Blog .post:hover .postmetadata
{opacity : 0.90;
-moz-opacity : 0.90;
-ms-filter: "alpha(opacity=90)"; /* IE 8 */
filter : alpha(opacity=90); /* IE < 8 */
}

#Twitter .inner ul li{margin-bottom:2px;padding:4px;color:#242422;}
#BlogRoll .inner ul li {margin-bottom:2px;padding:4px;color:#242422;}
#Twitter .inner h3,
#HomeIntro .inner h3,
#BlogRoll .inner h3{font-size: 1.8em;margin-bottom:2px;line-height: 1.5;}

.widget_recent_comments, widget_recent_entries{ padding:5px;}
.widget_recent_comments h3, widget_recent_entries h3{ padding:10px 0;}
.widget_recent_comments ul, widget_recent_entries ul{ margin:0 1Opx;}

#sidebar{}

#sidebar .widget_categories,
#sidebar .widget_links,
#sidebar .widget_pages,
body.page .navigation,
body.single .navigation,
body.category .navigation,
.link-contact h1{border: 1px solid #DAC494;}

#sidebar .widget_categories, #sidebar .widget_links, #sidebar .widget_pages{padding:5px;margin: 0 0 10px;}
#sidebar .widget_categories h3, #sidebar .widget_links h3, #sidebar .widget_pages h3, .navigation h3{padding:5px;}
#sidebar .widget_categories ul, #sidebar .widget_links ul, #sidebar .widget_pages ul{ background:none repeat scroll 0 0 #5E563F; margin:10px; }
#sidebar .widget_categories ul li, #sidebar .widget_links ul li, #sidebar .widget_pages ul li{ margin-left:15px;}

.link-contact h1{padding:5px;}
p.aktt_credit{display:none;}

blockquote {
    border-left: 0.5em solid #000000;
    color: #000000;
    font-size: 1.3em;
    font-style: normal;
    padding: 0 0 0 1em;}
	
/*SIMILAR POSTS*/
.similar-content{ display:inline-block; }
.similar-post{ margin-right:9px; height:120px; width:32%; float:left; background-position: 50% 50%;}
.similar-post p{ background:#FFF; margin:10px; padding:5px; font-size:1.4em;}

.category-info h1{color:#FFF;}

#Background{ width:100%; position:fixed; top:0; left:0; z-index:0; }
#Background img{ width:100%;}

#text-8 h3{}
/*
ol.tumblr_posts li{ display:block;  height:80px; overflow:hidden; margin:0 4px 10px 3px !important;}

ol.tumblr_posts li, .tk-raleway{text-shadow: 0 2px 2px rgba(0, 0, 0, 0.99);}
*/
ol.tumblr_posts li {height:160px; border-bottom:1px dotted #FFF; text-align:center;}
ol.tumblr_posts li *{ }
#text-8 ol.tumblr_posts{margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
	height:160px;}
#text-8 .jcarousel-prev-vertical,
#text-8 .jcarousel-next-vertical{ position:absolute; top:45px; border:1px solid #CCC; height:15px;}

#text-8 .jcarousel-prev-vertical{ left:10px;border-top:5px solid #FFF;cursor:n-resize;}
#text-8 .jcarousel-next-vertical{ right:10px;border-bottom:5px solid #FFF;cursor:s-resize;}

#text-8 .jcarousel-clip-vertical{
	height:320px;}

.floatright{ float:right!important;}
.floatleft{ float:left!important;}

#fadelogo{ display:none;/* position:fixed;*/ position:absolute; top:20px; left:0; width:100%;}
#fadelogo img{width:100%;}




#CollaborativeProfil h2,
#LastWorks h2,
#Twitter h3,
#BlogRoll h3
{background:#B0678D;}

#HomeIntro .inner,
#CollaborativeProfil .inner ul li h3:hover,
#CollaborativeProfil .inner ul li h3.ui-state-active,
#LastWorks .inner ul li h3:hover,
#BlogRoll .inner ul li
{background:#93A2BF;}

#Blog h2
{background:#9AACA6;}

#HomeIntro .inner h3
{/*background:#9AACA6;*/}

#Twitter .inner ul li{background:#F3EA93;}
#BlogRoll .inner ul li {}

#LastWorks .inner ul li h3,
#CollaborativeProfil .inner ul li .entry{background:#9584B0;}