/* ------------------------------------------------------------------------------
   CSS : Sonde-3 / www.sonde3.com
   -
   by Kings of Mambo / www.kingsofmambo.com
------------------------------------------------------------------------------ */

* {
	margin: 0;
	padding: 0;
}

html {
	background: #000 url(/images/layout/background_black.jpg) top left fixed;
}

html, body {
	border: 0;
	color: #000;
	font: 11px Arial, Georgia, Verdana, sans-serif;
}

body {
	margin: 60px;
	padding: 0;
	text-align: center;
}

img {
	border: 0;
}

h1, h2 {
	color: #fff;
}
h1 {
	font-size: 24px;
	margin: 2px 8px 0 8px;
}
h2 {
	font-size: 18px;
	margin: 0 8px 5px 8px;
}
h3 {
	font-size: 14px;
	color: #676767;
}
h4 {
	font-size: 14px;
	color: #fda000;
}
h5 {
	font-size: 14px;
	color: #fda000;
}

a {
	color: #fda000;
	font-weight: bold;
}

ul {
	list-style: none;
}

.clear {
	clear: both;
}

/* ------------------------------------------------------------------------------ CONTENEDOR */
#wrap, #wrap_nobackground, #wrap_dark {
	background: #3c3c3c url(/images/layout/separation.gif) top left repeat-y;
	margin: auto;
	border: 13px solid #fff;
	width: 845px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 819px;
}
#wrap_nobackground {
	background: #3c3c3c;
}
#wrap_dark {
	background: #2a2a2a url(/images/layout/separation.gif) top left repeat-y;
}

/* ------------------------------------------------------------------------------ HEADER */
#header {
	width: 819px;
	height: 302px;
	/*border-bottom: 9px solid #fff;*/
	color: #FFF;
	font-weight: bold;
	background: #000;
	text-align: left;
}

/* OPTIONS (music & search) */
#options {
	clear: both;
	width: 819px;
	border-top: 9px solid #fff;
	border-bottom: 9px solid #fff;
	background: #000;
	text-align: left;
	height: 44px;
	color: #fff;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 35px;
}
	#music {
		width: 400px;
		float: left;
		text-align: left;
	}
	#newsletter {
		float: right;
		text-align: left;
	}
	#newsletter p {
		line-height: 17px;
		vertical-align: middle;
	}
	#newsletter ul, #newsletter li {
		margin-top: 4px;
		float: left;
		display: inline;
	}
	#newsletter li {
		margin-right: 7px;
	}
	#newsletter input.text {
		font-size: 11px;
		width: 130px;
		border: 1px solid #333;
		background: #fff;
		height: 17px;
		voice-family: "\"}\"";
		voice-family:inherit;
		height: 15px;
	}

/* ########################### MAIN CONTENT ########################## */

#maincontent, #maincontent_dark {
	float: left;
	width: 525px;
	text-align: left;
	background: #3c3c3c;
}

/* MARGIN CONTENT */
#artistlist, .mainartistitem, #contentnews .newsitem, #biography p, #biography ul, .line_separator, #whoweare p, #whoweare ul, #staff ul, #contact p, #contact ul {
	margin: 0 8px;
}

/* DARK */
#maincontent_dark {
	background: #2a2a2a;
}

