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

	Title: Siempre
	Date: November 2007 

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2 Header
			3.3 Content
			3.4 Secondary content
			3.5 Sidebar
			3.6 Footer
		


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



/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global reset */
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, 
font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td { 
	margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; 
}

body {
	line-height: 1; }	
	
ol, ul {
	list-style: none; }
	
table {
	border-collapse: separate; 
	border-spacing: 0;  
}

caption, th, td {
	text-align: left; 
	font-weight: normal;
}

body {
	margin: 0;
	background: #000 url(../images/body-bg.png) repeat-x left top;
	font: 62.5% 'Lucida Grande','Lucida Sans',Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
}

.splash{
	background-image: none;
	padding-top: 20px;
	
}
/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

	
h2 {
	font-size: 2em; 
}

h3 {
	font-size: 15px;
}

p  {
	margin: 0 0 14px 0;
	font-size: 1.1em;
	line-height: 1.4;
}

p small, p big {
	font-size: 1em; }


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

input, textarea, select {
	font: 1.2em 'Lucida Grande','Lucida Sans',Verdana, Arial, Helvetica, sans-serif;
}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

a {
	font-weight: bold; }
	
a:link,a:visited {
	color: #d6062b;
	text-decoration: none;
}

a:hover, a:active {
	color: #8c8c8c;
	text-decoration: none;
}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr { 
	display: none; }
	
ul, ol, dl {
	margin: 0 0 14px 0; }	
	
ol {
	list-style: decimal;
	list-style-position: inside; }	
	
li {
	font-size: 1.1em; }	
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
small, p small {
	font-size: 0.9em; }
	
big, p big {
	font-size: 1.5em; }		
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;
}

blockquote {
	margin: 0 0 14px 0; }
	
table {
	width: 415px;
	margin: 0 0 30px 0; }
	
table caption {
	padding: 6px 10px;
	font-size: 1.1em; }	
	
th {
	background-color: #d61a35;
	font-weight: bold;
	color: #fff; }	
	
th, td {
	border-right: 2px solid #fff;
	padding: 6px 10px;
	font-size: 1.1em;
}	
	
td {
	background-color: #f0f0f0;
	}	


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.hide {
	position: absolute;
	left: -9999px;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.container,.footer-info {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
.splash .container{
	width: 675px;
	text-align: center;
	position: relative;
}
.splash #image{
	text-align: center;
	width: 675px;
}
#header {
	width: 960px;
	height: 385px;
	position: relative;
	background: #000 url(../images/bg_header.png) no-repeat;
	color: #fff;
}


#content {
	width: 754px;
	float: left; 
}
	
#secondary-content {
	width: 200px;
	padding: 0;
	float: right;
	overflow: hidden; 
}

#footer {
	
	margin-top: 10px;
	padding: 0;
	color: #fff;
	text-align: center;
	clear: both;
	height: 84px;
	background: url(../images/bg_footer.png) repeat-x 0 0;
}
	
	
/* Page specific layouts */
	

.home #main-content {
	width: 625px;
	float: left;
	padding-bottom: 55px;
	background: url(../images/bg_main_content.gif) no-repeat 0 100%;	
}
	

/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	

#accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;
}


/* 3.2	Header
-----------------------------------------------------------------------------------------------*/	
.splash a{
	display: block;
	position: relative;
width: 675px;
}
	.splash a img{
		position: absolute;
		top: 0;
		left: 0;
	}
