/*  
Theme Name: CanalCoffee 2010
Theme URI: http://www.canalcoffee.com/
Description: The CanalCoffee theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Xavier Badaire
Author URI: http://canalcoffee.com/

	CanalCoffee v1.0
	 http://canalcoffee.com/

	This theme was designed and built by Xavier Badaire
	whose blog you will find at http://canalcoffee.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:Georgia, "Times New Roman", Times, serif;
	background: url('images/bg_body.jpg') top center repeat-y;
	color: #333;
	margin: 0;
	padding: 0;
	height: 100%;
	}
h1{font-size:2em;margin:3px 0;}
h2{font-size:1.8em;margin:3px 0;}
h3{font-size:1.6em;margin:2px 0;}
h4{font-size:1.5em;margin:2px 0;}
h5{font-size:1.4em;margin:2px 0;}
h6{font-size:1.3em;margin:1px 0;}
p, li, span{font-size:1.2em;}
p{margin:2px 0;}
a{color:#532E01; text-decoration:none;}
a:hover{text-decoration:underline;}

textarea{width:100%!important; border:1px solid #532E01;}
input{border:1px solid #532E01; background:#EAD466;}

#desktop{
	background: url('images/bg_main.jpg') top center no-repeat;
	}
#page {
	text-align: left;
	z-index: 0;
	width:995px;
	margin:0 auto;
	}
#sidebar{float:right;width:398px;display:inline-block;position:relative;}

#search{margin:0 0 0px 0;}

#sidebar ul{padding:10px 0;display:inline-block;}
#sidebar ul li{
/*	float:left; width:47%;*/
margin:5px;
background:#826226;
}
#sidebar ul li.active, #sidebar ul li.active ul, #sidebar ul li.active ul li{
background:#886F4F;
}
#sidebar ul li.active h2,
#sidebar ul li.active a{color:#FFFFFF;}

#sidebar ul li ul{
	padding:0 0 0 7px;}
#sidebar ul li ul li{
	float:none;
	width:auto;
	
	font-size:inherit;
	}
#sidebar ul li ul{
	display:none;
	padding-bottom:10px;
	}


#sidebar ul.children{
	display:block;
	padding-bottom:0px;}	
#sidebar ul li h2{
	color:#EAD466;
	cursor:pointer;
	padding:10px;
	text-transform:uppercase;
	}
#sidebar a{color:#EAD466;}
	
#selfAdvertisment{
	float:left;
	padding-top:15px;}	
#widget-bar{
/*	float:left;*/
	width:205px;}
#header{
	position:relative;
	height:126px;
	}
#header .description{display:none;}
#headerimg{}
#headerimg h1{display:none;}



.content, #content-home .content .post,
.narrowcolumn .post {
	background:#FFF;
	
	}
#content-home .content .comment{
	background:#FFF;
	margin:14px;
	display:none;}
.narrowcolumn .post,
#content-home .content .post{
	margin:0 14px 14px 14px;
	}

#content-home .content{background:transparent;
margin:0!important;padding:0!important;}

.narrowcolumn{
	float:left;
	width:586px;
	}

.narrowcolumn .post{padding:10px; overflow: hidden}
.narrowcolumn .post small{ float:right;}
.Similar{padding:10px;}
.postmetadata, .comment, ol.commentlist {padding:10px;
font-size:0.9em;}
.comment{background:#F8F0CB;}
.comment textarea{height:80px;}
.entry{overflow:hidden; font-size:1.2em;}
.entry blockquote{margin:10px 0 10px 25px;color:#808080;font-style:italic;border-left:4px solid #E7B72B;padding-left:10px;}
.entry p{line-height:1.2em; padding:3px 0;}
.Similar ul,.entry ul{margin:5px 0 5px 25px;}
.Similar ul li{list-style:disc;}
.externals{background-image:url(images/bg_externals.png);background-repeat:no-repeat;}
	
	
#footer{clear:both; background:#190E00;display:inline-block;width:100%;}
#footer .data{color:#F8F0CB!important;text-align:center;}
#footer .data a{color:#DC8100;}

.postavatar img{border:1px solid #DC8100;}

#content-category .list{clear:both; display:inline-block; width:550px; margin:0 0 10px 0;}

#content-category .list .block{
	float:left;
	border:1px solid #000;
	width:174px;
	margin:0 5px 0 0;
	overflow:hidden;
	height:80px;
	}
#content-category .firstpost{
	background:#EAD896!important;
}
#content-category .firstpost .list .block{
	background:#FFF;}
#content-category .list .block h3{
	padding:4px;}
#content-category .list .block p.more{
	clear:both;}
#content-category .list ul {margin:5px 10px 5px 5px;}	
#content-category .list ul li{margin:0 5px; border-bottom:1px dotted #CCC; padding:0 10px 4px 10px;}
#content-category .list ul li div.date{float:right; font-size:0.8em;}
.narrowcolumn .content {
margin:0 10px;
padding:10px;
}
/**/
#CanalCoffeeDeezer{
	position:absolute;
	top:55px;
	right:10px;
}

