/*  MAIN / CONF */
/*  MAIN / CONF */
/*  MAIN / CONF */
* { margin:0; padding:0; }
body { background: #252525 url(../_img/home-back.gif) no-repeat top center; font-family: 'helvetica neue', 'helvetica', 'arial', 'san-serif'; font-size: 12px; color: #fff; }
body, html { height: 100%; }
	
	
/* COMMON CLASSES */
/* COMMON CLASSES */

#container { width: 960px; margin: auto;  height: 505px;  margin-top: 28px; }


/* HEADER */
/* HEADER */
#header { 
	height: 47px;
	background: #000;
}

#header .content { 
	width: 960px;
	margin: auto;
	padding-top: 7px; 
}



#nav { float:left; position:relative; }
#nav li {
	background:url("../_img/sprite-bullets.png") no-repeat -1px -34px transparent;
	color:#828282;
	display:inline;
	font-size:18px;
	list-style-type:none;
	padding:0 0 0 11px;
	text-transform:uppercase;
}
#nav li:first-child { background: none;  padding:0; }
#nav li a {
	color: #828282;
	text-decoration: none;
}
#nav li a:hover, #nav li.current_page_item  a{ color:#fff; }

#social { float: right; position: relative; display:block; top:3px; }
#social li { margin-right:5px; list-style-type: none; display: inline-block; float:left; }
#social li a { background: url(../_img/social.gif) repeat 0 0; width: 25px; height: 25px; display: block;}
#social li a span { display: none; }
#social li a.facebook { background-position: -30px 0; }




/* CONTENT */
#content{ padding-top: 30px; width: 960px; margin: auto; } 
 h1.title {  
	background:url("../_img/sprite-bullets.png") no-repeat scroll 0 -102px transparent;
	font-size:37px;
	margin-bottom:18px;
	padding-left:33px;
	text-transform:uppercase;
}
h1.shout a {
	background: url(../_img/shout.jpg) no-repeat;  width: 94px; height: 27px; 
	
	color:#fff;
	font-size:65px;
	
	height: 27px;
	display:block;
	position:relative;
	top: 5px;

}
h1.shout a span { display:none; }

 /* RELEASE */
#release {
	width: 635px;
	float:left;
	position:relative;
	display: block;
	background: transparent url(../_img/shout-crystal_castles.png) no-repeat;
	background-position: 10px 0;
	
} 
#release .release { 
	position:relative;
	top:161px;
	
}
#release .release .wrapper {
	background: #000000;
	padding: 30px 20px 5px 0;
}

#release .release p {
	padding: 5px 10px;
}


#release a.lineup-bt { 
	margin: 10px 0;
	background: #252525 url(../_img/veja-line-up.gif) no-repeat; 
	width: 242px;
	height: 29px;
	display:block;
}
a.lineup-bt span {
	display:none;
}

 /* INFOS */
 
 .infos, #twitter {
	width: 289px;
	float: right;
	position:relative;
	display:block;
 }
 .infos embed { margin-top: 30px; }
 
.infos ul {
	color: #959595;
	font-size: 28px;
	margin-bottom: 15px;
 }
 

.infos ul li {
	color: #fff;
	list-style-type: none;
	font-size: 26px;
}
 .infos h2, .info h3 { font-size: 31px; }
 .infos h3 { font-weight:bold; text-transform: uppercase; margin-top: 5px;  }
 .infos h3, .infos address, .infos p {
	font-size: 14px;
	color:#fff;
	font-style: normal;
	font-family: Verdana; margin-bottom:5px;
 }
 
 #twitter { 
	margin-top: 20px;background: #ccc;
	padding-bottom: 10px;
 }
 #twitter h4 { padding: 3px 0 3px 35px; background: #252525 url(../_img/sprite-bullets.png) no-repeat; background-position: 5px -65px; color: #cccccc; font-size: 23px;}
#twitter p { font-size: 11px; line-height: 17px; color: #3c3c3c; padding: 13px 10px; }
#twitter span.author, #twitter span.date { font-family: 'helvetica', 'arial'; color: #000; font-size: 11px; padding-left: 13px; }
#shout { display:block; position:relative;float:left; }
#posts { display:none; margin-top:30px; }


/* FOOTER */
#footer { width: 100%; overflow: auto; margin:auto; }
#footer .wrapper { width: 960px; margin:auto; margin-top: 30px; }
#footer ul { margin: 15px 0; }
#footer ul h4 { float: left; margin: 45px 10px 0 0; font-size: 9px;  text-transform: uppercase; }
#footer ul li { display: inline; list-style-type: none; float:left; margin-right: 8px; }
#footer ul.apoio { float:left; position: relative; }
#footer ul.apoio li a { background: url(../_img/apoio.jpg) no-repeat; width: 110px; height: 87px; display:block; }


#footer ul li a span { display:none; }

#footer ul.apoio li a.entourage { background-position: -120px 0; }
#footer ul.apoio li a.partybusters { background-position: -240px 0; }
#footer ul.apoio li a.ihateflash { background-position: -360px 0; }
#footer ul.apoio li a.caligraffiti { background-position: -480px 0; }


