@charset "utf-8";

/*------------------------------------------------------

Theme Name: Alive - Version 1.0
Type: Core

CSS overview: 

	1. Resets
	2. Backgorund
	3. Main Elements
		i.global wrapper
		ii.tile block
		iii. main content
	4. Theme elements
		i. media content
		ii. blog
		iii. forms
		iv. pagination
		v. gallery
	5. Footer
	6. Links
	7. Typography
	8. Elements
		i. buttons
		ii. columns
		iii.lists
		iv. comment lists
		v.blockquotes
	9. Widgets
   10. Miscellaneous
		
		

---------------------------------------------------------*/


/*--------------------------------------------------------
	1.RESETS
--------------------------------------------------------*/

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	#map {
		height: 100%;
		position: absolute;
		top: 0;
		width: 100%;
	}
	
	iframe {border: none;}
	
	.wp-caption {margin-bottom: 1.5em; text-align: center;padding: 0px;}
	.wp-caption img {border: 0 none;padding: 0;margin: 0;}
	.wp-caption p.wp-caption-text {line-height: 1.5em;font-size: 10px;margin: 0;}
	.sticky {}
	.bypostauthor {}
	.wp-smiley {margin: 0 !important; max-height: 1em;}
	.aligncenter, img.aligncenter {margin:1.5em auto; display: block; clear: both;}