.line_separator {
	height: 10px;
	border-bottom: 1px solid #474747;
	margin-bottom: 10px;
}
	
	/* ARTISTS LIST (combo box) */
	#artistlist {
		height: 32px;
		background: #3c3c3c url(/images/layout/artistlist_background.gif) repeat-x top left;
	}
	#artistlist #artistselect ul, #artistlist #artistselect li {
		margin-top: 3px;
		float: left;
		display: inline;
	}
	#artistlist #artistselect li {
		margin-right: 7px;
	}
	#artistlist #artistselect select {
		width: 320px;
		border: 1px solid #333;
		background: #fff;
		height: 20px;
		voice-family: "\"}\"";
		voice-family:inherit;
		height: 18px;
		font-size: 11px;
	}
	#artistlist #artistselect p {
		color: #fff;
		margin-right: 10px;
		line-height: 20px;
		vertical-align: middle;
	}
	
	/* ARTISTS LIST (content) */
	.mainartistitem, .mainartistitem_last {
		display: block;
		clear: both;
		padding-bottom: 12px;
		margin-bottom: 4px;
		border-bottom: 1px solid #474747;
	}
	.mainartistitem_last {
		border: 0;
	}
	.mainartistitem ul {
		margin-top: 10px;
	}
	.mainartistitem ul, .mainartistitem li {
		float: left;
	}
	.mainartistitem li.infotitle {
		padding-top: 2px;
		width: 411px;
		height: 18px;
		background: #3a3a3a;
	}
	.mainartistitem p {
		color: #fff;
		margin-bottom: 5px;
	}
	
	.infoartist ul {
		float: left;
		margin-top: 10px;
	}
	.infoartist li.imgartist {
		width: 150px;
	}
	.infoartist li.imgartist img {
		border: 5px solid #1b1b1b;
	}
	.infoartist p, .infoartist li p {
		margin-top: 0;
		margin-left: 10px;
		width: 344px;
	}
	.infoartist a.more {
		display: block;
		text-align: left;
		margin-top: 8px;
		margin-left: 10px;
	}
	
	/* BIOGRAFIA */
	#biography, #whoweare, #contact {
		color: #999;
		background: #3c3c3c;
		padding-top: 2px;
		padding-bottom: 10px;
	}
	#biography p, #biography ul, #whoweare p {
		margin-top: 5px;
	}
	#biography a, #whoweare a {
		text-decoration: underline;
		font-weight: lighter;
	}
	
	#biography{
		padding:5px;
	}
	
	/* NEWS content */
	#contentnews, #staff {
		border-top: 8px solid #fff;
		padding-top: 5px;
		padding-bottom: 5px;
		background: #2a2a2a;
	}
	#contentnews .newsitem {
		margin-bottom: 10px;
	}
	
	p.newstitle {
		color: #fda000;
		font-size: 20px;
		font-weight: bold;
		margin-top: -4px;
	}
	
 
	/* WHO WE ARE */
	#whoweare h1, #staff h1 {
		margin-bottom: -7px;
	}
	#whoweare, #contact {
		color: #fff;
	}
	#whoweare img {
		border: 5px solid #242424;
	}
	#whoweare li, #whoweare li.img_last {
		float: left;
		margin-right: 10px;
		margin-bottom: 7px;
	}
	#whoweare li.img_last {
		margin: 0;
	}
	
	
	/* STAFF */
	#staff ul, #staff ul.last {
		display: block;
		float: left;
		/*width: 509px;*/
		clear: both;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #242424;
	}
	#staff ul.last {
		border: 0;
	}
	#staff li {
		float: left;
		display: block;
		color: #666;
		width: 160px;
	}
	#staff li.name {
		font-weight: bold;
		color: #f90;
	}
	#staff a {
		color: #fff;
		font-weight: lighter;
	}
	
	/* CONTACT */
	#contact p, #contact p.info_form {
		float: left;
		display: block;
		width: 120px;
		text-align: right;
		margin-right: 8px;
		line-height: 16px;
		vertical-align: middle;
	}
	#contact li.tab_form {
		padding-left: 128px;
	}
	#contact li.tab_form p {
		width: auto;
		text-align: left;
	}
	#contact li {
		margin-bottom: 8px;
		display: block;
	}
	#contact input, #contact textarea {
		font: 11px Arial, Georgia, Verdana, sans-serif;
		height: 16px;
		float: left;
		border: 1px solid #666;
		background: #fff;
		width: 300px;
	}
	#contact textarea {
		height: 175px;
	}
	#contact .tab_form input.btn_send {
		width: auto;
		height: auto;
		border: 0;
	}
	
	
/* ########################### AUXILIAR CONTENT ########################## */

#auxiliarcontent {
	float: left;
	text-align: left;
	margin-right: 8px;
	width: 286px;
}