#header h1 {
	position: relative;
	font-weight: bold;
	font-size: 1.2em;
	width: 509px;
	height: 135px;
	top: 74px;
	left: 229px;
}

	#header h1, #header h1 a, #header h1 a span, #header h2 span, #header p span {
		display: block;
		overflow: hidden;
		
	}

	#header h1 a { 
		color: #fff;
	 }

		#header h1 a span {	
			position: absolute; 
			top: 0;
			left: 0;
			z-index: 10;
			width: 509px;
			height: 135px;
			background: url(../images/logo_siempre.png) no-repeat;
			cursor: pointer;
		}

	#header h2 {
		margin: 0;
		position: absolute;
		left: 207px;
		top: 252px;
		color: #FFD818;
		font-size: 20px;
		display: block;
		width: 550px;
		height: 60px;
		text-transform: lowercase;
	}
		#header h2 span {	
			position: absolute; 
			top: 0;
			left: 0;
			z-index: 10;
			width: 550px;
			height: 60px;
			background: url(../images/bg_cassovia.png) no-repeat;
			
		}
	#header p {
		margin: 0;
		position: absolute;
		left: 0;
		top: 320px;
		color: #F00;
		font-size: 12px;
		display: block;
		width: 960px;
		height: 45px;
		text-align: center;
	}
	#header p span {	
			position: absolute; 
			top: 0;
			left: 0;
			z-index: 10;
			width: 960px;
			height: 45px;
			background: url(../images/bg_frrr.png) no-repeat;
			
		}
	

/* 3.3	Content
-----------------------------------------------------------------------------------------------*/	
.photo{
	width: 240px;
	height: 167px;
	float: left;
	background: url(../images/bg_photo.png) no-repeat;
	margin-right: 11px;
	display: inline;
}
	.photo.last{
		margin-right: 0;
	}
	.photo img{
		margin: 6px 0 0 5px;
	}

#band-lineup{
	clear: left;
	padding-top: 30px;
	width: 245px;
	float: left;
	display: inline;
	margin-right: 14px;
}
	#band-lineup h3, #band-lineup h3 span,
	#news h3, #gallery h3, #news h3 span,
	#forum h3, #forum h3 span, #noise h3, #noise h3 span,#gallery h3 span,
	a.gallery-button span,a.gallery-button{
		position: relative;
		font-weight: bold;
		font-size: 1.2em;
		width: 165px;
		height: 67px;
		overflow: hidden;
	}
	#band-lineup h3 span{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 11;
		background: url(../images/title_siempre.png) no-repeat;
	}
	#band-lineup dl{
		width: 245px;
		background: url(../images/bg_border.png) no-repeat;
		padding: 30px 0;
	}
		#band-lineup dt{
			width: 85px;
			height: 45px;
			float: left;
			clear: left;
		}
		#band-lineup dt.subtle{
			width: 85px;
			height: 35px;
			float: left;
			clear: left;
			padding-top: 10px;
		}
		#band-lineup dd{
			height: 45px;
			line-height: 45px;
			color: #FFD818;
			font-size: 1.2em;
		}
		#band-lineup dd strong{
			font-size: 1.4em;
		}
		#band-lineup dt.spev{
			padding-top: 10px;
		}

#news{
	width: 485px;
	float: left;
	padding-top: 30px;
	
	display: inline;
}		
	.news-sub #news{
		width: 730px;
		float: left;
		padding-top: 30px;
		padding-bottom: 200px;	
		display: inline;
	}
	#news h3 span{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 11;
		background: url(../images/title_news.png) no-repeat;
	}
	
	#news ul{
		width: 485px;
		background: url(../images/bg_border.png) no-repeat;
		padding: 30px 0;
		color: #FFD818;
	}
		.news-sub #news ul{
			width: 730px;
			background: url(../images/bg_border.png) repeat-x;
		}
		#news li{
			padding:0 10px 45px;
		}
	#news h4{
		font-size: 1.6em;
		color: #76FF05;
		margin-bottom: 20px;
	}
	#news h4 a{
		color: #76FF05;
		font-weight: normal;
	}
	#news div{
		margin-bottom: 20px;
		font-size: 1.2em;
	}
	#news p{
		margin-bottom: 20px;
		font-size: 1em;
	}
	#news span{
		color: #9F8E3A;
		}