/*--------------------------------------------------------
	2.BACKGROUND
--------------------------------------------------------*/

	html,body{width:100%;height:100%; }
	body{background:#000;}
	#overlay{width:100%; height:100%; position:fixed; top:0; left:0; }
	#noscript {position:absolute; top:20%; left:50%; z-index:10; width:600px; height:130px; margin:-65px 0 0 -300px; text-align: center;  }
	#noscript h1 {text-align: center;}
	
/*--------------------------------------------------------
	3.MAIN ELEMENTS
--------------------------------------------------------*/

	/*----------------------------
	i. global wrapper
	-----------------------------*/
	
	#wrapper{min-width:320px; height:auto; margin:0 auto; overflow: hidden; width:100%;  }
	
	
	/*----------------------------
	ii. tile block
	-----------------------------*/
	
	.home, .nav {overflow:hidden; text-align:center; width:100%;}
	#tileBlock { position:fixed;overflow:hidden; display:block;z-index:1000;left: 50%;margin-left: -500px; top:0; height:100%;}
	#tileBlock .inner{width:auto; height:100%; overflow:hidden; float:left;}

	/*----------------------------
	iii. main content 
	-----------------------------*/
	
	#contentWrapper { position:relative; width:100%; overflow:hidden; height:auto; left:250px; /*margin-top:60px;*/  display:none;} 
	#contentWrapper #content{width:100%; height:auto;  margin:0px auto 0px auto; }
	#contentWrapper #content #page {overflow: hidden; margin:1.6em auto 0; position:relative}
	#contentWrapper #content .bulle {overflow: hidden; margin:1.6em auto 0; position:absolute; z-index:100;}
	.bulle1{ background-color: rgba(255, 255, 255, 0.3);
    border-radius: 60px;
    height: 60px;
    left: 67%;
    top: 60px;
    width: 60px;}
	
	.bulle2{ background-color: rgba(255, 255, 255, 0.6);
    border-radius: 90px;
    height: 90px;
    left: 75%;
    top: 70px;
    width: 90px;}
	.bulle3{ 
		background-color: rgba(255, 255, 255, 0.9);
		border-radius: 160px;
		height: 160px;
		left: 84%;
		top: -15px;
		width: 160px;
		cursor:pointer;
	}
	#contentWrapper #content .bulle3 .chiffre{
		color: #000000;
		font-size: 45px;
		font-weight: bold;
		line-height: 45px;
		text-align: center;
		cursor:pointer;
		color:#656565;
	}
	
	#contentWrapper #content .bulle3 .textRef {
		background-color: rgba(177, 179, 180, 0.9);
		border-radius: 120px;
		display: none;
		height: 140px;
		left: 0;
		line-height: 140px;
		margin: 0;
		padding: 10px;
		position: absolute;
		top: 0;
		width: 140px;
	}
	
	 #contentWrapper #content .bulle .textRef span {
		color: #FFFFFF;
		display: inline-block;
		font-size: 14px;
		line-height: 1.2;
		text-align: center;
		vertical-align: middle;
		width: 140px;
	}
	
	@media screen and (max-width: 480px) {
		#contentWrapper #content .bulle { display:none;}
	}
	
	#contentWrapper #content #page .bloc { background-color:rgba(255,255,255,1); margin: 0px 0 0; padding: 60px 20px 60px 260px;min-height:200px; text-align:justify;}
	#contentWrapper #content #page .bloc:last-child { margin:0 0 300px;}
	#contentWrapper #content #page .bloc .imgOrg {
			width:60%;
		}
	
	
	#contentWrapper #content #page .bg0 {
		background: url(http://www.institut-think.com/images/slides/1.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);
		margin: 0px 0 0; padding: 50px 0px;min-height:50px; position:relative;
	}
	
	#contentWrapper #content #page .bg1 {
		background: url(http://www.institut-think.com/images/slides/6.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);
		margin: 0px 0 0; padding: 50px 0px;min-height:50px; position:relative;
	}
	
	#contentWrapper #content #page .bg2 {
		background: url(http://www.institut-think.com/images/slides/3.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);
		margin: 0px 0 0; padding: 50px 0px;min-height:50px; position:relative;
	}
	
	#contentWrapper #content #page .bg3 {
		background: url(http://www.institut-think.com/images/slides/9.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);
		margin: 0px 0 0; padding: 50px 0px;min-height:50px; position:relative;
	}
	
	#contentWrapper #content #page .bg3bis {
		background: url(http://www.institut-think.com/images/slides/7.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);
		margin: 0px 0 0; padding: 50px 0px;min-height:50px; position:relative;
	}
	
	#contentWrapper #content #page .bg4 {
		background: url(http://www.institut-think.com/images/slides/10.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);
		margin: 0px 0 0; padding: 50px 0px;min-height:50px; position:relative;
	}
	
	.dark-mask {
		background: url(http://www.institut-think.com/images/02.png) repeat scroll 0 0 rgba(0, 0, 0, 0.4);
		height: 100%;
		left: 0;
		opacity: 0.7;
		position: absolute;
		top: 0;
		width: 100%;
	}
	
	#contentWrapper #content #page #institutMenu {
		position:absolute;
		top:20px;
		left:0;
		z-index:100;
	}
	
	#contentWrapper #content #page #institutMenu ul li a, #contentWrapper #content #page #institutMenu ul li{
		font-family: 'Lucida Grande',Helvetica,sans-serif;
    	font-size: 13px;
    	line-height: 12px;
		color:#FFF;
		text-transform:uppercase;
	}
	
	#contentWrapper #content #page #institutMenu ul li {
		list-style:circle;
	}
	
	
	@media screen and (max-width: 2850px) {
	#contentWrapper #content #page .bloc{
		padding-left:360px;
		padding-right: 175px;
	}
	h1.pageHeading{margin-left:360px;}
	#contentWrapper #content #page #institutMenu {
			left:650px;
		}
	}
	@media screen and (max-width: 2650px) {
	#contentWrapper #content #page .bloc{
		padding-left:360px;
	}
	#contentWrapper #content #page #institutMenu {
			left:650px;
		}
	}
	@media screen and (max-width: 2350px) {
	#contentWrapper #content #page .bloc{
		padding-left:360px;
	}
	#contentWrapper #content #page #institutMenu {
			left:650px;
		}
	}
	@media screen and (max-width: 2000px) {
	#contentWrapper #content #page .bloc{
		padding-left:360px;
	}#contentWrapper #content #page #institutMenu {
			left:650px;
		}
	}
	@media screen and (max-width: 1850px) {
	#contentWrapper #content #page .bloc{
		padding-left:360px;
		padding-right: 175px;
	}
	#contentWrapper #content #page #institutMenu {
			left:650px;
		}
	}
	@media screen and (max-width: 1650px) {
	#contentWrapper #content #page .bloc{
		padding-left:360px;
		padding-right: 55px;
	}
	#contentWrapper #content #page #institutMenu {
			left:650px;
		}
	}
	@media screen and (max-width: 1300px) {
	#contentWrapper #content #page .bloc{
		padding-left:360px;
		padding-right: 175px;
	}
	
		#contentWrapper #content #page #institutMenu {
			left:650px;
		}
	}
	@media screen and (max-width: 1250px) {
	#contentWrapper #content #page .bloc{
		padding-left:260px;
		padding-right: 20px;
	}
		h1.pageHeading{margin-left:260px;}
		
		#contentWrapper #content #page #institutMenu {
			left:560px;
		}

	}
	@media screen and (max-width: 1024px) {
	#contentWrapper #content #page .bloc{
		padding-left:260px;
		padding-right: 20px;
	}
		h1.pageHeading{margin-left:260px;}
		
		#contentWrapper #content #page #institutMenu {
			left:560px;
		}

	}
	@media screen and (max-width: 950px) {
		#contentWrapper #content #page .bloc{
			padding-left:260px;
			padding-right: 20px;
		}
		h1.pageHeading{margin-left:260px;}
		
		#contentWrapper #content #page #institutMenu {
			left:560px;
		}

	}
	
	@media screen and (max-width: 480px) {
		#contentWrapper #content #page .bloc{
			padding-left:5px;
			padding-right: 20px;
			padding-top : 20px;
		}
		h1.pageHeading{margin-left:5px;}
		
		#contentWrapper #content #page #institutMenu {
			display:none;
		}
		
		#contentWrapper #content #page .bloc .imgOrg {
			width:100%;
		}

	}
	
	#contentWrapper #content #page .ref { border:4px solid #F4F4F4; margin: 10px 2%; padding:20px;height:auto; text-align:center; width:150px; float:left; position:relative; cursor:pointer; border-radius:150px; background-position:center; background-repeat:no-repeat; background-size:90% auto; height:150px;  }
	
	#contentWrapper #content #page .ref2 { display:none; }
	
	
	@media screen and (max-width: 480px) {
		#contentWrapper #content #page .ref { display:none; }
		#contentWrapper #content #page .ref2 { display:block; width:100%; float:left; }
		
		#contentWrapper #content #page .ref3 { border:4px solid #F4F4F4; margin: 10px 5px 10px 0; padding:20px;height:auto; text-align:center; width:70px; float:left; position:relative; cursor:pointer; border-radius:70px; background-position:center; background-repeat:no-repeat; background-size:90% auto; height:70px;}
	}

	#contentWrapper #content #page .ref:hover { 
		-moz-box-shadow:  0px 0px 5px #555; 
		-webkit-box-shadow:  0px 0px 5px #555; 
		box-shadow:  0px 0px 5px #555;
	}
	
	#contentWrapper #content #page .ref .textRef {
		background-color: rgba(177, 179, 180, 0.90);
		display: none;
		left: 0;
		line-height: 170px;
		margin: 0;
		padding: 10px;
		position: absolute;
		top: 0%;
		width:170px;
		height:170px;
		border-radius:170px;
		
	}
	
	
	#contentWrapper #content #page .ref .textRef span { 
	  width:170px; /* largeur zone de texte */
	  vertical-align:middle;
	  display:inline-block;
	  font-size: 14px;
	  line-height:1.2; /* on rétablit le line-height */
	  text-align:center; /* ... et l'alignement du texte */
	  color:#FFF;
	}
	
	@media screen and (max-width: 480px) {
		
		#contentWrapper #content #page .ref2 .textRef {
			height:130px;
			margin:0;
		  	padding:0;
			line-height: 130px;
    		vertical-align: middle;
		    width:170px; /* largeur zone de texte */
			float: right;
		}
	
		#contentWrapper #content #page .ref2 .textRef span { 
		  vertical-align:middle;
		  display:inline-block;
		  font-size: 13px;
		  line-height:1.2; /* on rétablit le line-height */
		  text-align:left; /* ... et l'alignement du texte */
		  //color:#FFF;
		  margin:0;
		  padding:0;
		}
	}
	
	
	#contentWrapper #content #page .ref img{ margin:0; padding:0;}
	#contentWrapper #content #page .ref:last-child {}
	
	
	#contentWrapper, #contentWrapper p, #contentWrapper ul li {font-size: 12px; font-family:'Lucida Grande', Helvetica, sans-serif; line-height: 1.3em;}
	#contentWrapper p {margin-top:1.3em; margin-bottom:1.3em;}
	
	#blogContainer, #searchContainer {position:relative;}
	
	#musicPlayer {
		background-color: #B1B3B4;
		bottom: 0;
		color: #FFFFFF;
		font-family: 'Lucida Grande',Helvetica,sans-serif;
		font-size: 11px;
		height: 20px;
		left: 50%;
   		margin: 0 auto 0 -500px;
		padding: 10px;
		position: fixed;
		width: 150px;
	}

