/* var colors 
beige		= f8f3e4
red			= fb5b53
red dark	= b50d03

/*
Theme Name: DJOUMBUSH
Version: 2.0
Author: Nathalie Bergeron / baa
Author URI: http://baazooka.com/

*/

/* Begin RESET |  http://meyerweb.com/eric/tools/css/reset/  */
html, body, div, span, applet, object, embed, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, /*code,*/
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, /*ol, */ul, ul li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
/*ol, */
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/*blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}*/

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img { border: none; }
/* End RESET */






/* clearfix http://www.positioniseverything.net/easyclearing.html */
/* new clearfix http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ */
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/********************************/





html, body { 
  	width:100%;
  	height:100%;
  	margin:0;
  	padding:0;
}

body {
	font: 62.5%/140% Helvetica, Arial, sans-serif;
  	position:relative;
  	color:#222;
  	text-align:center;
	background: #f8f4e8 url(../images/flowers2.jpg) no-repeat center 116px;
}

a, a:link, a:visited {
	color: #000;
	cursor:pointer;
	text-decoration: none;
	/*font-weight:bold;*/
	border-bottom:1px solid #b50d03;
}


a:hover, a:active {
	border-bottom:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity:.7;
}
.blackbg a, .blackbg a:link, .blackbg a:visited,
.black a, .black a:link, .black a:visited{
	color: #fff;
	cursor:pointer;
	text-decoration: none;
	font-weight:bold;
}
.blackbg a:hover, .blackbg a:active,
.black a:hover, .black a:active{
	color: #fff;
	cursor:pointer;
	text-decoration: none;
	font-weight:bold;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1;
}


#container{
	margin:0 auto; 
	width: 830px; 
	position: relative;
	text-align:left;
	min-height:100%;
}

#top{margin:0 0 10px;border:1px solid #f8f4e8;}
#middle{
	background:transparent url(../images/flowers.jpg) repeat;
}
#bottom{
	margin:20px 0 10px;
	padding-bottom:41px;
}

#footer{
	margin:0;padding:0;
	background:url(../images/footer-trans.png) no-repeat center bottom;
	height:41px;
	width: 100%;
	margin-top: -41px;
	position:relative;
	clear:both;
}


/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}


/*---------------------- HEADER ---------------------*/

#title {
	width: 273px;
	height: 76px; 
    position:relative;
	display:block;
	margin:30px 0 0;
	float:left;
}
#title span {
	background: url(../images/title-trans.png) no-repeat 0px 0px;
	position: absolute;
	width: 100%;
	height: 100%;
}

#title strong { 
	display: none; 
}	
ul#nav{
	list-style: none;
	font-size: 14px;
	text-transform:uppercase;
	margin:0px 0px 0 0px;
	padding:0px 0 0;
	display:inline;
	float:right;
	
}

#nav li{ 
	padding:0px 1px; 
	float:left;
}

#nav a, #nav a:link, #nav a:visited{ 
	color: #000;
	padding:67px 5px 16px;
	display:block;
	text-decoration:none;
	background:none;
	border-bottom:0;
}
#nav a:hover, #nav a:active, #nav a:focus{ 
	background:transparent url(../images/nav-trans.png) no-repeat;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1;
}

#bodyindex a#navindex,
#bodyvideos a#navvideos,
#bodyphotos a#navphotos,
#bodyaudio a#navaudio,
#bodybio a#navbio,
#bodypress a#navpress,
#bodycontact a#navcontact,
#bodywarhol a#navwarhol{ 
	background:url(../images/nav-trans.png) no-repeat;
}

#social{
	position:relative;
	text-align:right;
	margin: 5px 2px 0 0;
}
#bodyindex #social{
}
#social a{
	border:0;
}
a#download{
	border:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1;
}
/*---------------------- EQUAL HEIGHT CELLS -----------------------*/


.colright{
	width:347px;
	float:right;
}
.colleft{
	width:479px;
	overflow:hidden;
	float: left;
}
	

/*---------------------- MAJOR STYLE ELEMENTS ---------------------*/