#CanalCoffeeDeezer img{
	height:61px;
	width:121px;
	background-position: -420px -80px;
	}
#CanalCoffeeMyspace{
	position:absolute;
	top:0px;
	right:10px;
}

#CanalCoffeeMyspace img{
	height:61px;
	width:121px;
	background-position: -420px -13px;
	}	
#CanalCoffeeTwitter	{
	position:absolute;
	top:0px;
	right:270px;
}

#CanalCoffeeTwitter img{
	height:107px;
	width:127px;
	background-position: -151px 5px;
	}
#TwitterSplash{
	background:url(images/bg_twitter.png) -9px 0;
	margin:0 13px 11px 13px;
	border:1px solid #190E00;
	overflow:hidden;
	display:none;
}
#YoutubeSplash{
	margin:0 13px 11px 13px;
	border:1px solid #190E00;
	overflow:hidden;
	/*display:none;*/
	background:#FFF;
}


#CanalCoffeeYoutube{
	position:absolute;
	top:0px;
	right:438px;
}
#CanalCoffeeYoutube img{
	height:107px;
	width:127px;
	background-position: -1px 5px;
}

#CanalCoffeeFacebook{position:absolute;
	top:0px;
	right:180px;}
#CanalCoffeeFacebook img{height:107px;
	width:64px;
	background-position: -308px 5px;}

/***********************************************************************************************/
#YoutubeSplash{display:none}
#YoutubeSplash .inner{padding:10px;position:relative;}
#YoutubeSplash .inner h2{margin:3px 12px; display:none;}
#YoutubeModel, #YoutubePlayer{display:none}
/*
#YoutubeSplash .inner ul {}
#YoutubeSplash .inner ul li{padding:4px 0;}
#YoutubeSplash .inner ul li a{display:block;color:#E83A3C;}

#YoutubeSplash .jcarousel-container-horizontal{width:80%;}
*/
#TwitterSplash .inner{padding:0;}
#TwitterSplash .inner h2{margin:3px 12px; display:none;}

#TwitterSplash .inner ul li{padding:5px 10px; border-bottom:1px solid #6ED1F0;}
#TwitterSplash .inner ul li.even{background:#D8F5FC;}
#TwitterSplash .inner ul li.odd{background:#FFF;}
#TwitterSplash .jcarousel-clip-vertical {
    height:174px;
	z-index: 20;
	padding:0 0px;
}
#TwitterSplash .jcarousel-container-vertical{margin:16px 0 0 O;
height:190px;
padding:15px 0 0;

}
#TwitterSplash .jcarousel-container-vertical ul{margin:0 12px 0 52px}
#TwitterSplash .jcarousel-list li, #TwitterSplash .jcarousel-item {
float:none;width:auto;
}

#TwitterSplash .jcarousel-next-vertical {
    position: absolute;
    bottom: 0;
    left: 0;
	width:100%;
    height: 14px;
    cursor: pointer;
    background: url(images/bg_externals.png) no-repeat -153px -360px;
}

#TwitterSplash .jcarousel-next-disabled-vertical {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}

#TwitterSplash .jcarousel-prev-vertical {
    position: absolute;
    top: 0;
    left: 0;
	width:100%;
    height: 14px;
    cursor: pointer;
    background: url(images/bg_externals.png) no-repeat -153px -341px;
}

#TwitterSplash .jcarousel-prev-disabled-vertical {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}

#TwitterSplash .inner .jcarousel-list li,
#TwitterSplash .inner .jcarousel-item {
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 100%;
    min-height: 25px;
}

/***********************************************************************************************/
/*
#TwitterSplash li, .jcarousel-item-vertical, .jcarousel-item-placeholder-vertical{height:auto;margin:5px 0;width:100%;}
*/
#TwitterSplash .jcarousel-prev,
#TwitterSplash .jcarousel-next{}

#TwitterSplash ul li.jcarousel-item-vertical a{display:block!important;color:#018CDA;}
#PubCanalSound img{
	margin:12px 0;
	}
#SoundCanalCoffee{
	width:193px;
	float:right;
	overflow:hidden;
	margin:17px 0 0 0;
	background:#F3B338;
	color:#532E01;
	height: 752px;
}
#SoundCanalCoffee h2{margin:10px;}
#SoundCanalCoffee p{margin:3px 10px;}
#SoundCanalCoffee ul{display:block;background:transparent;}
#SoundCanalCoffee ul li{margin:0 0 3px 0; padding:2px 12px;background:transparent;font-size:0.7em;}
#SoundCanalCoffee a{color:#190E00;}
#SoundCanalCoffee ul li.even{ background:#F8D087;}
#SoundCanalCoffee ul li.odd{background:#DF960D;}

#SoundPlayer{height: 188px; text-align:center;}