/*--------------------------------------------------------
	4.PAGE ELEMENTS
--------------------------------------------------------*/

	
	/*--------------------------------------------
	i. media content - blogs, galleries, general
	--------------------------------------------*/
	
	img, iframe{display:block;}
	#content img {margin-bottom:1.2em; margin-top:1.2em;}
	.mediaContainer{margin:1.6em 0; padding:5px; position:relative; overflow:hidden;}
	
	.mediaContainer a {display:block; position:relative; text-decoration: none; overflow: hidden; height:100%;}
	.mediaContainer a:hover {text-decoration: none;}
		
	.mediaContainer.oneCol {float:left; width:500px; height:500px;}
	.mediaContainer.twoCol {float:left; width:245px; height:245px;}
	.mediaContainer.threeCol {float:left; width:160px; height:160px;}
	.mediaContainer.blog {width:488px; height:200px;}
	
	.mediaContainer img {position: relative; left: -10px; top: -10px;  padding:0 !important; border:0!important; background:none; margin:0 !important;}
	.mediaContainer.oneCol a img{width: 520px; height: 520px;}
	.mediaContainer.twoCol a img{width: 265px; height: 265px; }
	.mediaContainer.threeCol a img{width:180px; height:180px;}
	.mediaContainer.blog a img{width:508px; height:220px;}
	
	.mediaContainer a div._rollover {display: none;  position:absolute; height: 100%; width: 100%;  z-index: 100; }
	.mediaContainer a span {position: absolute; width:95%; text-align:center; bottom:0; margin:0 5px; }
	
	/* set alignment */
	.mediaContainer.alignLeft{float:left;margin-right:20px;}
	.mediaContainer.alignRight{float:right;margin-left:20px;}

	/*gallery media*/
	.mediaContainer.gallery{ float:left;margin:0px 10px 10px 0px; padding:0; border:0;}
	.mediaContainer.blog{}
	.mediaContainer.last{margin-right:0px;}
	
	._rolloverSocial{position:absolute;border:none;z-index:2; } 
	
	
	/*----------------------------
	ii. blog
	-----------------------------*/
	
	#singlePost {height: auto; width:100%; overflow:hidden; padding-top:10px; position:relative;}
	.post, .page{padding-bottom:20px; margin:0 0 1.3em; float:left; width:100%; }
	.postContent {margin:1.6em 0;}
	.post.last{margin:0px; padding:0px; border-bottom:none !important;}
	ul.entryMeta li{list-style:none; margin:0 !important; overflow: hidden;}
	.entryMeta{float:left; width:130px; margin:0 1.3em 1.3em 0; text-align:left; list-style: none !important; padding:0 !important;}
	.postClose{width:11px;height:18px;position:absolute;z-index:99;cursor:pointer;top: 0%; right:0%; text-align: center; display:block;}
	
	
	
	/*----------------------------
	iii. forms
	-----------------------------*/
	#contactForm, #commentForm {width:100%; float:left; margin:auto;}
	#contactForm .form, #commentForm .form {width:245px; }
	#contactForm .form.left, #commentForm .form.left{ margin-right:10px;}
	.field{width:95%; height:30px;border:none; padding:0 5px;margin:0 0 10px 0; }
	.field:focus{outline:none;border:none;}
	.tarea{width:95%; height:101px;border:none;  padding:8px 5px 5px 5px;float:left; text-align:justify; overflow:auto;}
	.tarea:focus{border:none; outline:none;}
	.formProgress{clear:both; float:left;margin-top:15px;}
	 p.form{float:left; overflow:hidden;}
	 
	
	/*----------------------------
	iv. pagination
	-----------------------------*/
	
	.container{width:100%; float:left;margin:1.6em 0;padding:0px; overflow:hidden;height:auto;}
	.page_navigation , .alt_page_navigation{ width: 100%; height:auto; text-align: center;   overflow: hidden; margin:1.6em 0 3.2em;}
	.page_navigation a, .alt_page_navigation a{margin:2px; width:10px;height:10px;text-decoration:none; display: inline-block; vertical-align: middle;  }
	.page_navigation .previous_link, .page_navigation .next_link {display:none;}
	ul.contentPaginate {margin:0;}
	ul.contentPaginate li {list-style:none; margin:0 !important; padding:0; overflow: hidden;}

	
	/*----------------------------
	v. gallery
	-----------------------------*/
	.gallery {margin:auto;}
	.gallery-item {float:left; margin-top:10px; text-align:center; width:33%;}
	.gallery-columns-2 .gallery-item {width:50%; }
	.gallery-columns-4 .gallery-item {width:25%; }
	.gallery img { border:none;}
	.gallery .gallery-caption {margin-left:0;}
	