h2, h3, h4{font-weight:normal;}

.marginbottom{
	margin-bottom:10px;
}
.marginleft{
	margin-left:4px;
}
.margintop{
	margin-top:10px;
}
h2{ 
	font-size:30px;
	line-height:28px;
}
h3{ 
	font-size:21px;
	line-height:20px;
}
h4{ 
	font-size: 14px;
	line-height: 14px;
}

p, ul li{
	font-size: 12px;
	line-height: 16px;}


.titlecolor{
	color: #fb5b53;
}
.inline{display:inline;}


a img {
	border:0;
	text-decoration: none;
}
.new{
	background:url(../images/new-trans.png) no-repeat 0 center;
	padding-left:30px !important;
}
/*----------------------CONTAINERS ------------------*/

.marge_trbl{
	padding:10px;
}
.marge_tb{
	padding-top:10px;
	padding-bottom:10px;
}
.marge_rl{
	padding-right:10px;
	padding-left:10px;
}
.marge_t{
	padding-top:10px;
}
.marge_r{
	padding-right:10px;
}
.marge_b{
	padding-bottom:10px;
}
.marge_l{
	padding-left:0px;
}
.marge_trbl2{
	padding:5px;
}
.marge_tb2{
	padding-top:5px;
	padding-bottom:5px;
}
.marge_rl2{
	padding-right:5px;
	padding-left:5px;
}
.marge_t2{
	padding-top:5px;
}
.marge_r2{
	padding-right:5px;
}
.marge_b2{
	padding-bottom:5px;
}
.marge_l2{
	padding-left:0px;
}

.linkblock a{
	display:block;
	text-decoration:none;
	border-bottom:0;
	font-weight:normal;
}
.linkblock a:hover,
.linkblock a.chosen{
	background:url(../images/white-trans.png) no-repeat;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1;
}

.blackbg{
	background:#000 url(../images/bg_onblack-trans.png) no-repeat right top;
	color:#dfdbd1;
}
.blackdots{
	background:url(../images/dots_simple.gif) repeat right top;
	color:#f8f4e8;
}
.blackblack{
	background:#000;
	color:#dfdbd1;
}
#middle .blackbg,
#middle .blackdots{
	min-height:333px;
	height:auto !important;
	height:333px;
}

.beigebg{background:#f0ece0;margin:0 1px 2px;}

.greybg{
	background:url(../images/nav-trans.png) no-repeat;
}

/*.flowers{
	background:transparent url(../images/flowers.jpg) repeat;
}*/

.borders{
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
}
.borderbottom{
	border-bottom:1px dotted #000;
}
.bordertop{
	border-top:1px dotted #000;
}


.dots,
.mediaspace{
	background:transparent url(../images/dots.gif) repeat;
	/*padding:10px 0;*/
	margin:0 0 10px;
}

/*---------------------- NEWS ---------------------*/
#news{
	/*width:319px;*/
	min-height:333px;
	height:auto !important;
	height:333px;
}
#bodyaudio object,
#bodyvideos object{display:inline;float:left;}
#bodyindex #news,
#bodywarhol #news{
	height:333px;
	overflow:hidden;
}
#newsscroll{
	position:relative;
	padding: 15px 12px 0 13px;
}
#newsinner{
	padding-left:0px;
	height:195px;
	overflow: auto;
}
#newsinner li,
#pastdates li{
	border:1px solid #666;
	padding:6px 12px 4px;
	margin:6px 7px 18px 0;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}
#pastdates li{
}
.onemews{}
.date{margin-right:10px;font-size:13px;line-height:15px;}
.event{}
.event,
.details{line-height:12px;margin-top:6px;}
.details{font-size:90%;color:#666;}

#newsinner .none{
	line-height:22px;
	font-size:18px;
	letter-spacing:-1px;
	border:1px solid #8c8c8c;
	padding:6px 12px;
	margin:36px 7px 0 0;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}