/* 3.4	Secondary content
-----------------------------------------------------------------------------------------------*/	
#contact{
	width: 200px;
	height: 167px;
	overflow: hidden;
	background: url(../images/bg_contact.png) no-repeat;
	color: #FFD818;
	margin-bottom: 30px;
}
	#contact h3{
		margin: 23px 0 0 23px;
		position: relative;
		width: 75px;
		height: 25px;
		overflow: hidden;
	}	
		#contact h3 span{
			display: block;
			position: absolute;
			width: 75px;
			height: 25px;
			top: 0;
			left: 0;
		}	
		#contact h3.cont span{
			background: url(../images/title_contact.png) no-repeat;
		
		}
		#contact h3.book span{
			background: url(../images/title_booking.png) no-repeat;
		
		}
		#contact h3.book{
			margin-top: 15px;
		}
		
	#contact p{
		margin: 10px 0 0 23px;
		font-size: 1.4em;
	}
		#contact p span{
			letter-spacing: 1px;
		}
	
#forum{
	width: 200px;
	color: #FFD818;
	
}	
  .forum-sub #forum,
  .gallery-sub #gallery{
		width: 730px;
		color: #FFD818;
		padding-bottom: 200px;
	}
		
	#forum h3 span{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 11;
		background: url(../images/title_forum.png) no-repeat;
	}
	#gallery h3 span, a.gallery-button span{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 11;
		padding-left: 5px;
		background: url(../images/title_galeria.png) no-repeat;

	}
	#forum ul{
		width: 200px;
		background: url(../images/bg_border.png) repeat-x;
		padding: 30px 0;
		color: #FFD818;
		
	}
	#gallery ul{
		width: 700px;;
		background: url(../images/bg_border.png) repeat-x;
		padding: 30px 0 30px 30px;
		color: #FFD818;
		
	}
	#gallery li{ 
		float: left;
		width: 175px;
	}
	#gallery li a{
		padding: 2px;
		border: 2px solid #76ff05;
		background: #ffd818;
		float: left;
	}
	#gallery li a img{
		border: 2px solid #f00;
	}
	}
	.home #forum ul{
		min-height: 230px;
	}
	.forum-sub #forum ul{
			width: 730px;
		}
		#forum li{
			padding:0 5px 25px;
		}
		#forum li span{
			color: #76FF05;
		}
		#forum label{
			float: left;
			width: 70px;
			font-size: 1.2em;
			clear: left;
		}
		
		#forum input, #forum textarea{
			width: 120px;
			border: 1px solid #aa0;
			background: #333;
			color: #eee;
			margin-bottom: 4px;
			vertical-align: middle;
		}
		#forum textarea{
			height: 50px;
			margin-bottom: 8px;
		}
		#forum input#submit{
			width: 60px;
			color: #fff;
			margin-left: 10px;
		}
		#forum input#check{
			width: 30px;
		}
		#forum form{
			margin-bottom: 10px;
		}
		.former{
			margin-bottom: 15px;
		}
	.all, .all span, .add, .add span{
		display: block;
		position: relative;
		height: 20px;
		width: 90px;
		overflow: hidden;
		float: left;
	}
		.all span{
			background: #000 url(../images/button_all.png) no-repeat;
			position: absolute;
			height: 20px;
			width: 90px;
			overflow: hidden;
			top: 0;
			left: 0;
			cursor: pointer;
		}
		.add span{
			background: #000 url(../images/button_add.png) no-repeat;
			position: absolute;
			height: 20px;
			width: 90px;
			overflow: hidden;
			color: #76FF05;
			top: 0;
			left: 0;
			cursor: pointer;
		}
		.add{
			float: right;
		}
		
#noise{
	width: 200px;
	color: #FFD818;
	margin-top: 50px;
	clear: both;
	float: left;
}	
		
	#noise h3 span{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 11;
		background: url(../images/title_sound.png) no-repeat;
	}
	#noise #flash-player{
		width: 200px;
		background: url(../images/bg_border.png) no-repeat;
		padding: 30px 0;
		color: #FFD818;
		margin-top: 5px;
	}
	
/* 3.6	Footer
-----------------------------------------------------------------------------------------------*/	

.speaker{
	position: absolute;
	top: -152px;
	left: 0;
}
.homeback{
	margin-left: 10px;
	margin-top: 10px;
	float: left;
	display: inline;
}