/* MARGIN (auxiliar content) */
#auxiliarcontent .liststyle, .newsitem, .newsitem_smallsepartion,  #auxiliarcontent .btnmore, #auxiliarcontent #recomendations, #auxiliarcontent #links, #auxiliarcontent #gallery,  form#news_order, .contract_item {
	margin: 0 8px;
}

	/* TV */
	#tv {
		display: block;
		width: 286px;
		height: 255px;
		background: #161616;
	}
	
	/* CALENDAR */
	#calendar {
		display: block;
		width: 286px;
		height: 225px;
		background: #161616;
	}
	
	/* audioplayer */
	#audioplayer {
		display: block;
		width: 341px;
		height: 35px;		 
	}	
	
	/* ARTISTS LIST (aux content)*/
	#auxiliarcontent .liststyle, .newsitem {
		display: block;
		margin-top: 0px;
		margin-bottom: 10px;
		/*width: 276px;*/
	}
	#auxiliarcontent .liststyle ul {
	}
	#auxiliarcontent .liststyle li {
		display: block;
		width: 270px;
		color: #fff;
		font-size: 11px;
		line-height: 16px;
		vertical-align: middle;
	}
	#auxiliarcontent .liststyle li .date {
		color: #f90;
	}
	#auxiliarcontent .liststyle h3 {
		font-size: 14px;
	}
	
	/* NEWS LIST (aux content)*/
	
	.newsitem, form#news_order {
		padding-bottom: 10px;
		border-bottom: 1px solid #242424;
	}
	.newsitem_last {
		border: 0;
	}
	.newsitem li {
		margin-top: 2px;
		display: block;
		/*width: 270px;*/
		color: #fff;
		font-size: 11px;
	}
	.newsitem li.day {
		color: #666;
	}
	.newsitem li a, .newsitem li.title {
		color: #fda000;
		font-weight: bold;
	}
	
	/* FORM (news order) */
	form#news_order {
		padding-bottom: 0;
		margin-top: 8px;
		margin-bottom: 10px;
	}
	#news_order ul {
		color: #fff;
		margin-bottom: 10px;
	}
	#news_order ul, #news_order li {
		float: left;
		display: block;
	}
	#news_order li {
		width: 65px;
		margin-right: 7px;
	}
	#news_order li.month, #news_order li.year {
		color: #999;
	}
	#news_order li.month {
		width: 85px;
	}
	#news_order li.year {
		width: 60px;
	}
	#news_order li.btn {
		width: 25px;
	}
	#news_order select {
		font-size: 10px;
		border: 1px solid #808080;
	}
	#news_order select.smonth {
		width: 85px;
	}
	#news_order select.syear {
		width: 60px;
	}
	
	/* ALTERNATE */
	.alternate {
		background: #1e1e1e;
	}
	
	/* SEPARATION*/
	.separationboxes {
		display: block;
		margin: 8px 0 5px 0;
		height: 9px;
		background: #161616 url(/images/layout/left_boxseparation.gif) repeat-x center left;
	}
	
	/* BTN MORE (aux content)*/
	#auxiliarcontent .btnmore {
		height: 19px;
		margin-top: 10px;
		text-align: right;
	}
	
	/* RECOMENDATIONS */
	
	#auxiliarcontent #recomendations {
		text-decoration: none;
	}
	#auxiliarcontent #recomendations img {
		border: 0;
		/*margin: 8px 8px;*/
		margin-bottom: 8px;
	}
	
	/* LINKS */
	#auxiliarcontent #links {
		margin-bottom: 10px;
	}
	#auxiliarcontent #links a {
		display: block;
		font-weight: lighter;
		color: #f90;
	}
	
	/* CONTRATACION */
	#contratacion {
		height: 40px;
		margin-top: -6px;
		/*margin-bottom: 5px;*/
		background: #fda000;
		text-transform: uppercase;
		border-bottom: 10px solid #fff;
		text-align: center;
	}
	#contratacion a.contratacion_link {
		display: block;
		padding: 10px 0;
		font-size: 20px;
		color: #000;
		text-decoration: none;
		font-weight: bold;
	}
	
	/* LISTADO CONTRATACION */
	.contract_item {
		font-size: 10px;
		text-transform: uppercase;
	}
	
	.contract_item, .contract_item_last {
		width: 270px;
		border-bottom: 1px solid #242424;
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
	.contract_item_last {
		border: 0;
	}
	.contract_item ul, .contract_item li {
		float: left;
		display: block;
		width: 190px;
		color: #666;
	}
	.contract_item a {
		float: left;
		display: block;
		width: 80px;
		text-align: right;
	}
	.contract_item li.band {
		font-size: 11px;
		font-weight: bold;
		color: #ff9900;
	}
	
	.contract_item li.band a {
		text-decoration: none;
		display: inline;
		float: none;
		font-size: 11px;
		font-weight: bold;
		color: #ff9900;
	}
	
	.contract_item li.city {
		color: #333;
	}
	
	/* GALLERY */
	#auxiliarcontent .h2gallery {
		display: block;
		margin-top: 5px;
	}
	#auxiliarcontent #gallery img {
		display: block;
		border: 5px solid #262626;
		/*margin-bottom: 5px;*/
	}
	#auxiliarcontent #gallery ul {
		margin-top: 7px;
		margin-bottom: 5px;
	}
	#auxiliarcontent #gallery ul,  #auxiliarcontent #gallery li {
		float: left;
		display: block;
	}
	#auxiliarcontent #gallery img {
		margin-right: 7px;
	}
	#auxiliarcontent #gallery img.zoom {
		/*margin: 0 0 7px 0;*/
		margin: 0;
	}
	#auxiliarcontent #gallery img.th_last {
		margin: 0 0 0 1px;
	}