.updown_nav{
	margin:0px 10px 0 13px;
	position:relative;background:red;
}
.updown_nav a{
	border-bottom:0;
}
#plus,#minus{
	width:20px;
	height:17px;
	display:block;
}
#plus{position:absolute;top:15px;left:0;}
#minus{position:absolute;top:15px;left:20px;}



a#more{
	background:transparent url(../images/more-trans.png) no-repeat right center;
	display:block;
	border-bottom:0;
	text-decoration:none;
	font-size: 14px;
	line-height: 18px;
}
a#more:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:.7;
	-khtml-opacity:.7;
	opacity:.7;
}
a#more.open{
	background:transparent url(../images/less-trans.png) no-repeat right center;
	display:block;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}
a#more.open:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:.7;
	-khtml-opacity:.7;
	opacity:.7;
}

a#pdf{
	background:transparent url(../images/pdf-trans.png) no-repeat right center;
	display:block;
	border-bottom:0;
	text-decoration:none;
	font-size: 14px;
	line-height: 18px;
}
a#pdf:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:.7;
	-khtml-opacity:.7;
	opacity:.7;
}
/*---------------------- PLAYERS ---------------------*/
#mediaspace{/* FILM MUST BE 16:9 and 267px height */
}
/*#mediaspace .bg{
	background:#402633;
	text-align:center;
	min-height:267px;
	height:auto !important;
	height:267px;
}
#mediaspace{ 
}
#photospace{
	min-height:267px;
	height:auto !important;
	height:267px;
	overflow:hidden;
}
#mediaspace p,
#mediaspace p a{color:#fff;}
#mediaspace p{padding:100px 30px 30px;text-align:center;}
*/
/*---------------------- BIO ---------------------*/
#biolang p {
	margin-bottom:10px;font-size:11px;line-height:14px;
}


ul#biolangnav{
	text-align:center;
}

ul#biolangnav li{
	font-size:11px;
	float:left;
	display:inline;
	margin:0px 1px 8px 1px;
}
ul#biolangnav li a,
ul#biolangnav li a:visited{
	color: #000;
	padding:14px 4px 1px;
	display:block;
	text-decoration:none;
	background:none;
	border-bottom:0;
}
ul#biolangnav li a:hover,
ul#biolangnav li a:active,
ul#biolangnav li a:focus,
ul#biolangnav li a.current{
	background:url(../images/nav-trans.png) no-repeat;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1;
}
#bodybio #middle .colright em,
#bodybio #bottom .colright em{
	float:right;
	font-style:normal;
	text-align:right;
}
#bodybio #middle .colright strong,
#bodybio #bottom .colright strong{
	font-weight:normal;
	float:left;
}
#bodybio #middle .colright ul,
#bodybio #bottom .colright ul{
	border:1px solid #444;
	padding:6px 12px 4px;
	margin:6px 15px 18px 10px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	font-size:11px;
}
#bodybio #bottom .colright ul{
	border:1px solid #d5d2c8;
}
#bodybio #middle .colright ul li,
#bodybio #bottom .colright ul li{
	font-size:11px;
}


.sep{
	border:1px solid #d5d2c8;
	padding:6px 12px 4px;
	margin:6px 2px 12px 0;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}

/*---------------------- WARHOL ---------------------*/
#bodywarhol #news p{margin-bottom:10px;}



/*---------------------- VIDEOS ---------------------*/

#bodyvideos .colleft h4{}

#yt_scroll{
	margin:-1px;
}
#yt_el{
	height:274px;
}

#videos2{
	height:336px;
	overflow: auto;
}

.videos{margin-left:-0px;position:relative;}
.videos li{
	display:block;
	width:114px;
	height:82px;
	overflow:hidden;
	margin:1px;
	float:left;
	cursor:pointer;
	background:#f8f3e4;
}
.videos li:hover{
}
.videos li img{
	display:block;
	width:114px;
	height:82px;
	overflow:hidden;
}