/*--------------------------------------------------------
	5. FOOTER
--------------------------------------------------------*/

	#footer{ width:500px; height:50px; margin:0 auto 0px auto; line-height:50px; font-family: 'Lucida Grande',Helvetica,sans-serif; font-size:11px; clear:both;}
	.iconContainer{ float:right; margin-left:0px; margin-top:12px; }
	.iconContainer img {margin:0 !important; border:0 !important;}

/*--------------------------------------------------------
	6. LINKS
--------------------------------------------------------*/

	a,a:visited{text-decoration:none; outline:none; border:none;}
	a:hover{text-decoration:underline;}

/*--------------------------------------------------------
	7. TYPOGRAPHY
--------------------------------------------------------*/
	strong {font-weight:bold;}
	em {font-style: italic;}
	h1,h2, h3, h4, h5, h6, p, ul, ol {margin-top: 1.0em; margin-bottom: 1.0em;  }
	h1,h2,h3,h4,h5,h6 { text-transform: uppercase; letter-spacing: 0; line-height: 1.3em; text-align:left;}
	h1.pageHeading{ font-size:50px; line-height:1em; position:relative;z-index:10;width:100%; margin:20px 0 10px 260px; padding-bottom:10px;  word-wrap: break-word;} 
	p{font-family: 'Lucida Grande',Helvetica,sans-serif;font-size: 12px;line-height: 16px;}
	p.slogan{ width:100%; font-family: "Lucida Grande",sans-serif; font-size:12px; margin:5px 0 0;text-transform:uppercase; letter-spacing:3.5px;}
	pre,code {display:block; font-family:Courier, sans-serif; margin:1.3em 0; padding:10px; width:100%; }