/* ########################### ROSTER ########################## */
#roster h1 {
	margin: 0;
}
#roster .line_separator {
	margin: 0;
	margin-top: -3px;
	margin-bottom: 14px;
}
#roster {
	display: block;
	padding: 8px;
	text-align: left;
}
#roster .first_item, #roster .last_item {
	height: 280px;
	float: left;
	width: 385px;
	margin-right: 33px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #474747;
}
#roster .last_item {
	margin: 0;
	margin-bottom: 10px;
}
#roster .roster_last_list {
	border: 0;
}
#roster h2 {
	width: 385px;
	background: #3a3a3a;
	display: block;
	margin: 0;
	margin-bottom: 5px;
}
	#roster img {
		float: left;
	}
	#roster img.thumbnail {
		border: 5px solid #1b1b1b;
		width: 140px;
	}
	#roster p {
		color: #fff;
	  
 
	}
	#roster .more {
		display: block;
		margin-top: 10px;
	}

	#roster div.content {
		float: left;
		color: #fff;
		margin-left: 10px;
		width: 219px;
		voice-family: "\"}\"";
		voice-family:inherit;
		width:225px;
	}

/* ########################### FOOTER ########################## */

#footer {
	width: 819px;
	text-align: left;
	background: #000 url(/images/layout/footer.gif) top left no-repeat;
	color: #fff;
	border-top: 9px solid #fff;
	height: 99px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 90px;
	font-size: 10px;
}

#footer ul {
	margin: 23px 0 5px 0;
	padding-left: 8px;
	width: 819px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 811px;
}
#footer ul, #footer li {
	float: left;
}
#footer li {
	margin-right: 5px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}
#footer li.footerseparator {
	color: #fda000;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer p {
	margin-left: 8px;
}

/* ------------------------------------------------------------------------------ COPYRIGHT */
#footer ul.copyright {
	margin: 0;
	height: 29px;
	padding-left: 8px;
}
#footer ul.copyright li {
	font-size: 10px;
	color: #fda000;
	font-weight: lighter;
	float: left;
	line-height: 29px;
	vertical-align: middle;
}
#footer ul.copyright img {
	margin-right: 5px;
	float: left;
}
#footer ul.copyright li.kom {
	margin-right: 8px;
	float: right;
	line-height: 29px;
	vertical-align: middle;
	text-align: right;
}

.page_navigation
{
	text-align: center;
	padding: 5px;
}

.nav_hide {
   display: none;
}

ul.dates {
	float: left;
	border: 1px solid #999;
}

ul.dates span.date {
	color: #f90;
}

ul.dates li.date {
	float: none;
	display: list-item;
}


.highslide {
	cursor: url(javascripts/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(javascripts/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	margin: 2px 8px 0 8px;
	font-size: 24px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 18px;
	margin: 0 8px 5px 8px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	font-size: 14px;
	/*margin: 5px 8px 0 8px;*/
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	font-size: 14px;
}

.sIFR-hasFlash #contratacion span {
	font-size: 20px;
	display: block;
			 
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
 

.sIFR-hasFlash p.newstitle  {
 	visibility: hidden;	 
}

ul.events {
	margin-left: 10px;
}

ul.events li {
	float: none;
	color: #fff;
	background:none;
}
	ul.events li .date {
		color: #f90;
	}
	
	.thumb{
		margin: 5px;
	}

	.thumb_float{
		float:left;
		margin: 5px;
}