#footer ul.producao { float:right; position:relative; }
#footer ul.producao a {  background: url(../_img/producao.jpg) no-repeat;  width: 110px; height: 87px; display:block; }

#footer ul.producao li a.electroshake { width: 130px; background-position: -120px 0; }

#footer ul li sa { width: 80px; height: 80px; display: inline-block; background:black;}





/* LINE UP */
#artists-container { width: 656px; position:relative; float: left; }
.artist { position:relative; display: block; height: 378px; margin-bottom: 17px;  background: #252525; }
.artist h3 { 	
	margin-top: 5px; 
	font-size: 28px;
	background: transparent url(../_img/sprite-bullets.png) no-repeat; 
	background-position:361px -159px;
	padding-left: 399px;
}

.artist.main-artist h3 { 
	font-size: 38px; 
	background-position:361px -258px;
	padding-left: 411px;
}

.artist img { float:left; display:block; position: relative;  margin-right: 15px; }

ul.artist-links	{ 
	left:366px;
	position:absolute;
	bottom: 20px;
}
ul.artist-links li { display: inline; background: black; margin-right: 5px; }
ul.artist-links li a { color:#fefefe; padding: 5px 7px; background: black;   text-decoration: none;  }
ul.artist-links li a:hover { color: #3fd1d4;  }

.artist .release p { 
	color:#D7D7D7;
	font-family:Arial;
	font-size:12px;
	line-height:17px;
	margin:10px;
}

/* EQUIPE */
.membro-producao {
	float:left;
	display:block;
	width:290px;
	height:164px;
	position:relative;
	margin: 0 10px 20px 0;
	color: #fff;
	text-align: center;
}
.membro-producao .mover {
	background: transparent url(../_img/equipe-mOver.png) no-repeat;
	width:290px;
	height:164px;
	display:none;
	position:absolute;
	top:0;
	left:0;
}
.membro-producao .mover p:first-child {
	font-size: 39px;
	margin-top: 45px;
}
.membro-producao .mover a:hover { color: red; }
.membro-producao .mover a {
	font-family: Verdana;
	font-size: 11px;
	color: #50d5d7;
	text-decoration: none;
}

.equipe h2 {
	clear:both;
	font-size: 21px;
	margin: 27px 0 6px 0;
	text-transform: uppercase;
	color: #959090;
}

.box {
	background: #252525;
	padding: 15px 0;
	margin-bottom: 15px; 
	position:relative;
}
.prorrogado {
	position:absolute;
	top:0;
	right: 0;
	width: 60px;
	font-size: 12px;
	font-weight:bold;
}
#atencao {
	background: #252525;
	padding:10px 15px;
	margin-bottom: 15px; 
}
#atencao p {
	font-family:Verdana;
font-size:11px;
font-weight:bold;
line-height:17px;
margin:10px 15px 20px 0;
}
#atencao h2 {
color:#959090;
font-size:21px;
margin:27px 0 30px;
text-transform:uppercase;
}
.box-holder { 
	width: 470px;
	float:left;
	position:relative;
}

.box a { color: #50d5d7;
	text-decoration: none; font-weight:bold; }
.box a:hover { color:red; }
.box strong { font-size: 14px; }
.box h2 {
	font-size: 28px;margin:0 15px 10px;
}
.box p { 
	font-family: Verdana;
	font-size: 13px;
	line-height: 20px;
	margin: 10px 15px;
}
.chillibox {
	font-family: Verdana;
	width: 470px;
	background: #252525;
	padding:5px 0 10px 0;
	position: relative;
	display:block;
	float: right;
}

.chillibox p {
	margin: 5px 15px 25px 15px;
	font-size:13px;
	color: #d7d7d7;
}
.chillibox h1 { font-size:28px; color: #fff; 
	margin: 5px 15px 15px 15px; }
.chillibox p.local { margin-bottom:0; 
	font-size:14px;
	color: #fff}

	

#blog  {
	width: 699px;
	float:left;
	position:relative;
}
.post {
	background: #252525;
	padding: 15px;
	margin-bottom: 15px; 
}	 
.post h2 a { font-size: 28px;margin:0 0 15px; color: #fff; }
.post h3 { font-size: 15px; margin: 0 0 10px; }	
	
.post p { 
	color: #d7d7d7;
	font-family: Verdana;
	font-size: 13px;
	line-height: 20px;
	margin: 10px 0;
}
.post img { margin: 10px 0; border: none; }
.post span.data {
	font-size: 11px;
	color:#959595;
	text-transform:uppercase;
}
.post a { color: #50d5d7;
	text-decoration: none; font-weight:bold;}
.post h3 { color:#fff; margin:20px 0 10px; font-weight:bold;
	font-size: 15px; }
ul.posts-list {
	text-transform:uppercase;
	position:relative;
	float: right;
	width: 220px;font-family: Verdana;
	color:#fff;
}
ul.posts-list h1 { font-size: 21px; color: #959595;}
ul.posts-list li { list-style-type: none; margin: 5px 0 15px 0;}
ul.posts-list li a {
font-size:12px;
font-weight:bold;color:#fff;
text-decoration:none;

}