/*--------------------------------------------------------
	8. ELEMENTS
--------------------------------------------------------*/

	/*----------------------------
	i. buttons
	-----------------------------*/
	
	.button {display: inline-block;position: relative;cursor: pointer;border:none; margin:15px 0;}
	.button:hover{text-decoration:none;}
	
	.button.small {font-size: 11px;padding: 10px 20px;}
	.button.medium{font-size: 13px;padding: 12px 25px;}
	.button.large {font-size: 14px;padding: 15px 30px;}
	
	.button.alignRight {float:right;}
	.button.alignLeft {float:left;}
		
	/*----------------------------
	ii. columns
	-----------------------------*/
	
	.one_half, .one_third, .one_fourth,.one_fifth, .two_third, .three_fourth{height:auto; float:left;margin-right:8%;overflow:hidden;}
	.one_half{width:46%;}
	.one_third{width:28%;}
	.one_fourth{width:19%;}
	.one_fifth{width:19%;}
	.two_third{width:64%;}
	.three_fourth{width:73%;}
	.col_last{margin-right: 0 !important; clear: right;}
	
	@media screen and (max-width: 480px) {
		.one_half{width:100%; margin-right:0;}
		.one_third{width:100%; margin-right:0;}
		.one_fourth{width:100%; margin-right:0;}
		.one_fifth{width:100%; margin-right:0;}
		.two_third{width:100%; margin-right:0;}
		.three_fourth{width:100%; margin-right:0;}
	}
	
	/*----------------------------
	iii. lists
	-----------------------------*/	
	
	ul li, ol li{line-height:1em; margin-bottom: 1.0em;padding-bottom: 2px;margin-left: 25px; list-style: square;}
	ol li{ list-style: decimal;}
	
		
	/*----------------------------
	iv. comment list
	-----------------------------*/	
	
	ul.commentList{width:100%; list-style:none; overflow: hidden; margin:0;}
	
	ul.commentList li{width:100%;margin:1.3em 0; padding:0 0 20px 0;float:left;list-style:none;}
	ul.commentList li div.avatar {float:left; margin-right:25px; }
	ul.commentList li .avatar img {margin-top:0 !important;}
	.commentName,.commentDate,.commentary p{margin:0 0 1.3em;}
	ul.commentList li .mediaContainer{margin-bottom:0px;}
	
		
	
	/*----------------------------
	v. blockquotes
	-----------------------------*/

	blockquote{margin:1.6em 0; clear: both;display: block; overflow:hidden;}
		
	blockquote p {float:left;margin:0 0 1.3em 45px !important;padding-top:3px;}
	blockquote p.clientRef {margin:0px 0 0 45px;}
	blockquote.alignLeft{width:200px; float:left; margin:10px 15px 15px 0 ;}
	blockquote.alignRight{width:200px; float:right ;margin:10px 0 15px 15px;}
	
	

