/* -- Type -- */

@font-face {
font-family: 'NeutraBold';
src: url('http://www.maryseletarte.com/promo2012/type/neutraface2display-bold.eot');
src: url('http://www.maryseletarte.com/promo2012/type/neutraface2display-bold.eot?#iefix') format('embedded-opentype'),
url('http://www.maryseletarte.com/promo2012/type/neutraface2display-bold.woff') format('woff'),
url('http://www.maryseletarte.com/promo2012/type/neutraface2display-bold.ttf') format('truetype'),
url('http://www.maryseletarte.com/promo2012/type/neutraface2display-bold.svg#neutraface2display-bold') format('svg');
font-weight: normal;
font-style: normal;
}
	
/* -- General -- */	

html,body{
margin:0;
padding:0;
}

body{
background-image:url('http://www.maryseletarte.com/promo2012/images/bg_promo.jpg');
background-repeat:no-repeat;
margin:0px 0 0 0;
background-position: right top;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
font-family:'NeutraBold','Helvetica',arial,sans-serif;
color:#000;
text-transform:uppercase;
font-weight: normal;
font-style: normal;
}


.iebg, .ievidbg{
display:none;
}

hr{
height:1px;
border:none;
background-image: linear-gradient(left , rgb(0,0,0) 39%, rgb(0,0,0) 70%);
background-image: -o-linear-gradient(left , rgb(0,0,0) 39%, rgb(0,0,0) 70%);
background-image: -moz-linear-gradient(left , rgb(0,0,0) 39%, rgb(0,0,0) 70%);
background-image: -webkit-linear-gradient(left , rgb(0,0,0) 39%, rgb(0,0,0) 70%);
background-image: -ms-linear-gradient(left , rgb(0,0,0) 39%, rgb(0,0,0) 70%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0.39, rgb(0,0,0)),
	color-stop(0.7, rgb(0,0,0))
);
opacity:0.5;
}

a{
color:#000;
padding:5px;
-webkit-transition: 0.3s  ease-in-out;
font-weight: normal;
font-style: normal;
}

h1, h2, h3, h4, h5, h6{
font-weight: normal;
font-style: normal;
}

h2{
font-size:1.2em;
}

h2 span{
font-size:1.25em;
}

.altvid{
font-size:0.6em;
}

.altvid a{
background:none;
color:#000;
}

.follow_maryse{
font-size:0.8em;
}

/* -- Layout --*/


#panel{
height:405px;
position:absolute;
text-align:center;
top:50%;
left:5%;
margin:-202px 0 0 0;
width:620px;
padding:0px;
background:rgba(0,0,0,.6);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
z-index:2;
}

#boomboom_vid{
width:100%;
display:block;
height:100%;
}

#boomboom_vid #panel{
position:static;
/*width:800px;*/
width:50%;
max-width:800px;
min-width:500px;
height:650px;
margin:30px auto;
padding:20px;
/*left:5%;*/
/*margin:-360px 0 0 -400px;*/
/*margin:-365px 0 0 0;*/
background:rgba(0,0,0,.1);
}


/* -- Video -- */

#boomboom_vid #panel iframe, 
#boomboom_vid #panel .placeholder{
width:100%;
}

/* -- Titles -- */

.title{
padding:0 0 30px 0;
margin:0 auto;
}

#boomboom_vid #panel .title{
width:72%;
}

.album_title{
margin:20px 0 0 0;
}

#boomboom_vid #panel .album_title{
width:55%;
margin:20px auto 0 auto;
}

.album_title img, .title img{
width:100%;
}

/* -- Buttons -- */

.btn{
	background:#000 url('http://www.maryseletarte.com/promo2012/images/btn_bg.png') right top;
	text-decoration:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#e6e7e8;
	padding:5px 5px 3px 5px;
	margin:0 0 0 5px;
}

.btn:hover, .entr-btn:hover{
opacity:0.4;
background:#000 url('http://www.maryseletarte.com/promo2012/images/btn_bg.png') left top;
color:#fff;
}

.entr-btn{
	background:#000 url('http://www.maryseletarte.com/promo2012/images/btn_bg.png') right top;
	text-decoration:none;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	color:#e6e7e8;
	width:220px;
	text-align:right;
	display:block;
	padding:5px 5px 3px 5px;
	margin:15px 0 0 0;
	position:fixed;
	z-index:3;
}

/* -- Social --*/
#liking{
width:200px;
height:50px;
clear:both;
}

#sharing{
width:200px;
height:40px;
clear:both;
}

#following{
width:200px;
height:52px;
clear:both;
}

#social{
position:fixed;
bottom:50px;
left:25px;
width:210px;
height:175px;
}

#social .faceyb{
float:left;
width:49%;
}

#social .twitter-share-button{
float:left;
width:49%;
}