.videos li:hover img{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:.5;
	-khtml-opacity:.5;
	opacity:.5;
}
/*---------------------- PHOTOS ---------------------*/
#flickrscrollr{
	margin:-1px;
}
#fs_wrapper{
	height:336px;
	overflow: auto;
}
#flickrscrollr li{
	display:block;
	width:114px;
	height:82px;
	overflow:hidden;
	margin:1px;
	float:left;
	cursor:pointer;
}
#flickrscrollr a{
	display:block;
	width:114px;
	height:82px;
}
#flickrscrollr img{
	display:block;
	width:114px;
}
#bodyphotos #middle .colleft{
	margin:0 auto;
	text-align:center;
}
#bodyphotos #middle .colleft img{
	margin:0 auto;
	text-align:center;
	vertical-align:bottom;
}
#bodyphotos #bottom{
	position:absolute;
	top:475px;
}
#bodyphotos #bottom .colleft{
	background:url(../images/white-trans.png) no-repeat;
}


/*---------------------- CONTACT ---------------------*/

.highlight{color:#ad002a;}

.formtxt{}
.formtxt p{padding:0 0 5px;}
label{
	float:left;
	width:70px;
	padding:2px 0;
}
input.text, 
textarea{
	float:left;
	border: 1px solid #c8c2c5;
	width:320px;
}
textarea{height:140px;}
input.text:focus, 
textarea:focus{
	border: 1px solid #222;
}

input.error,
textarea.error{
	border: 1px solid #a02557;
}
.warning{color:#a02557;font-weight:bold;margin-left:70px;}

#human {  
	visibility:hidden;  
	display:none;  
}

input.send_form{
	color:#fff;
	margin-top:10px;
	padding:10px 15px;
	cursor:pointer;
	margin-left:70px;
	display:block;
	background:#793652;
	width:320px;
	font-weight:bold;
}

/*----------- crédits -----------*/
.credits .contour{margin-top:-7px;}

.credits img{
	margin:0px 0 7px 0;
}
.credits a{
	color:#000;
}


/*---------------------- MUSIQUE ---------------------*/
#playlist_list{}
	
#playlist_list li{
	margin:0; 
	padding:0;
	display:block;
	border-bottom: 1px solid #fff;}
#playlist_list li a,
#playlist_list li a:link{
	display:block;
	text-decoration:none;
	padding:15px 15px;
	margin:0;
	font-size: 12px;
	line-height:16px;
	color:#000;
	background:#f2f0f1;
	font-weight:normal;
}

#playlist_list li a:hover,
#playlist_list li a:active,
#playlist_list li a.playlistclicked{
	color:#fff;
	background:#402633;
}


#playlist_list li a em,
#playlist_list li a:link em{
	color:#a02557;
	font-style:normal;
}


#playlist_list li a:hover em,
#playlist_list li a:active em,
#playlist_list li a.playlistclicked em{
	color:#fff;
}

#playlist_list .floatright{font-size:11px;}



.emphase{
	border: 2px solid #ba546d;
	margin:20px 0 10px;
	padding:5px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}
.textaligncenter{text-align:center;}
.bigger{font-size:110%;}
.smaller{font-size:90%;}
.textuppercase{text-transform:uppercase;font-weight:bold;}
p.soon{
	clear:both;
	float:right;
	border: 1px solid #ae002b;
	margin:-5px 0 0px;
	padding:1px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	font-size:9px;}
	
#bodyspectacles p.floatright a{
	white-space:nowrap;
}



.darkred{color:#b50d03;}
.red{color:#fb5b53;}

/*---------------------- MISCELLANOUS ---------------------*/

.slash{font-weight:bold;color:#a02557;padding:0 1px 0 2px;vertical-align:bottom;}



.clearit{clear:both;display:block;height:1px;}
.floatleft{float:left; width:auto;}
.floatright{float:right; width:auto;}

@font-face {
  font-family: 'DiavloBold Regular';
  src: url('js/cufon/fonts/DiavloBold-Regular.eot');
  src: local('DiavloBold Regular'), local('DiavloBold'),
         url('js/cufon/fonts/Diavlo_BOLD_II_37.otf') format('opentype');
}