/*--------------------------------------------------------
	9. WIDGETS
--------------------------------------------------------*/

	#widgetContainer {margin:1.6em 0; overflow:hidden;}
	#widgetContainer .widgetBox {height:auto; min-height:210px; width:28%; float:left; margin-right:8%; overflow:hidden;}
	#widgetContainer .widgetBox.last {margin:0;}
	#searchform .form, #searchform .field {width:100%;}
	
	
	.twitter, .query { font-family:'Lucida Grande', Helvetica, sans-serif; margin:1.6em 0; }
	.tweet_list {list-style: none;margin: 0;padding: 0;overflow-y: hidden;}
	.tweet_list .awesome, .tweet_list .epic {text-transform: uppercase;}
	.tweet_list li {overflow-y: auto;overflow-x: hidden;padding: 1.3em 0;list-style-type: none;margin:0 !important; border-bottom:1px dotted #333; vertical-align: middle;}
	.tweet_list li a {color: #999;}
	.tweet_list li a img {margin:0 !important;}
	.tweet_list .tweet_even {}
	.tweet_list .tweet_avatar {padding-right: 10px; float: left;}
	.tweet_list .tweet_avatar img {vertical-align: middle;}
	.tweet_list .tweet_time {}
	.tweet_list .tweet_join {}
	.tweet_list .tweet_text {font-size:14px; line-height:18px;}
	.tweet_list .tweet_text a {font-size: 14px;}
	.tweet_list .tweet_last {border:0;}
	
	/*jPlayer*/
	
	div.jp-audio {font-size: 1em; line-height: 1.6; }
	
	div.jp-audio {width: 210px;}
	
	div.jp-interface {position: relative; width: 100%;  }
	div.jp-audio div.jp-type-playlist div.jp-interface { height: 30px; }
	
	div.jp-interface ul.jp-controls {margin:0; padding:0 5px;}
	div.jp-interface ul.jp-controls li {display:inline; float: left; width:50px; margin:0 !important; padding:0 !important;}
	div.jp-interface ul.jp-controls a { display:block;overflow:hidden;text-indent:-9999px;height: 30px;margin: 0; padding: 0; z-index: 1; outline: none;}
	div.jp-playlist {display:none;}

	div.jp-jplayer { width:0px; height:0px; }

/*--------------------------------------------------------
	10. MISCELLANEOUS
--------------------------------------------------------*/	

  	.clear{clear:both;}
  	.clearLeft{clear:left;}
  	.clearRight{clear:right;}
  	.hide{display:none;}
  	.show{display:block;}
	.right{float:right !important;}
	.alignright{float:right !important; margin-left:1.2em;}
	.left{float:left !important;}
	.alignleft{float:left !important; margin-right:1.2em;}
	.noMargin{margin:0 !important;}